Category: Web Frontend
JavaScript中的函数克里化的一点理解
In mathematics and computer science, currying is the technique of translating the evaluation of a function that takes multiple arguments into evaluating a sequence of functions, each with a single argument. — Wikipedia
WIP:Vue、React对比
语法糖JSX
通过配置Babel相应的插件，我们可以在React和Vue中使用JSX语法。那Babel会对JSX做什么呢？ Continue reading “语法糖JSX”
create-react-app、ng、vue-cli 3比较
React，Angular，Vue三个者在不断进化的过程中互相学习彼此的优点，CLI（命令行）工具便是其中一个。
命令行工具是最直接快捷的获取工程定制信息的方式。配合已有的Node.js命令行工具编写库，可以做出很漂亮的效果。
据我所知Ruby on Rails是比较早的提供了方便的命令行脚手架功能的Web框架。通过rails命令行工具，可以方便生成工程框架、controller、modle、view、数据库migration等代码。之后各种框架争相效仿，提供了自己的命令行工具。
前端工程日趋复杂，对于前端新手来说，配置Webpack本身已经成为一个门槛。为了推广自己的框架，三者都推出了一键生成工程的命令行工具以简化工程的创建屏蔽Webpack带来的复杂性：create-react-app（CRA）、ng、vue-cli
但对于有些工程需要修改Webpack配置进行定制。 Continue reading “create-react-app、ng、vue-cli 3比较”
为前端项目添加ESLint pre-commit git hook
为统一前端代码规范并通过工具强制实施。可以通过添加为git仓库添加pre-commit hook添加eslint对代码的检查。 Continue reading “为前端项目添加ESLint pre-commit git hook”
Mindmap of 《Understanding ECMAScript6》
从doctype说开来
对大多数Web前端工程师来说，对HTML的doctype即熟悉又陌生。今天我们就八一八doctype相关的知识。
认识Webpack
网上已经有不少Webpack教程入门教程了。
本文记录了我以我的方式方法、思路认识了解Webpack。从官方的Tutorial入手，不断提出问题、解决，一步一步认识Webpack。
Windows下Grunt使用编译好的Sassc
现在稍具规模的项目中已经很少裸写CSS了。
流行的css预处理器有sass、less、stylus。
因为对Ruby比较熟悉，很早就了解了Sass。所以目前我负责的几个项目中均选用了sass。
我建议先了解一下这几个预处理器的异同和各自的优势。根据项目情况进行选择。三者的语法都不是很复杂。有经验的前端开发人员都可以很快上手。
Continue reading “Windows下Grunt使用编译好的Sassc”