webfront.md 4.49 KB

前端组件化的一些学习资料

前端整体

Vue+ES6+Jade+Scss+Webpack+Gulp 编程

2016年后Web 开发趋势是什么

AlloyTeam腾讯全端Blog

前端开发者手册

CommonJS规范

浅淡Javascript模块化编程


ECMAScript6

-- ES6初探

-- ES6相关学习资源

-- ECMAScript6入门-阮一峰

-- ECMAScript6入门-木头人

-- ES6 in depth

+


Webpackt篇

  • 说明:

-- Webpack Doc中文

-- Webpack入门指南

-- Webpack入门指南2

-- Webpack怎么用

-- webpack中文指南

-- webpack傻瓜式指南****

-- webpack loader

-- webpack 使用

  • Webpack 套件 (可通过npm安装)

-- 一个webpack插件,用于打包css资源文件

-- css-loader,style-loader

css-loader 是处理css文件中的url()等
style-loader 将css插入到页面的style标签
less-loader 是将less文件编译成css
sass-loader 是将sass文件编译成css
  • 示例:

-- webpack_JS_CSS数据打包及对生产环境html模板的生成

-- webpack Samples

-- Webpack+React+ES6开发模式入门


Vue篇

  • 实践

-- Vue组件化开放实践

-- Webpack + vue-loader入坑之旅

-- Vue + webpack 项目实践

  • 组件篇

Vue-Router 官方Vue Router flatiron/director a tiny and isomorphic URL router for JavaScript vuejs/vue-resource 网络请求库 vuejs/vue-validator 表单验证库 vuejs/vue-touch 事件模拟

  • Github示例

-- vuejs/vue-webpack-example

-- Vue官方Examples

-- Vuewjs-templates/webpack

A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

-- Just Vue

A quick starter for Vue and Webpack


Gulp篇


Jade篇

Jade —— 源于 Node.js 的 HTML 模板引擎

Jade Document


其它工具篇

-- Mobile Web Developer Tool:AlloyLever


Javascript 语言篇

-- 从作用域链谈闭包

闭包是指有权访问另外一个函数作用域中的变量的函数

Nodejs篇

Nodejs资源汇总 Nodejs手册文档

QA

nodejs中exports与module.exports的区别

NPM

npm源 使用nrm工具来切换npm源