- 博客(20)
- 资源 (2)
- 收藏
- 关注
原创 css3学习之animation
一.API值 | 描述animation-name | 规定需要绑定到选择器的 keyframe 名称。。animation-duration | 规定完成动画所花费的时间,以秒或毫秒计。animation-timing-function | 规定动画的速度曲线。an...
2018-03-28 15:33:27 176
原创 css3学习之transition
一.API值 | 描述transition-property | 规定设置过渡效果的 CSS 属性的名称。transition-duration | 规定完成过渡效果需要多少秒或毫秒。transition-timing-function | 规定速度效果的速度曲线。transiti...
2018-03-28 11:49:48 173
原创 css3学习之3d转换
一.API函数 | 描述-----------------------------------matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 定义 3D 转换,使用 16 个值的 4x4 矩阵。translate3d(x,y,z) | 定义 3D 转化。translate...
2018-03-28 11:14:29 628
原创 css3学习之杂项
一.背景相关1.background-origin限制背景显示在盒子模型的区域范围,默认content-boxbackground需要设置background-repeat:no-repeatbackground-origin : border-box | padding-box | content-box;2.background-clip将背景做剪裁,默认no-clip...
2018-03-27 13:38:12 174
原创 css3学习之2D转换
2d转换是相对定位,使用要加前缀API列表translate(x,y) ,相对于坐标原点的移动rotate(xdeg) ,顺时针旋转xdeg,负数为逆时针旋转scale(x,y) ,以元素x轴或者y轴的中间线为起点,进行放大x或者y的倍数skew(xdeg,ydeg) ,以元素x轴整体或者y轴整体为轴线,y轴顺时针翻转,x轴逆时针翻转matrix() ...
2018-03-26 17:59:45 201
原创 css3学习之自定义字体
<div class="d2"> <p class="p2">这个世界真的很美好啊</p></div>@font-face{ font-family: myFont; src:url(./Li-Xuke.ttf);}.d2{ width: 100px; height: 300px; bor...
2018-03-26 17:23:39 139
原创 HTML5拖放
1.拖放实现逻辑开始拖动 ===> 拖动中 ===> 拖动结束(放手) ondragstart ===> ondragover ===> ondrop ondragstart 绑定在需要被拖动的dom上 ondragover和ondrop绑定在接受被拖动dom进...
2018-03-22 21:17:20 143
原创 HTML5学习之video
一.video浏览器支持参考 http://www.w3school.com.cn/html5/html_5_video.asp 为保持最大兼容,需要提供mp4和Ogg两种格式的视频1.video属性和方法参考 http://www.w3school.com.cn/html5/html_5_video.asp2.使用html <video id="v" s...
2018-03-22 11:43:17 251
原创 html事件传播和各个浏览器的处理方式
一.html事件传播机制event.eventPhase 常量值 Event.CAPTURING_PHASE 1 , 捕获阶段 Event.AT_TARGET 2 , 目标元素阶段 Event.BUBBLING_PHASE 3 , 冒泡阶段(1)事件冒泡事件触发顺序从最外层到最内层的顺序,(2)事件捕获事件触发顺序是从最内层到最外层元素二.各个...
2018-03-22 11:09:57 221
转载 H5的meta标签功能大全
转自 作者reaf , https://www.cnblogs.com/reaf/p/6728882.html H5标准声明,使用 HTML5 doctype,不区分大小写 标准的 lang 属性写法 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome 页面描述 页面关键词...
2018-03-21 10:17:32 281
原创 es6学习之Class
一.Class1.概念和语法是函数链式继承的语法糖,大部分功能都是一样的,有少数不同 (1)constructor有且只有一个,不声明则js引擎会自动添加一个空的constructor (2)类方法内部的this指向当前实例,当类的方法独立抽离出来的时候,this会指向方法的上下文环境,从未出错. 因此应该用实例调用实例方法class Logger { printNam...
2018-03-19 23:22:18 169
原创 es6学习之Generator函数,async函数
一.Generator函数的语法1.概念和语法(1)概念Generator是一个状态机,内部封装多个状态 ; Generator会返回一个遍历器,调用Generator的next方法可以依次执行(2)语法(1) function后面跟着*号,调用函数不会立即执行Generator函数,只有调用next方法的时候才会执行. next方法在yield表达式处停止,n...
2018-03-16 12:30:02 412
原创 es6学习之Promise
一.含义Promise是JavaScript的一种异步解决方案,具有3中状态(pending进行中,fulfilled已经成功,rejected已失败).二.Promise的使用1.Promise带有resolve(成功),reject(失败)两个参数 2.Promise内部立即执行,then在所有同步事件完成后执行,catch是捕捉错误,finally是成功或者失败都会执行的操作....
2018-03-12 22:47:53 147
原创 es6学习之Proxy & Reflect
一.Proxy1.概述(1)概念Proxy是拦截,代理的意思,即在目标对象前架设一层拦截.(2)注意proxy想要生效,必须在proxy实例上进行相应的操作proxy内部的this指向proxy实例而不是目标对象,要注意2.Proxy实例方法(13种)(1)get(target,propKey,receiver),拦截对象的读取属性proxy....
2018-03-12 12:15:53 245
原创 html5的webWorker学习
当主要的耗时操作都在操作dom的时候,webWorker是无能为力的 Worker是浏览器为js新开的一个线程,可以不影响当前页面的情况下,在另外的线程中执行计算并把结果回传给主线程.一.专用Worker交互通信过程通过onmessage和postMessage方法 主线程main.js , 子线程myWorker.js主线程发送消息到子线程和主线程接收子线程的消息...
2018-03-07 16:06:44 240
原创 es6学习之Set和Map结构
一.Set结构Set结构是类似于数组结构,但是成员都是不重复的值(判断不重复类似Object.is()方法,但是+0和-0又是相同的处理,Object.is(+0,-0); // false) 缺点是没办法像数组一样通过下标取值的方法.WeekSet结构和Set相似,但是成员只能是对象,且对象是弱引用(成员中的对象不存在了,在本结构中也就不存在了),重点是没有size属性,没有遍...
2018-03-07 11:12:32 193
原创 es6学习之Symbol
一.SymbolSymbol是JavaScript的新的一种基本数据类型,表示独一无二的值. undefined,null,String,Number,Boolean,Object,Symbol 引入的原因是防止对象的属性或者方法被无意的覆盖Symbol的声明// 方式1,每次声明的都是独一无二的,没有登记机制let s1 = Symbol('foo');le...
2018-03-06 18:44:00 183
原创 es6学习之对象的扩展
一.对象属性和方法的简洁表示法对象属性const foo = 'bar';const baz = {foo};baz // {foo: "bar"}对象方法const o = { method() { return "Hello!"; }};二.对象属性名和方法表达式 属性名和方法名表达式不能和简洁表示法同时使用,否则报错 属性名表达式...
2018-03-06 17:01:54 185
原创 es6学习之数组的扩展
一.扩展运算符类似于rest的反向操作,将一个数组变为用都好分割的参数序列,展开数组console.log(...[1, 2, 3])// 1 2 3应用1:深度复制数组let arr = [1,2,3,4];let arr2 = [...arr];arr.copyWithin(1,2,3); arr // 1,3,3,4arr2 // 1,2,3...
2018-03-05 18:54:50 170
原创 es6学习之函数
一.函数的默认值 (1).只有当函数提供的参数是严格等于undefined的时候,才会应用默认值 (2).函数参数中的变量不能在函数体中重复声明,也不能在函数参数作用域内重复声明 (3).函数的默认值是惰性求值的,不应用到是不会求值的 (4).函数带有默认值的参数必须放在最后一个,否则js不知道哪一个是省略的,阅读也不友好 (5).es5中函数的参数length属性...
2018-03-05 16:30:55 242
localstorage-table.js
2018-01-02
log4j-1.2.16
2017-05-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人