前端开发

摘要： 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 阅读全文

摘要： 前段时间一直在基于webpack进行前端资源包的瘦身。在项目中基于路由进行代码分离，http://www.cnblogs.com/legu/p/7251562.html。对于公司内部的组件库，所有内容一次性加载源文件很大。比如登录主要就用了button和input,不需要打包table, tree这 阅读全文

摘要： 项目升级为react-router4后，就尝试着根据官方文档进行代码分割。https://reacttraining.com/react-router/web/guides/code-splitting 在实际项目中，js,css文件默认通过webpack打包的话会很大，动不动就好几兆。 在实际场景 阅读全文

摘要： 谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的 Gulp， 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ；在 browser 阅读全文

摘要： 前言 在用 react-hot-loader v1.3 的时候有些深层组件不会很完美的热更新（可能是我使用有问题）。然后在 react-hot-loader 首页中看到 React Hot Loader 3 is on the horizon，便想换成这个，结果就开启了一周的踩坑之路... 模块依赖 阅读全文

摘要： 官网是这么说的，翻译一下就是下一代JavaScript 语法的编译器。 作为前端开发，由于浏览器的版本和兼容性问题，很多JavaScript的新的方法都不能使用，等到可以大胆使用的时候，可能已经过去了好几年。Babel就因此而生，它可以让你放心使用大部分的JavaScript的新的标准的方法，然后编 阅读全文

摘要： webpack热更新配置 热更新，可以使开发的人在修改代码后，不用刷新浏览器即可以看到修改后的效果。而它的另一个好处则是可以只替换修改部分相关的代码，大大的缩短了构建的时间。 热更新一般会涉及到两种场景下面的使用，一个是项目属于纯前端资源的，另一种是node工程项目。 纯前端资源配置 完整工程项目可 阅读全文

摘要： fetch是web提供的一个可以获取异步资源的api，目前还没有被所有浏览器支持，它提供的api返回的是Promise对象，所以你在了解这个api前首先得了解Promise的用法。参考阮老师的文章 那我们首先讲讲在没有fetch的时候，我们是如何获取异步资源的： 关于XMLHttpRequest的更 阅读全文

摘要： 解决方案： 只是换了一种引入方式，解决了 1，创建postcss.config.js文件，添加如下代码：（引入autoprefixer插件） 1 2 3 4 module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 versio 阅读全文

摘要： webpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外，它还有一个通过Sock.js来连接到服务器的微型运行时. 我们来看一下下面的配置文件(webpack.config.js) 这 阅读全文

摘要： 要在开发和生产构建之间，消除 webpack.config.js 的差异。你可能需要环境变量。 可以使用 Node.js 模块的标准方式：在运行 webpack 时设置环境变量，并且使用 Node.js 的 process.env来引用变量。NODE_ENV 变量通常被视为事实标准（查看这里）。 w 阅读全文

摘要： 让我们向项目中再添加一个模块 print.js： project print.js src/index.js 再次运行构建，然后我们期望的是，只有 main bundle 的 hash 发生变化，然而…… ……我们可以看到这三个文件的 hash 都变化了。这是因为每个 module.id 会基于默认 阅读全文

摘要： hash、chunkhash、contenthash hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应的HTML引用的URL地址也会改变，触发CDN服务器从源服务器上拉取对应数据，进而更新本地 阅读全文

摘要： 模块标准 CommonJS CommonJS 有三个全局变量 module、exports 和 require。但是由于 AMD 也有 require 这个全局变量，故不使用这个变量来进行检测。 如果想要对外提供接口的话，可以将接口绑定到 exports （即 module.exports） 上。 阅读全文

摘要： http://code.ciaoca.com/javascript/exif-js/demo/ 阅读全文

摘要： 同源策略 第一，如果是协议和端口造成的跨域问题“前台”是无能为力的 第二：在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。 “URL的首部”指window.location.protocol +window.location.ho 阅读全文

摘要： 1. 什么是路由 在Web开发过程中，经常会遇到『路由』的概念。那么，到底什么是路由？简单来说，路由就是URL到函数的映射。 2. router和route的区别 route就是一条路由，它将一个URL路径和一个函数进行映射，例如： /users -> getAllUsers() /users/co 阅读全文

摘要： 用脚本进行DOM操作的代价很昂贵。有个贴切的比喻，把DOM和JavaScript各自想象为一个岛屿，它们之间用收费桥梁连接，js每次访问DOM，都要途径这座桥，并交纳“过桥费”,访问DOM的次数越多，费用也就越高。 因此，推荐的做法是尽量减少过桥的次数，努力待在ECMAScript岛上。因为这个原因 阅读全文

摘要： http://blog.csdn.net/zk_software/article/details/8141843 阅读全文

摘要： 前言 近年来各站点基于 Web 的多终端适配进行得如火如荼，行业间也发展出依赖各种技术的解决方案。有如基于浏览器原生 CSS3 Media Query 的响应式设计、基于云端智能重排的「云适配」方案等。本文则主要探讨在前后端分离基础下的多终端适配方案。 关于前后端分离 关于前后端分离的方案，在《基于 阅读全文

摘要： 简介 Charles是在Mac下常用的截取网络封包的工具，在做iOS开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。Charles通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求都通过它来完成，从而实现了网络封包的截取和分析。 Charles是收费软件，可以 阅读全文

摘要： test1 test2 阅读全文

摘要： 在安卓的Chrome（版本Beta 39.0.2171.44）上测试的效果截图： 现在遇到一个问题：如何实现视频录制效果，也就是以视频文件保存到本地？ 将Canvas获取的所有的帧图像组织起来，通过算法转换？ 如果高见，望赐教！ 阅读全文

摘要： export导出语法 // default exports export default 42; export default {}; export default []; export default foo; export default function () {} export default class {} export default function foo () {} exp... 阅读全文