前端学习

前端资料

HTML

JavaScript相关知识

JavaScript入门

JavaScript入门教程

JavaScript异步编程

安全编码

  • ESLint

测试框架

  • Mocha

npm入门

JavaScript Source Map

source map 的作用在于可以在浏览器中的 开发者工具 中像调试源代码一样地调试转换(被编译器压缩)后的Javascript代码。 source map是一个记录代码转换前和转换后的位置信息文件,利用Closure Compiler生成。

转码器

Babel

Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。

JavaScript module and bundle

注: 知识点: JavaScript模块化发展历史、CommonJS、AMD、Require.js

注: 知识点: Bower、Browserify、Component、Duo、Webpack

JSX

JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。React 可以用来做简单的 JSX 句法转换。 JSX 把类 XML 的语法转成原生 JavaScript。

CSS

CSS入门

CSS预处理

可以用CSS开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。 SASS加入编程元素,这被叫做”CSS预处理器“(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。 各种”CSS预处理器”之中,我自己最喜欢SASS,觉得它有很多优点,打算以后都用它来写CSS。下面是我整理的用法总结,供自己开发时参考,相信对其他人也有用。

CSS Modules

为了让 CSS 也能适用软件工程方法,程序员想了各种办法,让它变得像一门编程语言。从最早的Less、SASS,到后来的 PostCSS,再到最近的 CSS in JS,都是为了解决这个问题。 CSS Modules 有所不同。它不是将 CSS 改造成编程语言,而是功能很单纯,只加入了局部作用域和模块依赖,这恰恰是网页组件最急需的功能。 - CSS Modules 用法教程

框架

Bootstrap (偏CSS?)

Vue.js

React

架构

安全