前端文集

Posted on Edited on In

导航

前端网址导航_大前端
http://www.daqianduan.com/nav

90后网址导航 - IT网站精选
http://www.map90.com/nav/design.html

用户体验导航 - 前端设计导航
http://uedh.cn/index.php

前端设计书籍推荐 - 用户体验导航
http://uedh.cn/books.php

零基础

前端人才紧俏 慕课网“学习计划”零基础入门
http://www.tuicool.com/articles/RbEbaq

天猫高手来教你！零基础如何系统地学习前端开发？ - 推酷
http://www.tuicool.com/articles/MziaAba

前端工程师入门之路
http://www.tuicool.com/articles/BFNJnqn

手册

前端开发者手册
https://www.gitbook.com/book/dwqs/frontenddevhandbook/details

大前端的瑞士军刀
http://www.tuicool.com/articles/URRR3q2

一份全面的前端开发规范手册
https://github.com/Aaaaaashu/Front-End-Style-Guide

HTML/CSS基础 | 前端工程师手册
https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/index.html

编码风格

编码风格不是编码规范
http://www.tuicool.com/articles/6vQbQz

前端编码风格规范（3）—— JavaScript 规范
http://www.tuicool.com/articles/VjeEj2

[原]前端编码风格规范之 HTML 规范
http://www.tuicool.com/articles/yE3aqm

适用于小团队的前端规范
http://www.tuicool.com/articles/6r2ErmJ

前端编码规范工具-ESLint 使用入门
http://www.tuicool.com/articles/7JZZJzn

推荐大家使用的CSS书写规范、顺序
http://www.w3cdream.com/content-sort-6-article-582.html

布局

响应式和自适应的区别
http://my.oschina.net/liu-xuewei/blog/345580

CSS3弹性盒模型flexbox完整版教程
http://caibaojian.com/flexbox-guide.html

兼容性 & css hack

[css各浏览器兼容性]Can I use... Support tables for HTML5, CSS3, etc
http://caniuse.com/

[css各浏览器兼容性]-中文
http://caniuse.mojijs.com/

★ Modernizr有一个 test页面

http://modernizr.github.io/Modernizr/test/index.html

API(应用程序编程接口)

[导航-前端技术API(Html,Dom,javaScript,Css|方法,属性,事件)]DOM Reference - Google 搜索
http://www.google.com.hk/search?newwindow=1&safe=strict&q=DOM+Reference&oq=DOM+Reference&gs_l=serp.12...106594.106594.0.107335.1.1.0.0.0.0.0.0..0.0....0...1c..32.serp..1.0.0.XOI_DmpYwDM

DOM Referenc - microsoft
https://msdn.microsoft.com/en-us/library/windows/apps/br212882.aspx
https://msdn.microsoft.com/en-us/library/ms764730(v=vs.85).aspx

Document Object Model (DOM) - Web APIs | MDN
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

前端教学

慕课网-学习计划-求职路线-web前端工程师
http://www.imooc.com/course/program

JavaScript教程 - 廖雪峰的官方网站

http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000

IDE( 集成开发环境 )

哪些JavaScript IDE最好用？ - 推酷
http://www.tuicool.com/articles/uEFBFzQ

Sublime Text 使用指南 - 前端开发神器
http://www.tuicool.com/articles/zq6BBrf

Sublime Text 3最好的功能、插件和设置
http://www.tuicool.com/articles/VjiQraV

WebStorm 有哪些过人之处？ - 前端开发 - 知乎
http://www.zhihu.com/question/20936155

前端工具

前端工程师都会喜欢的5个JavaScript库
http://www.codeceo.com/article/5-useful-javascript-libs.html

CSS guidelines (CSS样式指南)

CSS准则（2.2.4） - 高层次的咨询和编写稳健，可管理，可扩展的CSS指南
http://cssguidelin.es/

# CSS设计模式
CSS设计模式：OOCSS 和 SMACSS
https://segmentfault.com/a/1190000000389838

编写可维护的CSS
https://segmentfault.com/a/1190000000388784

网络

前端通信进阶 - 推酷
http://www.tuicool.com/articles/2mIV7fN

  • SSE 全称就是 Server-Sent Events. 中译 为 服务器推送

前端跨域通信解决方案 - 推酷
www.tuicool.com/articles/7beyuar

工程化 自动化/模块化/组件化

折腾不止！前端工程与性能优化
http://www.tuicool.com/articles/QbmUjyq

前端工程四个阶段
http://www.tuicool.com/articles/yI3QvqV

探讨各自在前端开发中遇到的工程问题
https://github.com/fouber/blog

模板,范式:CMD, AMD, CommonJS, KMD,UMD

JS模块化的发展过程（从function，IIFE到Commonjs）
S模块化的几种方案介绍（Commonjs，AMD，ES6 Module）

前端面试题总结（持续更新）
http://www.tuicool.com/articles/aaiAfeq

该如何理解AMD ，CMD，CommonJS规范--javascript模块化加载学习总结
http://www.tuicool.com/articles/MVrMBrI

使用 gulp 搭建前端环境之CommonJs & ES6 模块化(中级篇)
http://www.tuicool.com/articles/B7VRFzF

JS模块规范：AMD,CMD,CommonJS
http://www.tuicool.com/articles/bU3AVnB

关于AMD,CMD,CommonJS及UMD规范
http://www.tuicool.com/articles/nueqi27

CommonJS、CMD、AMD、NodeJS创造JavaScript的未来
http://www.tuicool.com/articles/j6fIzyu

Simplified CommonJS wrapper 与 AMD 标准定义模块差异
http://www.tuicool.com/articles/u6jimmf

性能优化

网页性能管理详解（阮一峰）
http://www.tuicool.com/articles/UfqiQvf

Web 应用性能提升 10 倍的 10 个建议
http://www.tuicool.com/articles/QbIJBjY

H5 缓存机制浅析 移动端 Web 加载性能优化
http://www.tuicool.com/articles/yA3iyim

如何让你的网页打开速度降低到 1s 内 - 推酷
http://www.tuicool.com/articles/URN36b

前端未来

未来的javaScript [ECMAScript 5,6,7] New_in_JavaScript `
https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript

上海 HTML5 峰会笔记整理与总结
http://www.tuicool.com/articles/ErqEz2m

  • web前端的实时化
  • 如何制定与实施ES6+代码风格和质量标准
  • 如何打造靠谱的前端团队

Baas( 后端即服务：Backend as a Service)

BaaS（后端即服务：Backend as a Service）公司为移动应用开发者提供整合云后端的边界服务。它为应用开发提供后台的云服务，包括提供存储、托管环境，也包括提供推送等通行后端技术能力。BaaS作为应用开发的新模型，进一步实现专业分工，有助于应用的成本下降和市场的进一步繁荣。

面试

前端工作面试问题汇总 - 推酷
http://www.tuicool.com/articles/7FnqQzy

你很有必要知道的 25 个 JavaScript 面试题
http://www.tuicool.com/articles/uIFJ3qJ