前端开发

摘要： 用户行为统计在如今的前端生态中已是稀松寻常，如各种站长统计工具。识别用户访问客户端唯一性是必要的实现，对于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 阅读全文