白小明

众所周知，CSS 根据选择器名称去全局匹配元素，它没有作用域可言，比如你在页面的两个不同的地方使用了一个相同的类名，先定义的样式就会被覆盖掉。CSS 一直缺乏模块化的概念，命名冲突的问题会持续困扰着你。每次定义选择器名称时，总会顾及其他文件中是否也使用了相同的命名，这种影响在组…

微信小程序几乎所有的 API 都是采用回调的形式，很容易陷入“回调地狱”，完全享受不到“现代化”的异步编程 Promise、async/await 所带来的优势。 我们可以对微信小程序的 API Promise 化。 wx.request 是微信小程序最常用的 API 之一，请…

JSON（JavaScript Object Notation）是一种轻量级的 数据交换格式，易于人类读写，也易于机器解析和生成。 JSON 采用完全独立于语言的文本格式，类似于 XML，但比 XML 更加简洁优雅，常被用做 配置文件。 JSON 是一个键值对（key/valu…

在 Vue 中，filters 与 methods、computed、watch 等有所不同，在 filters 中不能对原始的响应式数据进行更改，而只是改变其渲染的结果，并返回过滤后的文本。 所以，可以将一些常用的文本格式化工具函数封装成 filters。

但是当出现全局共享的状态、兄弟组件间通信等场景时，使用 Prop 和自定义事件可能会让逻辑变得非常复杂。这个时候，你应该考虑使用一个全局状态管理方案，例如 Vuex。 当然，Vue 组件间通信的通信方式远不止以上两种，下面分别讨论。 通常情况下，子组件不处理业务逻辑，只向上派发…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

个人在做项目的过程中总结归纳的一些常用Mixin，现在分享出来供大家学习。 基于Less编写。但是CSS预处理器都是相通的，你可以很轻易的修改成Sass、Stylus

什么是响应式？同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了，缺点是CSS比较重。 栅格系统用于处理页面多终端适配的问题。栅格的响应式能力，得益于CSS3媒体查询（Media Queries）的强力…

在JavaScript世界中，有些操作会让你无法理解，但是却无比优雅。比如下面这些：