03 2018 档案
摘要：方法1 sudo npm i -g npm 方法2 修改usr/local的权限。使用sudo有一个风险是安装包可能会运行自己的一些脚本，使sudo操作变的不可控，不安全。可以通过将/usr/local的own从root转为登陆用户来解决这个问题。 sudo chown R $USER /usr/l
阅读全文
摘要：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
阅读全文
摘要：原生用法 直接使用的API _.reject 根据条件去除某个元素。 _.pick 根据第二个参数的key的数组，筛选第一个参数中的值并返回 _.keys 返回object中的所有key _.cloneDeep 深度拷贝，这个不用多说了吧，js中基础类型以外的类型，都会默认拷贝备份var bar =
阅读全文
摘要：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读出来。
阅读全文
摘要：ie6 可以直接显示本本地路径的图片 如： <img src="file://c:/3.jpg" /> ~~~网上都说ie7就不支持这种文件系统路径的url，但测试 xp ie8还是可以的 ie8+ alphaImageLoader滤镜方式加载本地路径的图片 chrome, firefox, 用da
阅读全文
摘要：开始解密 简单了解一下所用的的AES加密算法，我们用的是AES的CFB加密方式，服务端会提供给我一个key和iv的二进制字节串。密文也是二进制字节串。 我用的加密/解密插件: crypto-js 一般的应用场景下，key和iv以及密文都是字符串，按照网上的教程基本上很快就能搞出来了。这里只简述一下k
阅读全文
摘要：AES：更快，兼容设备，安全级别高； SHA1：公钥后处理回传 DES：本地数据，安全级别低 RSA：非对称加密，有公钥和私钥 MD5：防篡改 相关： 公开密钥加密（英语：public-key cryptography，又译为公开密钥加密），也称为非对称加密（asymmetric cryptogra
阅读全文
摘要：什么是钩子机制？使用钩子机制有什么好处？ 钩子机制也叫hook机制，或者你可以把它理解成一种匹配机制，就是我们在代码中设置一些钩子，然后程序执行时自动去匹配这些钩子；这样做的好处就是提高了程序的执行效率，减少了if else 的使用同事优化代码结构。由于js是单线程的编程语言，所以程序的运行效率在前
阅读全文
摘要：与underscore 类似 ， 是1个js库，内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数。 模块组成 Lodash 提供的辅助函数主要分为以下几类，函数列表和用法实例请查看 Lodash 的官方文档： Array，适用于数组类型，比如填充数据、查找元素、数组分片等操作 Collec
阅读全文
摘要：函数节流的目的 从字面上就可以理解，函数节流就是用来节流函数从而一定程度上优化性能的。例如，DOM 操作比起非DOM 交互需要更多的内存和CPU 时间。连续尝试进行过多的DOM 相关操作可能会导致浏览器挂起，有时候甚至会崩溃。尤其在IE 中使用onresize 事件处理程序的时候容易发生，当调整浏览
阅读全文
摘要：devtool devtool是webpack中config自带的属性只要使用就可以了不用安装 webpack官网的解释如下 当 webpack 打包源代码时，可能会很难追踪到错误和警告在源代码中的原始位置。例如，如果将三个源文件（a.js, b.js 和 c.js）打包到一个 bundle（bun
阅读全文
摘要：它被用作一个更快的替代 Math.floor() 。 参考：http://rocha.la/JavaScript-bitwise-operators-in-practice
阅读全文
摘要：之前对 MVVM 模式一直只是模模糊糊的认识，正所谓没有实践就没有发言权，通过这两年对 Vue 框架的深入学习和项目实践，终于可以装B了有了拨开云雾见月明的感觉。 Model–View–ViewModel(MVVM) 是一个软件架构设计模式，由微软 WPF 和 Silverlight 的架构师 Ke
阅读全文
摘要：《JavaScript设计模式与开发实践》读书笔记。 发布-订阅模式又叫观察者模式，它定义了对象之间的一种一对多的依赖关系。当一个对象的状态发生改变时，所有依赖它的对象都将得到通知。 例如：在segmentfault我们关注了某一个问题，这个时候可以说是订阅了这个问题的消息。当该问题有了新的回答、评
阅读全文
摘要：用户行为统计在如今的前端生态中已是稀松寻常，如各种站长统计工具。识别用户访问客户端唯一性是必要的实现，对于web前端获取的设备信息，一般容易想到的是通过navigator.userAgent，但相同设备及浏览器ua就相同了，故ua的辨识度很低，那么web前端识别浏览器设备唯一性是否有其他好办法？ 先
阅读全文
摘要：http://blog.csdn.net/qq_27626333/article/details/51815310 Device模块管理设备信息，用于获取手机设备的相关信息，如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。 1、属性 1.1、imei: 设备的国际
阅读全文
摘要：前言 随着前端交互复杂度的提升,各类框架如angular,react,vue等也层出不穷,这些框架一个比较重要的技术点就是数据绑定。数据的监听有较多的实现方案,本文将粗略的描述一番,并对其中一个兼容性较好的深入分析。 实现方案简介 目前对象的监听可行的方案: 脏检查: 需要遍历scope对象树里的$
阅读全文
摘要：定义 确保一个类仅有一个实例，并提供一个访问它的全局访问点。 单例模式使用的场景 比如线程池、全局缓存等。我们所熟知的浏览器的window对象就是一个单例，在JavaScript开发中，对于这种只需要一个的对象，我们的实现往往使用单例。 实现单例模式 （不透明的） 一般我们是这样实现单例的，用一个变
阅读全文
摘要：对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式： 除了以上添加属性的方式，还可以使用Object.defineProperty定义新属性或修改原有的属性。 Object.defineProperty() 语法： 参数说明： obj：必需。
阅读全文
摘要：从问题说起：熟悉 React 组件生命周期的话都知道：调用 setState 方法总是会触发 render 方法从而进行 vdom re-render 相关逻辑，哪怕实际上你没有更改到 Component.state this.state = {count: 0} this.setState({co
阅读全文
摘要：本文主要整理了Immutable.js常用API的使用。 Immutable 是什么？ 关于Immutable的定义，官方文档是这样说的： Immutable data encourages pure functions (data-in, data-out) and lends itself to
阅读全文