方帅

摘要： 一、Object.assign()对象的拷贝 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 Object.assign(target, ...sources) 【target：目标对象】，【souce：源对象（可多个）】 举个栗子： 阅读全文

摘要： 延展操作符（Spread operator） 延展操作符 = ...可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开，还可以在构造对象时，将对象表达式按key-value的方式展开。 1 函数调用 2 function（...iterableObj） 3 4 数组构造或者字符串 阅读全文

摘要： 解构赋值 解构赋值可以方便快速的从数组或者对象中提取赋值给定义的变量。 获取数组中的值 从数组中获取值并赋值到变量中，变量的顺序与数组中对象顺序对应。 1 var foo = [1,2,3,4,5] 2 3 var [one,twe,three] = foo 4 console.log(one)// 阅读全文

摘要： 1. Service Worker的身份 Service的意思是服务，Worker的意思是工人，那么Service Worker的意思就是服务员。这个员工是2014年6月HTML5新招的实习生，目前在试用中。在此之前，已经有一位老员工，它叫Web Worker。那么问题来了，Boss是谁？Boss就 阅读全文

摘要： 使用dom breakpoint能快速找到修改了某一个dom element的JavaScript code位于何处。在Chrome development tool里，选中想要inspect的dom element，右键选择Break on->Attributes modifications: 之 阅读全文

摘要： SVG内部利用foreignObject嵌入XHTML元素 <foreignObject>元素的作用是可以在其中使用具有其它XML命名空间的XML元素，换句话说借助<foreignObject>标签，我们可以直接在SVG内部嵌入XHTML元素，举个简单的例子： <svg xmlns="http:// 阅读全文

摘要： 本文目的： 现在有一条二次贝塞尔曲线，控制点坐标分别为：P0(3,8)，P1(2,3)，P2(2,7)，如果想要返回 10 个在贝塞尔曲线上的点，可以理解为将该曲线分成10端（实际是11个点组成，不过我们的逻辑是返回除最后一个点外的10个点） 如果想对贝塞尔曲线有更深入的理解，可以学习这篇文章：贝塞 阅读全文

摘要： 文章目录 箭头函数是什么？ 箭头函数没有this 什么情况下该使用箭头函数 箭头函数是什么？ 箭头函数没有this 什么情况下该使用箭头函数 在ES6大行其道的今天，不应用点ES6特性似乎有些政治不正确。最近刚好有个Node的项目，最低要支持到nodejs 4.0，在node.green看了下ES6 阅读全文

摘要： 其实就是简单的利用defer属性，让浏览器读JS脚本的时候完全不等脚本开始读就开始读下面的图片啊，html代码了。然后让js脚本自己在那里慢慢读取完以后再执行。 给外链的js脚本添加defer="true"，像下面这个这样就可以了： <script defer="true" src="JavaScr 阅读全文

摘要： Canvas中的剪切 接下来我们要聊的不是图像的合成，而是Canvas中的另一个有用的功能：剪切区域。它是Canvas之中由路径所定义的一块区域，浏览器会将所有的绘图操作都限制在本区域内执行。在默认情况下，剪辑区域的大小与Canvas画布大小一致。除非你通过创建路径并调用Canvas绘图环境对象的c 阅读全文