对于页面上的dom元素，如果想要通过一个数组来确定一组dom元素的顺序，如果vueelement都是很简单可以实现的<ul><liv-if="iteminlidata":id="item.id">{{item.name}}</li></ul>js:...data：function(){return{lidata:[{"id":"1","name":"
分类：
其他好文 时间：
2019-07-10 21:40:43
阅读次数：
158
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>登录注册</title> <style> body, ul { margin: 0; padding: 0; list-style: none; } .login { width: 3 ...
分类：
移动开发 时间：
2019-07-08 16:40:35
阅读次数：
573
JavaScript实现轮播图思路 + html/css + js源码 1. 整个轮播图的效果是通过js代码,操作dom, 拿到html我们需要的元素,控制整个ul的距离浏览器左边的位置,让排好的图片依次出现在相框中,不在相框中的元素会被css中的 overflow : hidden 隐藏掉, 其次 ...
分类：
Web程序 时间：
2019-07-08 13:25:28
阅读次数：
148
Dom概述： DOM就是在JavaScript中通过节点对整个文档HTML和XML(很少用了解即可)页面进行获取、修改、添加或删除节点： 节点： 节点分为三类 （1）元素节点：一般是拥有一对开闭合标签的元素整体，例如上图中的<ul>...</ul>这一部分都属于一个元素节点。 （2）属性节点：一般是 ...
分类：
Web程序 时间：
2019-07-05 09:21:22
阅读次数：
106
注意： 1. 这个案例，是我写vue项目修改的，所以思路同样适用于vue框架项目。2. 建议先把代码直接复制过去，先看一下效果。 3. 涉及到知识点，flex布局的属性配合使用 ， @media媒体查询的语法 4. 给ul设置 flex-wrap: wrap , 一定要允许li可以换行，我在这个坑里 ...
分类：
其他好文 时间：
2019-07-02 09:19:16
阅读次数：
80
## 复习 ```python"""1、html： 标记语言：解释性，没有逻辑（有无效果） 常用标签（指令<!...>、转义字符&...;、标签<英文数字->） h1~h6 p a img div span i b ul>li table>tr>th|td form>input|select(opt ...
分类：
编程语言 时间：
2019-07-01 20:02:20
阅读次数：
112
用个简单的demo来做示例 首先 给li添加一个点击事件 点击li会弹出提示框 但是这种点击事件会继承到li元素的祖先级 当我们给ul和body添加点击事件，在点击li区域，弹出提示框之后，点击提示框上的确定，会继续执行ul的点击事件，再执行body的点击事件 关闭这种冒泡事件，在li的点击事件里加 ...
分类：
Web程序 时间：
2019-06-29 14:51:01
阅读次数：
148
1、获取DOM元素 document.getElementById（“ID”）：获取该文档下的所有ID元素，前提是必须有ID标签 document.getElementByTagName（“Tag”）：获取Tag标签（像li，ul，div等）下的所有元素，返回值是数组，是没有style属性的 2个混 ...
分类：
编程语言 时间：
2019-06-29 00:50:28
阅读次数：
94
1.标签选择器（如：body,div,p,ul,li） 2.类选择器（如：class=”head”,class=”head_logo”） 3.ID选择器（如：id=”name”,id=”name_txt”） 4.全局选择器（如：*号） 5.组合选择器（如：.head .head_logo,注意两选择 ...
分类：
Web程序 时间：
2019-06-27 01:04:50
阅读次数：
154
效果图如上： 需求：图片自动轮播，鼠标移上停止播放，离开恢复播放，箭头切换图片。 html代码 CSS样式代码 jQuery代码 html部分步骤：1、新建大盒子，上部分包裹轮播图和底部四个标题选项和红色 下划线。1.1轮播图div盒子部分包含两个箭头用两个span包裹。1.2轮播图部分div用ul ...
分类：
Web程序 时间：
2019-06-23 22:48:54
阅读次数：
175
