摘要： 之前博主写了几篇博文都是属于前端基础技术的总结，这个周末打算发布两到三篇博文来给大家点“干货”。之所以把话说这么早其实是想给自己点压力，免得又偷懒跳票了....几个月前浏览过一个外国的扁平化网站，里面的正六边形图片很炫酷，给了我很深的印象，这两天试着做了下。废话不多说，奉上我的随兴之作！看到这里，我... 阅读全文

摘要： 自用备忘笔记 1. 理解原型对象 只要创建函数，函数上就会创建一个 prototype 属性指向函数的原型对象。 所有原型对象会自动获得一个 constructor 属性指向 prototype 属性所在的函数。 每个通过构造函数生成的实例对象，都包含一个 [[Prototype]] 属性指向其构造 阅读全文

摘要： 自用备忘笔记 前言 虽然可以使用 Object 和对象字面量创建对象，但是如果要创建大量相似的对象又显得麻烦。为解决这个问题，人们开始使用工厂模式的变种。 工厂模式 优点：解决了创建多个相似对象的问题 缺点：没有解决对象识别的问题，即不知道生成对象是什么类型。 构造函数模式 优点：解决了对象识别的问 阅读全文

摘要： 之前一直想写一篇关于抽象 Vue 组件的随笔，无奈一直没想到好的例子。恰巧最近为公司项目做了一个数字键盘的组件，于是就以这个为例聊聊如何抽象 Vue 的组件。 先上 Demo 与 源码。（demo最好在浏览器里以手机模式浏览） 在讲具体实现前，我想先分享下自己认为的理想的公用组件是什么样的： 1. 阅读全文

摘要： 前言 老规矩，先上 DEMO 和 源码。图片区域是可以点击的，动画会从点击的位置开始发生。 本来这个效果是我3年前做的，只是当是是用无数个 div 标签完成的，性能比较成问题，在移动端完全跑不动。最近心血来潮想学习一个做 CSS 效果很厉害的大神用纯 CSS 实现，无奈功力不够只能放弃，最终选择用 阅读全文

摘要： 本博文在发布之后有些争议，有人认为如此书写 css 并不规范。这点我认同，但不少框架也采用了这种方式，提升的开发效率也是明显的。希望大家对这种思想去其糟粕，取其精华，过度使用必然导致可维护性下降，但绝对使用单一类名也不现实。最后祝大家工作顺利。 阅读全文

摘要： 前言 Socket.IO 是一个用来实现实时双向通信的框架，其本质是基于 WebSocket 技术。 我们首先来聊聊 WebSocket 技术，先设想这么一个场景： · 用户小A，打开了某个网站的充值界面，该界面上有一个付款的二维码。 · 当小A 用某宝的 APP 扫码付款之后，网页要自动跳转到付款 阅读全文

摘要： Webpack性能优化的方式有很多种，本文之所以将 dll 单独讲解，是因为 dll 是一种最简单粗暴并且极其有效的优化方式。 在通常的打包过程中，你所引用的诸如：jquery、bootstrap、react、react-router、redux、antd、vue、vue-router、vuex 等 阅读全文

摘要： 前几天在 Lexus 官网看到有这样的一个效果：http://www.lexus.com.cn/models/es/360 于是顺手打开控制台看了下他们是怎么做的，发现使用的技术还是比较简单的，通过背景图的切换来完成全景的效果。 心血来潮自己做了一个优化一点的版本，先上 DEMO 和 源码。（由于图 阅读全文

摘要： Vuex 强调使用单一状态树，即在一个项目里只有一个 store，这个 store 集中管理了项目中所有的数据以及对数据的操作行为。但是这样带来的问题是 store 可能会非常臃肿庞大不易维护，所以就需要对状态树进行模块化的拆分。 首先贴出一个逻辑比较复杂的H5项目：源码 & DEMO 该项目主要包 阅读全文

摘要： Vuex 是一个专门为 Vue.js 应该程序开发的状态管理模式，它类似于 Redux 应用于 React 项目中，他们都是一种 Flux 架构。相比 Redux，Vuex 更简洁，学习成本更低。希望通过本文帮助还没使用 Vuex 的同学快速上手。 注：本文针对 Vuex 2.0 的语法，目前通过 阅读全文