随笔分类 - javascript
摘要：getBoundingClientRect介绍 getBoundingClientRect获取元素位置 getBoundingClientRect用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。getBoundingClientRect是DOM元素到浏览器可视范围的距离（不包含文档卷
阅读全文
摘要：1.同源策略如下： 特别注意两点： 第一，如果是协议和端口造成的跨域问题“前台”是无能为力的， 第二：在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。 “URL的首部”指window.location.protocol +wind
阅读全文
摘要：1.基于iframe实现跨域 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于一个基础域（例如都是xxx.com，或是xxx.com.cn），使用同一协议（例如都是 http）和同一端口（例如都是80），这样在两个页面中同时添加docum
阅读全文
摘要：起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考； 概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事
阅读全文
摘要：CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 （图片说明：摄于阿联酋艾因（Al Ain）的绿洲
阅读全文
摘要：Javascript:history.go()和history.back()的用法和区别 go(-1): 返回上一页，原页面表单中的内容会丢失；history.go(-1):后退+刷新；history.go(1) ：前进 back(): 返回上一页，原页表表单中的内容会保留； history.bac
阅读全文
摘要：1、编译zepto。模块之前可能有依赖关系，整体顺序参考下面这个即可: 2、支持requirejs。在 后增加如下代码，以便支持requirejs 3、加入如下代码，以支持微信等部分浏览器的滑动 在如下方法中增加 详情见：https://github.com/jnotnull/zepto 4、因IO
阅读全文
摘要：四. __proto__ JS 在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做__proto__ 的内置属性，用于指向创建它的构造函数的原型对象。 对象 person1 有一个 __proto__属性，创建它的构造函数是 Person，构造函数的原型对象是 Person.prototy
阅读全文
摘要：前面的话 javascript里的关系又多又乱。作用域链是一种单向的链式关系，还算简单清晰；this机制的调用关系，稍微有些复杂；而关于原型，则是prototype、proto和constructor的三角关系。本文先用一张图开宗明义，然后详细解释原型的三角关系 图示 概念 上图中的复杂关系，实际上
阅读全文
摘要：1. 类 在C或者Java里，int a;定义了一个int类型的变量a。其中int是类型的名字，a是具体的变量。 Javascript 模仿自 Java, 有一部分面向对象编程的部分。在面向对象的编程中，类就是像int那样是类型，对象就是像a那样的变量。他们的区别是:int是编译器预先定义好的类型，
阅读全文
摘要：发布订阅模式(subscribe/publish)的理解 https://www.qianduan7.com/javascript/subscribe-publish.html 发布订阅模式介绍 发布 订阅模式又叫观察者模式，它定义了对象间的一种一对多的关系，让多个观察者对象同时监听某一个主题对象，
阅读全文
摘要：前一段时间一直在写CSS3的文章 一直都没写设计模式 今天来写写大名鼎鼎观察者模式 先画张图 观察者模式的理解 我觉得还是发布-订阅模式的叫法更容易我们理解 （不过也有的书上认为它们是两种模式……） 这就类似我们在微信平台订阅了公众号 当它有新的文章发表后，就会推送给我们所有订阅的人 我们可以看到例
阅读全文
摘要：Unicode编码则是采用双字节16位来进行编号，可编65536字符，基本上包含了世界上所有的语言字符，它也就成为了全世界一种通用的编码，而且用十六进制4位表示一个编码，非常简结直观，为大多数开发者所接受，特别是十六进制编码后，可以解决汉字在js再编码过程中出现乱码问题，提高解释速度，我们建议在js
阅读全文
摘要：十进制 十六进制 字符数 编码分类（中文） 编码分类（英文） 起始 终止 起始 终止 (个) 0 127 0000 007F 128 C0控制符及基本拉丁文 C0 Control and Basic Latin 128 255 0080 00FF 128 C1控制符及拉丁文补充-1 C1 Contr
阅读全文
摘要：JS里的ArrayBuffer 还记得某个晚上在做 canvas 像素级操作，发现存储像素的数据格式并不是Array类型，而是ArrayBuffer，心想这是什么鬼？后来查了一些资料，发现自己这半年来的JS是白学了，竟然才知道还有这么个东东。 首先，这个 ArrayBuffer 类型化数组，类型化数
阅读全文
摘要：1.将String字符串转换成Blob对象 2.将TypeArray 转换成 Blob 对象 ArrayBuffer转Blob 3，将Blob对象转换成String字符串，使用FileReader的readAsText方法 4.将Blob对象转换成ArrayBuffer，使用FileReader的
阅读全文
摘要：2. blob a.什么是blob？ Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。 文件(即File)接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。 要从其他非blob对象和数据构造一个Blob，请使
阅读全文
摘要：对二进制流进行md5加密需要用spark-md5.js 最新发现本地图片nativeObj 里的bitmap.toBase64Data();拿到Base64是经过压缩的，拿到的是jepg；所以要用本地io把图片Base64读出来。
阅读全文
摘要：什么是钩子机制？使用钩子机制有什么好处？ 钩子机制也叫hook机制，或者你可以把它理解成一种匹配机制，就是我们在代码中设置一些钩子，然后程序执行时自动去匹配这些钩子；这样做的好处就是提高了程序的执行效率，减少了if else 的使用同事优化代码结构。由于js是单线程的编程语言，所以程序的运行效率在前
阅读全文
摘要：与underscore 类似 ， 是1个js库，内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数。 模块组成 Lodash 提供的辅助函数主要分为以下几类，函数列表和用法实例请查看 Lodash 的官方文档： Array，适用于数组类型，比如填充数据、查找元素、数组分片等操作 Collec
阅读全文