tianwailairen/fe-guide

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

• 技术博客
• 前端指南
• 一点感悟

如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.

目录

• 前端书籍
• 文章
• 前端团队
• 前端社区
• 前端视频网站
• 代码仓库
• 在线编辑
• 模版引擎
• 前端框架
• 前端UI框架
• 移动端(混合)框架
• 移动UI框架
• 状态管理库
• Nodejs框架(服务)
• SSR(服务端渲染)
• 桌面应用构建
• 预编译
• 构建工具
• 前端包管理器
• 前端测试
• 常用工具

前端书籍

文章

前端基础

• 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字符