前端 - Home

tip

🌈汇集了前端技术书籍、前端热门技术、前端发展等资料

• 来源: GitHub博主 zhaoqize 参考链接
• 来源: GitHub博主 千古一号 参考链接
• 来源: GitHub博主 Czy 参考链接

文章

前端基础

• ECMAScript 6 入门
• JS进阶 基本类型 引用类型 简单赋值 对象引用
• 前端文摘：深入解析浏览器的幕后工作原理 - 梦想天空（山边小溪） - 博客园
• 认识 V8 引擎 - 知乎专栏
• 基于webpack2.x的vue2.x的多页面站点
• 【移动适配】移动Web怎么做屏幕适配（一）
• 【移动适配】一个像素的border怎么实现
• 视区相关单位vw, vh..简介以及可实际应用场景
• 使用Flexible实现手淘H5页面的终端适配
• JavaScript下的setTimeout(fn,0)意味着什么？
• JavaScript队列函数和异步执行
• JavaScript Event Loop机制详解与Vue.js中nextTick的实践应用
• HTML系列：macrotask和microtask
• import、require、export、module.exports 混合使用详解

HTTP

• 你真的会使用XMLHttpRequest吗？

混合开发

• 为什么可以通过URL来调起APP - URL Scheme和Intent
• H5页面中尝试调起APP
• Weex的原生开发
• Android Studio集成到Genymotion模拟器
• VasSonic：手Q开源Hybrid框架介绍
• 开发首屏广告(Android)简述
• Hybrid APP架构设计思路

性能优化

• 内存管理
• 前端的长列表性能优化
• vue 性能优化

前端工程

• 如何管理一个前端基础架构团队- AdRoll - 众成翻译
• QCon北京2014《CardKit & DOMO UI - 移动时代技术与设计的十字路口》技术篇
• 前端工程——基础篇
• 对无线电商动态化方案的思考
• 大公司里怎样开发和部署前端代码？
• 美团点评境外度假团队前端项目开发实践总结

AST

• astexplorer
• javascript-ast
• esprima

业内发展

• Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
• clojurescript：基于Clojure语言的JS封装
• PWA：PWA（Progressive Web App），渐进式网络应用
• React Native：基于 React 的跨平台移动应用开发框架
• Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
• 小程序

工具使用

• Charles从入门到放弃

其他

• Jade模板引擎让你飞

前端团队

Team	Team	Team
淘宝前端团队（FED）	腾讯前端IMWEB团队	腾讯ISUX
百度用户体验中心	腾讯设计团队	360奇舞团
百度前端研发部	美团点评技术团队	腾讯Web前端团队

前端社区

Community	Community	Community
博客园	CSDN	开源中国
掘金	segmentfault	前端网
大前端	乱炖	CNODE

前端视频网站

Learn	Learn	Learn
极客学院	慕课网	egghead

代码仓库

Repositorie	Repositorie	Repositorie
github	bitbucket	码云

在线编辑

CodeEdit	CodeEdit
CodePen	jsfiddle

模版引擎

名称	简介
Pug(Jade)	Pug – robust, elegant, feature rich template engine for Node.js
Handlebars	前端模板引擎

前端框架

名称	简介
React	React is a JavaScript library for building user interfaces.
Vue	尤大的MVVM框架
Angular	Google推出的MVVM框架

前端UI框架

名称	简介
Bootstrap	经典
Bootstrap-Material-Design	material-design设计风格的Bootstrap
Material-UI	React版本Material-UI
Ant Design of React	React版本的Ant Design
Element-UI	基于vue的UI框架
IView	A high quality UI Toolkit built on Vue.js 2.0

移动端(混合)框架

库	简介
React-Native	A framework for building native apps with React.
Ionic	Build amazing native and progressive web apps with open web technologies
Weex	A framework for building Mobile cross-platform UI

移动UI框架

库	简介
Vux	Mobile UI Components based on Vue & WeUI
Weui	A UI library by WeChat official design team
Amazeui	Amaze UI, a mobile-first and modular front-end framework
MUI	最接近原生APP体验的高性能框架
Mint-UI	Mobile UI elements for Vue.js
SUI-Mobile	阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UI	Material Design UI library for Vuejs 2.0
Ant-Design-Mobile	A configurable Mobile UI

状态管理库

库	简介
Redux	Predictable state container for JavaScript apps
Flux	An application architecture for React utilizing a unidirectional data flow.
Vuex	Centralized State Management for Vue.js
Mobx	Simple, scalable state management

Nodejs框架(服务)

库	简介
Express	Fast, unopinionated, minimalist web framework for node
Koa	Expressive middleware for node.js using ES2017 async functions
Fastify	Fast and low overhead web framework, for Node.js
Socket-IO	Realtime application framework (Node.JS server)
PM2	Production Process Manager for Node.js apps with a built-in Load Balancer.
Axios	Promise based HTTP client for the browser and node.js
Bluebird	🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance

SSR(服务端渲染)

库	简介
Next.js	Framework for server-rendered or statically-exported React apps
Nuxt.js	Versatile Vue.js Framework

桌面应用构建

库	简介
Electron	Build cross platform desktop apps with JavaScript, HTML, and CSS
NW.js	https://nwjs.io
Electron-Vue	是用vue和Electron写桌面应用

预编译

库	简介
Less	The dynamic stylesheet language.
Sass
TypeScript	TypeScript is a superset of JavaScript that compiles to clean JavaScript output

构建工具

库	简介
Gurnt	Grunt: The JavaScript Task Runner
Gulp	The streaming build system
Fis3	FIS3 面向前端的工程构建系统
Webpack	webpack is a module bundler
Rollup	Next-generation ES module bundler https://rollupjs.org

前端包管理器

库	简介
Npm	a JavaScript package manager
Yarn	📦🐈 Fast, reliable, and secure dependency management.

前端测试

库	简介
Puppeteer	Headless Chrome Node API
Jest	Delightful JavaScript Testing.
Mocha	☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chai	testing framework for node.js
Rewire	Easy monkey-patching for node.js unit tests
Istanbul	JS code coverage tool

持续集成

库	简介
Travis CI	Free continuous integration platform for GitHub projects.

常用工具

名称	简介
Can I use	Can I use
Charles	抓包，代理小能手
tinypng	图片压缩
favicon	生成站标
easyicon	图标下载
gopng	图片生成
图片转Base64	图片转Base64
Beyond Compare 4	文件比对
FastStone Capture	截图，录屏
Mark Main	高效的设计稿标注、测量工具
easy-mock	Mock数据
JSDoc	JS生成文档
regexr	正则匹配
pxtoem	px转em
Unicode字符百科	查询各种unicode字符