一个野人,在前端路上的摸爬滚打!
一点记录,希望对大家有用,让我们一起勉励前行!
欢迎star
- 前端书籍
- 博客文章
- 前端团队
- 前端社区
- 前端视频网站
- 代码仓库
- 在线编辑
- 模版引擎
- 前端框架
- 前端UI框架
- 移动端(混合)框架
- 移动UI框架
- 状态管理库
- Nodejs框架(服务)
- SSR(服务端渲染)
- 桌面应用构建
- 预编译
- 构建工具
- 前端包管理器
- 前端测试
- 常用工具
前端书籍
| 书名 | 简介 |
|---|---|
| JavaScript权威指南 | 亢龙有悔
|
| CSS权威指南 | 飞龙在天
|
| HTML5权威指南 | 见龙在田
|
| Javascript高级编程设计 | 鸿渐于陆
|
| 锋利的jQUery | 潜龙勿用 |
| 悟透Javascript | 突如其来 |
| CSS揭秘 | 利涉大川
|
| JavaScript框架设计 | 震惊百里 |
| Web性能权威指南 | 或跃在渊 |
| Javascript数据结构与算法 | 双龙取水 |
| 编写可维护的Javascript | 鱼跃于渊 |
| Web前端黑客技术揭秘 | 时乘六龙
|
| HTTP权威指南 | 密云不雨
|
| Javascript函数式编程 | 损则有孚 |
| NodeJs手册 | 龙战于野
|
| NodeJs开发指南 | 履霜冰至
|
| NodeJs | 羝羊触蕃
|
| NodeJs的深入浅出 | 神龙摆尾 |
*const 声明 = 技术书籍内容均来源于网络，仅整理出来供大家学习参考使用。
博客文章
前端基础
- ECMAScript 6 入门
- JS进阶 基本类型 引用类型 简单赋值 对象引用
- 前端文摘：深入解析浏览器的幕后工作原理 - 梦想天空（山边小溪） - 博客园
- 认识 V8 引擎 - 知乎专栏
- 基于webpack2.x的vue2.x的多页面站点
- 【移动适配】移动Web怎么做屏幕适配（一）
- 【移动适配】一个像素的border怎么实现
- 视区相关单位vw, vh..简介以及可实际应用场景
- 使用Flexible实现手淘H5页面的终端适配
混合开发
- 为什么可以通过URL来调起APP - URL Scheme和Intent
- H5页面中尝试调起APP
- Weex的原生开发
- Android Studio集成到Genymotion模拟器
- VasSonic：手Q开源Hybrid框架介绍
- 开发首屏广告(Android)简述
性能优化
工程架构
- 如何管理一个前端基础架构团队- AdRoll - 众成翻译
- QCon北京2014《CardKit & DOMO UI - 移动时代技术与设计的十字路口》技术篇
- 前端工程——基础篇
- 对无线电商动态化方案的思考
- 大公司里怎样开发和部署前端代码？
- 美团点评境外度假团队前端项目开发实践总结
工具使用
其他
前端团队
| 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 | 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 |
前端包管理器
| 库 | 简介 |
|---|---|
| Npm | a JavaScript package manager |
| Yarn |
 Fast, reliable, and secure dependency management. |
前端测试
| 库 | 简介 |
|---|---|
| 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 |
