前端开发常用手册

社区论坛

github

• vue 源码分析
• Front-end-learning-to-organize-notes
• Front-end-learning-to-organize-notes/issues
• 前端前沿技术
• 腾讯新闻前端团队-TNT
• github-corners
• css灵感

projects

• HotelManagement
• AWorkflow
• credit-bi-react
• flow
• exam-student
• ts-vue
• Umi-hooks
• vue-vuex-ts

知乎

• 精读《精通 console.log》
• 前端经典面试题(60 道前端面试题包含 JS、CSS、React、网络、浏览器、程序题等) + 码头诗人的文章 + 知乎

掘金

• JS 原理学习：路线规划 #掘金文章#
• 前端 100 题-木易杨说
• 正则大全
• git常用操作，切换分支，合并分支

CSDN

• Vue 插件开发一系列 api Vue.util.defineReactive 手写实现
• git切换到别的分支,要暂时保存当前分支的修改(不想进行add 和commit)的方法 git stash
• VSCode插件开发全攻略（十）打包、发布、升级

MDN

• Document.domain

其他

• InterviewMap
• 极客公园
• ECMAScript 6 入门——阮一峰
• bizcharts
• eslint/docs/rules 中文网
• flow.js

npm package dependencies

• gridstackjs拖拽布局
• 掘金Markdown编辑器 - bytemd
  • bytemd.netlify.app/
  • jishuin.proginn.com/p/763bfbd5d…
• codemirror： 在线代码编辑器
• html2canvas:网页保存图片
• normalizr:前端数据规范化
• resize-observer-polyfill:使用 ResizeObserver 监听任意 HTML 元素尺寸变化
• qrcodejs-module:二维码生成工具库
• path-to-regexp url 解析
• deepmerge 深合并
• numeral 数字格式化，千分数
• moment 日期处理插件
• dayjs 更轻量日期处理插件
• animate.css 动画处理
• shelljs
• mobx简单、可扩展的状态管理
• logic-flow专注流程图前端可视化解决方案
• js-cookie: cookie 设置
• big.js：js 中大数计算精度处理
• 社区优秀辅助函数库
  • szfe-tools
  • react-activation
• 加密算法：sm2

Vue package dependencies

• clipboard：复制粘贴
• vue-clipboard2: 复制粘贴
• select2：vue 实用下拉框工具库
• vuedraggable：vue 项目中拖拽
• ckeditor：vue 富文本编辑器
• screenfull设置组件全屏效果 demo
• driver.js Guide 系统引导demo

React package dependencies

• React 富文本编辑器
  • draft-js

技术选型

react

• react 官网文档
• Create React App 中文文档
• redux
• 深入浅出 React 和 Redux
• redux-saga
• DvaJS
• UmiJS
• Ant Design
• dumi 负责组件开发及组件文档生成
• ahooks,一个 React Hooks 库，致力提供常用且高质量的 Hooks。

vue

• Vue 文档

• Vue router

• vuex

• vue cli

• github vue-test-utils

• vue-test-utils

• vue 富文本编辑器

  • ckeditor
  • vue-quill-editor

微信开发

• 微信小程序公众平台
• mpvue
• mpvue 生命周期
• wepy-docs

前端构建

webpack

• webpack
• webpack 优秀中文文章
• 深入浅出 Webpack
• 持续集成工具 jenkins
• webpack plugins
  • postcss
• template前端模板动态渲染神器
  • git

CSS 处理

• caniuse
• autoprefixer

测试

• JEST 官方文档
• mocha

本地服务

• live-server
• http-server

开发工具

文章编辑器

• 墨滴软件(可在线编辑)
• fsCapture
  • FastStone Capture (FSCapture) 注册码 2018年07月18日 15:19:08 殇莫忆 阅读数：12509 企业版序列号： name：bluman serial /序列号/ 注册码：VPISCJULXUFGDDXYAUYF FastStone Capture 注册码 序列号： name / 用户名：TEAM JiOO key / 注册码：CPCWXRVCZW30HMKE8KQQUXW USER NAME:TEAM_BRAiGHTLiNG_2007 CODE:XPNMF -ISDYF-LCSED-BPATU

VSCode 扩展

• Document This
• GitLens
• vscode-icons
• Markdown All in One
• Live Server
• filesize
• Color Info
• Bracket Pair Colorizer 2
• Import Cost VSCode Extension
• Auto Close Tag
• vue vscode snippets

UI 设计

• 稿定设计
• axureshop
• 花瓣网
• 熊猫图片压缩
• 蓝湖官网

web 图形图像处理

• tracking：web网页人脸识别
• code-to-image:代码转图片工具
• html2canvas: 网页截屏
• Cropper:图片裁剪
• qrcode2: 二维码生成
• AlloyImage: 腾讯图像处理
• web网页人脸识别tracking.js
• 前端图像处理指南

# 那些制作CLI可能用到的轮子

nginx

• 启动： start nginx
• 停止： nginx -s stop 或者 nginx -s quit
• 重启： nginx -s reload

git

git 修改远程分支名称

• 首先 git branch -m 旧分支名 新分支名

• 其次 git push --delete origin 旧分支名

• 将新分支名推上去 git push origin 新分支名

• 将新本地分支和远程相连 git branch --set-upsteam-to origin/新分支名

snippts

• 跟我一起在Visual Studio Code 添加自定义snippet（代码段），附详细配置