炎泽 - 博客园

2017年8月31日

摘要：一个合格的插件必须满足以下要求: 1.拥有独立作用域与用户作用域隔离，插件内的私有变量不可影响用户定义的变量 2.拥有默认参数 3.提供配置方法让用户可改变参数 4.提供监听接口，以监听页面操作 5.支持链式调用接下来是一个改变文本颜色的简单插件另一种格式是通过构造函数创建实例: 阅读全文

posted @ 2017-08-31 16:34 炎泽阅读(534) 评论(0) 推荐(0) 编辑

Object.keys

摘要： Object.keys()返回对象可枚举属性构成的字符串数组，数组的排列顺序与for--in循环一致 1.Array Object.keys([1, 2, 3]) //[0,1,2] 可枚举属性为其序号 2.Object Object.keys({a: 1, b: 2}) //[a,b] 注意:其顺阅读全文

posted @ 2017-08-31 15:16 炎泽阅读(198) 评论(0) 推荐(0) 编辑

2017年8月30日

常见状态码

摘要： http状态码表示服务器对请求的响应状态，主要分几类: 1**：临时响应，只包含状态行和某些可选的响应头信息，并以空行结束 2**：请求成功 3**：重定向 4**：客户端错误 5**：服务端错误 100(continue)：客户端应当继续发送请求，这个临时响应用来通知客户端它的部分请求已被接收 2 阅读全文

posted @ 2017-08-30 09:45 炎泽阅读(481) 评论(0) 推荐(0) 编辑

2017年8月29日

css transform常用变化解析

摘要：本文旨在对常用变化做最直观的简析 translate 移动 translateX() X轴正方向移动（单位可为px，也可为%，为%时以自身为参照物） translateY() Y轴反方向移动 translate(x，y) scale 缩放 scaleX() X轴方向拉伸（参数为数字，缩放比例） s 阅读全文

posted @ 2017-08-29 18:02 炎泽阅读(727) 评论(0) 推荐(0) 编辑

ajax缓存

摘要： ajax在发送数据成功后，会把请求的URL和返回的结果保存在cache中，这样在下一次发送同样请求时，就能从缓存中将数据提取出来，以提高响应速度与用户体验，这种情况下不会与服务器交互。好处: 在对一些静态资源的请求上，比如图片、js、css等，提高了速度，节省了网络资源缺点: 请求变动的资源时返阅读全文

posted @ 2017-08-29 11:27 炎泽阅读(267) 评论(0) 推荐(0) 编辑

调试常用单词

摘要：此单词记录只是本人在调试过程的一些小积累 performance 性能 memory 内存 frame 帧 FPS （frame per second）刷新率 interaction 互动，多指页面操作 summary 概要 flow 生成布局 render 渲染，网页重排 paint 网页绘制 s 阅读全文

posted @ 2017-08-29 10:25 炎泽阅读(270) 评论(0) 推荐(0) 编辑

2017年8月23日

this对象解析

摘要： this在js中有着非常广泛的应用，但其所指的对象也常常让人摸不着头脑，简而言之: this指的就是调用函数的对象，最常见的莫过以下几种 1.直接使用函数，则为window对象 window对象代表一个浏览器窗口，在js里是全局对象，所有的全局变量和函数都是他的属性，因此调用函数a的自然是windo 阅读全文

posted @ 2017-08-23 23:19 炎泽阅读(161) 评论(0) 推荐(0) 编辑

Object.defineProperty小解

摘要：最早认识这个函数，源于对vue双向绑定的探索，vue通过这个函数实现属性挟持并结合发布者-订阅者模式实现双向绑定先看一个实例: 三个参数，分别是目标对象、属性名称、参数对象 value:属性值 writable:属性是否可改写，默认false enumerable:是否可在for..in循环中被列阅读全文

posted @ 2017-08-23 22:27 炎泽阅读(182) 评论(0) 推荐(0) 编辑

2017年8月20日

物理分辨率与逻辑分辨率，pt与px

摘要：有些小伙伴们，在使用chrome的移动端调试工具调试网页的时候，会发现iphone6上的尺寸为375*667，不禁差异，iphone6的分辨率不是750*1334吗？实际上调试器上的大小单位不是px，而是pt（point）这就得说到物理分辨率与逻辑分辨率物理分辨率：屏幕的实际大小，小伙伴们可以阅读全文

posted @ 2017-08-20 18:45 炎泽阅读(2756) 评论(0) 推荐(1) 编辑

box-flex兼容写法

摘要： box-flex布局在这几年发生了多次变化，可分为2009版、2011版以及2013版，区分: display:box(inline-box), box-{*}的格式为2009版 display:boxflex(inline-flexbox), flex()为2011版 display:flex( 阅读全文

posted @ 2017-08-20 14:43 炎泽阅读(787) 评论(0) 推荐(0) 编辑

炎泽

公告