11 2017 档案
摘要：这个函数中值得注意的是： 1.js中0x开头表示16进制 2.toString(x)中x可以是任意除1以外正数，分别x进制格式输出 3.str.padStart(num,char)是es7的方法
阅读全文
摘要：一、原生 WebSocket的原生写法比较恶心，最恶心的要连接成功之后处理的数据都是些二进制数据，所以现在先讲讲怎么原生实现WebSocket连接 1.客户端（浏览器） 客户端的代码极其简单： 2.服务器端(node) 二、socket.io node有一个库叫socket.io，用WebSocke
阅读全文
摘要：相信大家对移动端页面开发不会太陌生吧，但是它和PC页面之间究竟有什么差别呢？ 1.响应式布局 所谓响应式布局，核心内容就是media了,它类似与if的写法 @media (条件){ /* css语句 */ } 举个栗子: 在屏幕分辨率为320px与980px之间的div会加上background:r
阅读全文
摘要：之前在博文：原生ajax写法就提及过ajax2.0与1.0的差别是多了FormData和利用FormData文件上传（当然还有跨域，但不是本文的重点）。 那么具体怎么样实现ajax上传文件呢？ 一般来说，浏览器获取文件的方法有拖拽和input_file两种： ps：进度的显示那里，博主之前一直写错为
阅读全文
摘要：如果都只有一个div的时候，我们发现，mouseover和mouseenter的表现是一样的。 其实，它们的区别的只有能够冒泡，mouseenter是不能冒泡的，但是mouseover是可以冒泡的。 如果这个事件绑定的div有子元素，在进出子元素的时候子元素的mouseover事件会冒泡到父元素上，
阅读全文
摘要：Web前端最新的官方标准无疑就是es6和H5了，es6之前已经说过了（多是一些语法糖），现在来总结一下H5给我们来了哪些新“朋友”吧~ 1.video/radio 视频/音频 2.canvas 绘画 3.geolocation 定位 4.WebSocket 前后端双向通讯 5.localStorag
阅读全文
摘要：canvas无疑是H5之中最受欢迎的新特性了，它可以让浏览毫无费力的画出各种图案，动画。 canvas的性能不会因为画布上的图案多少而改变，因此做动画用canvas性能也相当优秀。 canvas最基本的概念是1.路径 2.描边 3.填充 4.变换 5.图片操作 首先先获得canvas的操作借口集（这
阅读全文
摘要：event.offsetX、event.offsetY（相对事件发生的具体元素左上角的定位） 鼠标相对于事件源元素（srcElement）的X,Y坐标，只有IE事件有这2个属性，标准事件没有对应的属性。 event.clientX、event.clientY（相对可视区域左上角的绝对定位） 鼠标相对
阅读全文
摘要：H5新增了drag事件，在H5中拖拽是十分常见的。 可以拖拽的分为页面内的和页面外的 页面内的一般默认可以拖拽的是img和a标签 页面外的常指的是文件 上代码吧~ 特别的是，dragover和drop都需要把浏览器的默认事件去除，其中一个没有去除都会导致浏览器直接读取该文件，而导致离开本页面 如果拖
阅读全文
摘要：众所周知javascript是单线程语言，这就是js开发难度较低的原因了，因为不需要解决多线程的资源共享问题（例如死锁），但是单线程性能并不好，因此多了一个webWorker实现js的多线程来提升js的性能。 使用很简单,直接上代码： w.js: 主要用法就是： 1.new Worker('url~
阅读全文
摘要：1.标签 值得注意的就是这几个属性，autoplay（自动播放）、loop（循环播放）、controls（默认视频操作控件）、poster(封面)、controlslost(控件菜单) 2.js接口 当然还有一些常用事件例如‘canplay’、‘waiting’、'ended'、‘error’。 p
阅读全文
摘要：geolocation是H5新增的对象，它用于定位，继承在navigator对象内，以前用navigator只用到userAgent，现在就多了这个geolocation 有2种方法（getCurrentPosition、watchPostion），4个配置属性（enableHighAccuracy
阅读全文
摘要：辗转相除法是用来求最大公因数的（例如8和12的最大公因数为4） 直接上代码： 可以将a和b都看成： 最大公因数*(数1+数2+.....) 通过不断递归求余，不断将小括号里面的数变小，最后一定会有一边的数先变成1，这个时候剩下的就是： 最大公因数*1 用另一边的数求余这个得到最大公因数为0（就是if
阅读全文
摘要：来，总结下Math对象的常用方法和属性 1.E 自然对数的底数 2.PI 圆周率 3.ceil 对数进行上舍入。 4.floor 向下进行舍入 5.round 四舍五入 6.max 最大数 7.min 最小数 8.pow sqrt 平方 开方 9.三角函数 10.abs绝对值
阅读全文
摘要：prototype和__proto__分别是显式原型和隐式原型,直接上代码吧： 可以看到显式原型和隐式原型是同一个对象~~甚至，如果你操作person1.__proto__等价于操作person.prototype ps:网上查资料的时候同时查到，关于Object.create的问题 其实es5对象
阅读全文
摘要：什么是RESTful架构： （1）每一个URI代表一种资源； （2）客户端和服务器之间，传递这种资源的某种表现层； （3）客户端通过四个HTTP动词，对服务器端资源进行操作，实现"表现层状态转化"。 具体来说，就是HTTP协议里面，四个表示操作方式的动词：GET、POST、PUT、DELETE。它们
阅读全文
摘要：ajax1.0，ie9及以下，ie10+支持ajax2.0 ajax2.0比ajax1.0: 1.多了FormData对象，xhr.send(formData) //不能用GET 2.文件上传,文件上传进度 //把<input type="file" />对象set入formData，xhr.upl
阅读全文
摘要：AMD 规范在这里：https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里：https://github.com/seajs/seajs/issues/242 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS
阅读全文
摘要：一、XSS 【Cross Site Script】跨站脚本攻击 恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。 防御方法： 1.过滤关键字：script javascript等 2.限制输入，规定输入的
阅读全文
摘要：先总结下上面表面所见的差异： 然而，更深层次的差异才是更重要的。 从demo我们看出如下几点差异： 5.还有一个肉眼看不见却更重要的差异，渲染的性能差异明显，scale性能比zoom好。 由于zoom的缩放会改变元素的真实空间大小，换句话说，实时影响了其他小伙伴。
阅读全文
