- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box { width: 0px; height: 0px; b...
2019-05-29 17:49:18
118
原创 css过渡transition
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /* 动画的开始状态 ： 浏览中元素的默认显示效果*/ .box1 {...
2019-05-29 17:38:21
125
原创 2d ---transform转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box { height: 100px; background-...
2019-05-29 17:24:23
163
原创 径向和渐向变化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .line { height: 300px;/* width: 300...
2019-05-29 17:13:29
168
原创 css,单行
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .one { width: 200px; height: 200px;...
2019-05-29 17:01:54
104
原创 targer选择
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /* 被锚链接指向的时候会触发该选择器 */ p:target { co...
2019-05-29 17:00:47
306
原创 伪类选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /* 在ul里面 */ /* li { color: re...
2019-05-29 16:52:41
96
原创 选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /*p[class^='o']{ color: red; } p[cl...
2019-05-29 16:43:49
73
原创 css3
<!DOCTYPE html><html><head> <title>css样式</title> <meta charset="utf-8"> <style type="text/css"> .box{ height: 1000px; width: 1000px; border: 2...
2019-05-29 16:40:26
70
原创 canvas画图
<!DOCTYPE html><html><head> <title>画一个矩形</title> <style type="text/css"> canvas{ border: 1px red solid; } </style></head><body> <...
2019-05-29 16:39:54
218
原创 canvas画画
<!DOCTYPE html><html><head> <title>画一个矩形</title> <style type="text/css"> canvas{ border: 1px red solid; } </style></head><body> <...
2019-05-28 17:29:39
214
原创 dcv
<!DOCTYPE html><html><head> <title>画一个矩形</title> <style type="text/css"> canvas{ border: 1px red solid; } </style></head><body> <...
2019-05-28 16:37:43
366
原创 canvas....
<!DOCTYPE html><html><head> <title>canvas</title> <meta charset="utf-8"> <style type="text/css"> canvas{ border: 1px solid red; } </style>...
2019-05-28 16:14:00
72
原创 h5 本地存储
<!DOCTYPE html><html><head> <title>本地存</title> <meta charset="utf-8"></head><body> H5为了规范； 以前就是cookies,session localStorage: 1.永久生效；除非手动删除掉； ...
2019-05-28 15:08:55
502
原创 h5地位
<!DOCTYPE html><html><head> <title>地理定位</title> <meta charset="utf-8"></head><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&a...
2019-05-28 14:50:58
94
原创 结合百度地图来做，获取当前的位置；
<!DOCTYPE html><html><head> <title>地理定位</title> <meta charset="utf-8"></head><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&a...
2019-05-28 14:44:27
128
原创 h5网络状态
<!DOCTYPE html><html><head> <title>获取网络状态</title> <meta charset="utf-8"></head><body></body><script type="text/javascript"> var st...
2019-05-28 14:00:27
501
原创 文件读取h5 FileReader
<!DOCTYPE html><html><head> <title>文件读取</title> <meta charset="utf-8"></head><body> <input type="file" name="">文件；readAsText ...文本格式read...
2019-05-28 13:31:11
1151
原创 api h5添加移除切换包含
<!DOCTYPE html><html><head> <title>api</title> <meta charset="utf-8"> <style type="text/css"> .bg{ height: 50px; width: 100%; background-color...
2019-05-28 13:30:20
92
原创 轻量级语言,h5
<!DOCTYPE html><html><head> <title>轻量级语言,h5</title> <meta charset="utf-8"> <style type="text/css"> nav{ height: 200px; width: 100%; display: b...
2019-05-28 13:29:05
184
原创 大V
<!DOCTYPE html><html><head> <title>电脑登录</title></head><body></body><script type="text/javascript"> /*我们可以看到属性a有两个相对应的get和set方法，为什么会多出这两个方...
2019-05-23 13:54:00
167
原创 ff
Nav logo首页下载App搜索×广告Vue的双向数据绑定原理96 钱罗罗_ 0.4 2018.01.17 17:39* 字数 2147 阅读 3193评论 0喜欢 61.目前双向数据绑定的方法 发布者-订阅者模式（backbone.js） 因为本文研究的不是这个，所以不做详细解释。 脏检查(Angular.js) a...
2019-05-23 13:37:34
103
原创 动态创建组件与v-once用法,看看
<!DOCTYPE html><html><head> <title>动态创建组件与v-once用法</title> <meta charset="utf-8"></head><body><div id="app"> <component :is="type">&...
2019-05-16 23:53:31
97
原创 插槽的作用域
<!DOCTYPE html><html><head> <title>插槽的作用域</title> <meta charset="utf-8"></head><body> <div id="app"> <child> <template slot-...
2019-05-16 23:26:00
77
原创 Vue的插槽使用与命名插槽
<!DOCTYPE html><html><head> <title>Vue的插槽使用与命名插槽</title> <meta charset="utf-8"></head><body> <div id="app"> <child > <div cla...
2019-05-16 22:49:41
1474
原创 兄弟组件发送消息/bus(总线)
<!DOCTYPE html><html><head> <title>兄弟组件发送消息/bus(总线)</title> <meta charset="utf-8"></head><body> <div id="app"> <child content="lisi" ...
2019-05-16 22:12:16
225
原创 给组件绑定原生事件
<!DOCTYPE html><html><head> <title>给组件绑定原生事件</title> <meta charset="utf-8"></head><body> <div id="app"> <child @click.native="hand">...
2019-05-16 13:15:06
81
原创 组件参数校验与给非props特性
组件参数校验与给非props特性 <my-counter :counts="'sankn'"></my-counter><my-counter ></my-counter></div>
2019-05-16 12:56:52
50
原创 父子组件传值
//1.注册一个组件；属性可以自定义，在子组件中；父组件给子组件传值，是根据属性的形式传值的；//2.如果子组件加:表示js，没有加:字符串;//3.单项数据流，就是父组件传递的值，可以任意，但是子组件不能随意修改父组件传递的内容；//4.这个：{},不止就是只有你一个人使用，obj;<!DOCTYPE html><html><head> <...
2019-05-16 11:51:16
64
原创 组件使用细节点
三个特别需要重要的知识点<!DOCTYPE html><html><head> <title>组件使用细节点</title> <meta charset="utf-8"></head><body> <div id="app"> <table> <t...
2019-05-16 01:04:34
53
原创 Vue的列表,set方法
//template,做内容的时候，不需要渲染的，不要最外层的div的时候；//不能通过myList[5]={‘id’:88,‘name’:‘章’},不能通过下标添加的方式；//vue给我们提供了三个函数方法；//1.spice(1,1,{‘id’:55,‘name’:‘zz’})//2.数组的引用 myList=[{’'d’d}];//pop,最后一个删除掉；shift:第一项删除掉，...
2019-05-15 23:57:48
841
原创 Vue的条件渲染
<!DOCTYPE html><html><head> <title>Vue的条件渲染</title> <meta charset="utf-8"> <script type="text/javascript" src="js/vue.js"></script> </head>...
2019-05-15 13:37:42
52
原创 Vue的样式绑定
<!DOCTYPE html><html><head> <title>Vue的样式绑定</title> <meta charset="utf-8"> <script type="text/javascript" src="js/vue.js"></script> <style type...
2019-05-15 13:10:32
53
原创 Vue的样式绑定 style和class用数组和对象的方式
<!DOCTYPE html><html><head> <title>Vue的样式绑定</title> <meta charset="utf-8"> <script type="text/javascript" src="js/vue.js"></script> &l...
2019-05-15 13:07:49
1863
原创 计算属性的setter和getter
1如果没有设置，不会变化；2.split:分割字符串变成数组“ ”，“”<!DOCTYPE html><html><head> <title>计算属性的setter和getter</title> <meta charset="utf-8"> <script type="text/...
2019-05-15 11:58:10
100
原创 计算属性，方法，侦听的区别与用法
<!DOCTYPE html><html><head> <title>计算属性，方法，侦听的区别与用法</title> <meta charset="utf-8"> <script type="text/javascript" src="js/vue.js"></script>...
2019-05-15 11:34:33
321
原创 父组件传递给子组件，子组件传递给父组件，props,$emit用法
<!DOCTYPE html><html><head> <title>toDoList,父组件传递给子组件，子组件传递给父组件</title> <meta charset="utf-8"> <script type="text/javascript" src="js/vue.js">&l...
2019-05-15 08:59:14
302
原创 jq衍生添加
1.原生方法；protptype2.extend(obj,{initfunction(){}})3.KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲").on('click',.proxy(this.bb,this))//方法赋值到实力化；var app= new app();app.init() toD...
2019-05-14 02:08:43
59
原创 Vue.js基础2,做添加功能；
1.添加功能，需要先静态页面写死的；2.实现一个v-for;获取点击事件的值，获取input的值；3.值的添加功能； toDoList 提交 {{item}} ...
2019-05-14 00:59:12
305
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人