前端必备学习指南

7,408 阅读4分钟

前端汇总


简介

前端发展迅速,开发者富有的创造力不断的给前端生态注入新生命,各种库/框架/工程化构建工具层出不穷,眼花缭乱,不盲目追求前沿技术,学习框架和库在满足自己开发需求的基础上,然后最好可以对源码进行调研,了解和深入实现原理,从中可以获得更多的收获

随着前端发展,前端的职责也跟着变化,不再仅仅是设计稿切图+JS实现交互,已经可以涉猎到后端,微信小程序,原生APP等领域,大前端,全栈开发,小程序开发,前端架构师,带来了更多岗位选择的同时,也是对自身技术一种挑战

【前端汇总】这里会对前端相关技术教程,开源框架,库,工具等相关资源,进行分类记录,持续更新,通过记录共享可以方便大家找到想要资源


IDE


LESS

  • less css 预处理语言

SASS

  • sass 成熟、稳定、强大的 css 扩展语言

JavaScript


ES2015(ES6)


TypeScript


NodeJS


Babel


Bower


Yeoman


Gulp


Grunt


Webpack


Parcel

  • 官方教程 Web应用打包工具,不需要任何配置

Vue


React


AngularJS


微信小程序

  • wepy 让小程序支持组件化开发的框架 微信官方框架
  • iview-weapp 一套高质量的微信小程序 UI 组件库
  • vant-weapp 赞移动端组件库 Vant 的小程序版本
  • minui 基于规范的小程序 UI 组件库,自定义标签组件,简洁、易用、工具化
  • wux-weapp 微信小程序自定义 UI 组件
  • taro 支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用

测试


模块化


Git


文档构建

  • Gitbook 国外的在线markdown可编辑成书
  • docsify 一个神奇的文档网站生成工具
  • 语雀

常用前端插件

1.图片:

2.富文本编辑器:

3.日期插件:

4.表单验证库:

5.图表:

6.特效:

7.各种功能:


前端UI框架


其他

  • iconfont [矢量图标] 阿里云矢量图标库,可以在平台里构建自己的图标库

github美化


博客搭建

  • Hugo[Go] 静态网站生成器,托管第三方git平台 Pages
  • Hexo[nodejs] 可托管第三方git平台 Pages
  • Ghost [nodejs]
  • jekyll 可托管第三方git平台 Pages
  • WordPress 需要服务器环境

Windows开发必备神器

  • Cmder 一款超好用的工具cmder
  • Scoop 软件包管理系统,像 Mac 上的 Homebrew, Chocolatey,Homebrew-Cask
  • Chocolatey 像一个软件包管理工具(背后使用 Nuget )

资源

欢迎star:《大话WEB开发》 Github