随笔分类 - JavaScript
摘要：javascript中的复制 github深度复制这个问题看似简单，实际上要想完美实现需要很多知识。需要考虑Set,Map,Promise等类型的对象这个库简洁明了，是一个小巧玲珑的JS库 Promise简单例子 function f1() { console.log("f1") } functio
阅读全文
摘要：1. 获取当前地址url中的参数 使用的话非常简单，如下截图获取页面参数page 2. 完整解析某个url地址内容 通过该方法，我们会得到比较完善的url的解析内容，其中的params是其中的参数对象，segments是url的path路径
阅读全文
摘要：文章目录 箭头函数是什么？ 箭头函数没有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
阅读全文
摘要：globalCompositeOperation的作用 在默认情况之下，如果在Canvas之中将某个物体（源）绘制在另一个物体（目标）之上，那么浏览器就会简单地把源特体的图像叠放在目标物体图像上面。 简单点讲，在Canvas中，把图像源和目标图像，通过Canvas中的globalCompositeO
阅读全文
摘要：HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type参数其类型，默认为 PNG 格式。图片的分辨率为96dpi。 如果画布的高度或宽度是0，那么会返回字符串"data:,"。 如果传入的类型非"image/png"，但是返回的
阅读全文
摘要：createPattern作用 createPattern() 方法在指定的方向内重复指定的元素。 元素可以是图片、视频，或者其他 <canvas> 元素。 被重复的元素可用于绘制/填充矩形、圆形或线条等等。 网站http://www.w3school.com.cn/tags/canvas_crea
阅读全文
摘要：图片来自KrzysztofBanaś 下面我们开始尝试研究不同的绘图风格和技术 - 边缘平滑，贝塞尔曲线，墨水和粉笔，笔和印章和图案 -等等。事实证明，网上没有太多关于此的内容。在下面的示例中，您请大家查看演示源代码，以便了解正在发生的事情。 这篇教程将带您从基础知识（在画布上绘制原始鼠标跟随线），
阅读全文
摘要：arr1 = ['a', 'b', 'c'] arr2 = ['1', '2', '3'] 把数组arr2插入数组arr1的第二个元素b后面； 思路： 插入特定的位置，我们首先会想到splice，但是又不能直接splice(2, 0, arr2)，这样的结果：['a', 'b', ['1', '2'
阅读全文
摘要：初学者也许会误认为canvas中save方法是用来保存绘图状态的图形，而restore方法是用来还原之前保存的绘图状态的图形，其实不然。 save():保存当前的绘图状态。 restore():恢复之前保存的绘图状态。 在Canvas环境中绘图时，可以利用所谓的绘图堆栈状态。每个状态随时存储Canv
阅读全文
摘要：判断是否在矩形内： 只需要判断该点是否在上下两条边和左右两条边之间就行。 判断一个点是否在两条线段之间夹着就转化成，判断一个点是否在某条线段的一边上，就可以利用叉乘的方向性，来判断夹角是否超过了180度 如下图 只要判断(AB X AE ) * (CDX CE) >= 0 就说明E在AD和BC中间夹
阅读全文
摘要：轮询判断加载进度 img的加载完成有onload方法，一直不知道该怎么判断swf文件是否加载完毕了？ 在应用中使用了轮询判断加载进度值PercentLoaded是否达到100，经测试，可以达到效果。 下面补充一些flash常用的API和object设置的属性值： flash常用的API Play()
阅读全文
摘要：将中文字符串批量转换为拼音字符串 var PinYin = { "a": "\u554a\u963f\u9515", "ai": "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6
阅读全文
摘要：坐标轴的旋转 不改变坐标原点的位置和单位长度，只改变坐标轴方向的坐标系的变换，叫做坐标轴的旋转． 设点M在原坐标系中的坐标为(x,y)，对应向量的模为r，幅角为α．将坐标轴绕坐标原点，按照逆时针方向旋转角θ形成新坐标系，点M在新坐标系中的坐标为（如图2-4），则 由此得到坐标轴的旋转的坐标变换公式
阅读全文
摘要：表达式：是由运算元和运算符(可选)构成，并产生运算结果的语法结构。 基本表达式 基本表达式 以下在ES5中被称为基本表达式（Primary Expression） this、null、arguments等内置的关键字 变量。即一个已声明的标识符 字面量。仅包括数字字面量、布尔值字面量、字符串字面量、
阅读全文
摘要：函数后的();表示要执行这个函数。所以要求后面这个括号()前面必须是一个表达式。 （表达式理解参阅http://www.cnblogs.com/fangsmile/p/8337021.html） 所以!的作用是将function(){...}函数体转为一个函数表达式。 同样道理:~function(
阅读全文
摘要：经常看到这样的例子： a默认是undefined。!a是true，!!a则是false，所以b的值是false，而不再是undefined，也非其它值，主要是为后续判断提供便利。 !!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false;因为javas
阅读全文
摘要：假如目前我们有如下一个Json对象 增加属性： 我们现在向该对象jsonObj中添加一个新的属性字段：param3. 有如下方式： jsonObj.param3=44; jsonObj[param3]=44; 遍历查询属性 如果需要遍历查询整个对象的所有属性 for(var key in jsonO
阅读全文
摘要：以前看到过一些网页，在标签切换到其它地址时，网页上的标题上会发生变化，一直不知道这个是怎么做的，最近查了一些资料才发现有一个 visibilitychange 事件就可以搞定，这里将介绍一下页面可见性（Page Visibility）API的简单应用。 visibilitychange事件介绍 简单
阅读全文
