摘要: IE浏览器 标准浏览器 阅读全文
posted @ 2018-09-07 17:24 Janas 阅读(120) 评论(0) 推荐(0) 编辑
摘要: new Event方式 document.createEvent方式 阅读全文
posted @ 2018-09-07 16:56 Janas 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 一、借助构造函数实现继承 子类构造函数中通过call执行父类构造函数并绑定this,可以实现私有属性的继承并且实例对象私有属性相互独立,缺点是无法继承父类的原型方法; 二、借助原型链实现继承 子类原型对象指向父类实例,父类私有属性与原型方法都可以继承,缺点一是修改原型对象引用类型数据的值会影响其他实 阅读全文
posted @ 2018-09-07 16:52 Janas 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 主要方法: 1. 直接改变className,如果动态改变样式,则使用cssText(考虑没有优化的浏览器) 2. 让要操作的元素进行”离线处理”,处理完后一起更新 3. 不要经常访问会引起浏览器flush队列的属性,如果你确实要访问,利用缓存 4. 让元素脱离动画流,减少回流的Render Tre 阅读全文
posted @ 2018-09-07 16:39 Janas 阅读(709) 评论(0) 推荐(0) 编辑
摘要: 环形进度条 阅读全文
posted @ 2018-09-07 16:32 Janas 阅读(524) 评论(0) 推荐(0) 编辑
摘要: 文件发光渐变 文字描边外发光 文字渐变 阅读全文
posted @ 2018-09-07 16:30 Janas 阅读(412) 评论(0) 推荐(0) 编辑
摘要: 效果一: 效果二: 阅读全文
posted @ 2018-09-07 16:27 Janas 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 三栏自适应布局(左右定宽中间自适应) 方式一:浮动 方式二:绝对定位 方式三:flexbox 方式四:表格样式 方式五:网格布局 方式六:calc计算宽度 阅读全文
posted @ 2018-09-07 16:09 Janas 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 垂直居中 水平居中 水平垂直居中 阅读全文
posted @ 2018-09-07 16:04 Janas 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 多列定宽自适应 阅读全文
posted @ 2018-09-07 16:03 Janas 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 通过flex实现 通过table cell实现 通过正负margin、padding实现 阅读全文
posted @ 2018-09-07 15:52 Janas 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 全屏布局 flex 全屏布局 position 阅读全文
posted @ 2018-09-07 15:51 Janas 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 鼠标悬浮内容自动撑开 阅读全文
posted @ 2018-09-07 15:40 Janas 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 背景图混合模式 background blend mode 阅读全文
posted @ 2018-09-07 15:38 Janas 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 背景色渐变+动画 阅读全文
posted @ 2018-09-07 15:38 Janas 阅读(2430) 评论(0) 推荐(0) 编辑
摘要: 美化radio、checkbox样式 阅读全文
posted @ 2018-09-07 15:37 Janas 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 纯css实现导航栏下划线跟随动画 阅读全文
posted @ 2018-09-07 15:36 Janas 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 纯 CSS 方式实现 CSS 动画的暂停与播放 阅读全文
posted @ 2018-09-07 15:35 Janas 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 文字两端对齐 阅读全文
posted @ 2018-09-07 15:34 Janas 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 文字下划波浪线 阅读全文
posted @ 2018-09-07 15:32 Janas 阅读(2191) 评论(0) 推荐(0) 编辑