梁月

Redux是基于Facebook提出的Flux架构设计出来的。Flux不是一个框架或者库，可以认为Redux是Flux的一种实现形式。Flux架构强调数据应该是单向的数据流。 Store（数据层）：存储应用的数据状态，store的变化最终会映射到View上。 单向数据流的优势在…

页面上有一个带有全屏蒙层的弹窗A，弹窗的按钮点击之后会创建一个新的带全屏蒙层弹窗B，同时弹窗A消失。弹窗A的按钮上绑定了touchend事件，弹窗B的按钮和蒙层都上绑定了click事件，按钮的click事件会触发一定的业务逻辑，B的蒙层的click事件会让整个弹窗消失，从DOM…

鸽到现在终于想起来了Babel的第三篇，也就是最终章了。这篇主要介绍一下如何开发一个Babel的插件，从头实现一个React的jsx语法转换的插件。 所以我们JSX转换的插件的目标就是识别出 jsx这种 <> 格式的语法，然后将其转换。现在就让我们开始写起来~ 首先先…

上一篇 Babel的基础使用说明 中介绍了Babel的基本配置和基本使用方式，这篇进阶篇我们来讲讲Babel的核心工具库的用法。 大家应该都已经知道了Babel处理JS代码的方式，就是 解析 => 转换 => 生成 三个步骤，然后解析里面又包括了词法分析和语法分析，和这个过程息…

本文是Babel系列的第一篇，讲讲Babel的使用。 ... Babel不进行任何配置开箱即用不会任何效果，也就是说一段ES6的代码经过刚开箱的 babel 处理，输出的还是之前的代码。Babel的所有转换效果都是通过Plugins完成的，每个Plugin都有自己的能力，能处理…

最近在做一些页面优化的事情。在使用到了自定义字体和iconfont之后，还是决定把字体、iconfont的原理给搞清楚。 在搞清楚iconfont之前，先了解一下计算机字符编码相关的知识：Unicode和Utf-8。 在了解Unicode之前，先简单介绍一下ASCII码。ASC…

移动互联网的发展，Hybrid开发已经基本成了各个App的标配。Hybrid就是Native、H5混合开发技术，Android有 webview 、iOS 有 UIWebview和 WKWebview，这些控件可以加载并渲染 Html 文件。配合 HTML5，前端将战场从PC开…