springleo's blog
首页
博客
工具
  • yiai-cli脚手架
  • 可视化布局工具
  • 缓存管理工具
  • 自动生成blog目录工具
  • url自动生成TypeScript类型
  • 批量生成模板代码工具
  • svg转icon webpack插件
组件库
  • yi-ui基础组件库
  • vuele业务组件库
  • 基于el-table的配置化组件
  • 基于el-form的配置化组件
  • js api解耦dialog组件
  • 常用工具函数库
vuepress插件
  • vuepress Vue代码预览插件
  • vuepress element-ui扩展插件
  • vuepress sax主题插件
工程模板
  • vue
  • typescript
  • official-website
  • electron
  • mpvue
  • tool
    • 前端团队规范总结
    • AI前端CSS规范
    • AI前端Git规范
    • AI前端JS规范
    • AI前端Vue规范
    • AI前端工程工具链
    • AI JavaScript 风格指南
    • 推荐-200错误统一处理
    • 推荐-优雅引用字体
    • 推荐-Vue实例选项顺序
    • 组件设计风格
    • 推荐-Vue项目目录结构
    • 推荐-Vue-Router写法
首页
博客
工具
  • yiai-cli脚手架
  • 可视化布局工具
  • 缓存管理工具
  • 自动生成blog目录工具
  • url自动生成TypeScript类型
  • 批量生成模板代码工具
  • svg转icon webpack插件
组件库
  • yi-ui基础组件库
  • vuele业务组件库
  • 基于el-table的配置化组件
  • 基于el-form的配置化组件
  • js api解耦dialog组件
  • 常用工具函数库
vuepress插件
  • vuepress Vue代码预览插件
  • vuepress element-ui扩展插件
  • vuepress sax主题插件
工程模板
  • vue
  • typescript
  • official-website
  • electron
  • mpvue
  • tool
  • 团队规范

    • 前端团队规范总结
    • AI前端CSS规范
    • AI前端Git规范
    • AI前端JS规范
    • AI前端Vue规范
    • AI前端工程工具链
    • AI JavaScript 风格指南
    • 推荐-200错误统一处理
    • 推荐-优雅引用字体
    • 推荐-Vue实例选项顺序
    • 组件设计风格
    • 推荐-Vue项目目录结构
    • 推荐-Vue-Router写法
  • Project

    • Axios用法与原理
    • css布局技巧
    • 深度学习平台术语
    • 谈谈前端天花板问题
    • 一个程序员的成长之路
    • Markdown-It 解析原理
    • minipack源码解析
    • PostCSS
    • Electron工程踩坑记录
    • H5 Video踩坑记录
    • Puppeteer翻页爬虫
    • 重构你的javascript代码
    • RxJS入门实践
    • 官网脚手架思考与实践
    • Stylelint样式规范工具
    • TypeScript开发Vue应用
    • Typescript tsconfig.json全解析
    • Vue项目TypeScript指南
    • TypeScript在Vue2.x中的坑
    • Vue Dialog弹窗解决方案
    • Vue JSX插件依赖及语法实践
    • Webpack 模块打包原理
    • Webpack4 配置详解
    • Webpack4 devServer配置详解
    • Webpack3.x升级Webpack4指南
  • JS

    • Canvas基础
    • 数据结构
    • 树的深度优先遍历与广度优先遍历
    • for in和for of区别
    • ES6-新增特性一览
    • ES6-解构赋值及原理
    • ES6-Object
    • ES6-模块详解
    • ES6-Class
    • ES6-ECMAScript特性汇总
    • 输入URL背后的技术步骤
    • JavaScript与浏览器 - 线程与引擎
    • HTTP跨域解决方案
    • Http/2与Http/1.x比较
    • JavaScript原型
    • JavaScript继承
    • JavaScript事件循环
    • 动手实现Promise
    • JS设计模式
    • JS 经典面试题
    • 排序算法
    • 正则表达式
    • MVC、MVP、MVVM区别
    • Array API与V8源码解析
    • 从V8 sort源码看插入排序
  • NodeJS

    • Koa 洋葱模型原理分析
    • Nginx反向代理
    • Connect源码解析
    • Express源码解析
    • Node模块源码分析
    • MongoDB指南
    • 常用Node API
    • 常用Node工具总结
    • Node Debug for VSCode
    • Redis简介
  • Vue

    • 个人理解Vue和React区别
    • Vue高级用法
    • Vue2.x源码分析 - 框架结构
    • Vue2.x源码分析 - 模版编译以及挂载
    • 虚拟dom算法库 - snabbdom
    • Vue2.x源码分析 - Virtual DOM实现
    • Vue2.x源码分析 - 事件系统
    • Vue2.x源码分析 - 组件系统
    • Vue2.x源码分析 - Vue.nextTick
    • Vue2.x源码分析 - inject/provide
    • Vue2.x源码分析 - 解析Template模板
    • Vue2.x源码分析 - 响应式原理
    • Vue2.x源码分析 - v-model
    • Vue CLI3 插件系统原理
    • Vue Loader v15 源码解析
    • Vue3 设计思想
    • Vue3 RFCS导读
    • Vue3 响应式原理 - Ref/Reactive/Effect源码分析
    • Vue3 API 源码解析
    • 为何Vue3 Proxy 更快
    • Vue核心原理 - 笔记
  • React

    • Vuex与Redux比较
    • 浅谈函数式编程
    • React 知识图谱
    • React源码分析 - 挂载和渲染
    • React源码分析 - 四大组件
    • React setState是异步吗
    • React 组件最佳实践
    • ESlint代码检查规范 - React/ReactNative
    • ReactNative Mac开发环境搭建
    • ReactNative Mac调试技巧
    • Redux
    • redux-actions
    • redux-sage
  • 效率工具

    • 前端必备效率工具
    • 初识C++
    • 前端抓包神器Charles
    • Docker && Kubernetes
    • Git实用命令
    • npm script技巧
    • Python基础语法
    • Python语法精髓
    • 前端常用解决方案
    • Shell && Vim
    • VSCode插件开发实践
    • VSCode快捷键及常用插件
    • 你必须知道的yarn
  • 读书笔记

    • 如何做到十倍阅读量
    • 《敏捷开发》读后总结
    • 《给大家看的设计书》笔记
    • 《Head First Design Patterns》
    • 《HTTP图解》
    • 《JavaScript高级程序设计》
    • 读书精要
    • 程序员软技能指南
    • 《你不知道的JavaScript》

# 前端团队规范总结

团队规范对于团队合作非常重要,大大减少项目之间的沟通,提高整体解决方案。有些规范能让lint做强制审核的,尽量用lint;有些需要约定俗成的,则记录成文档形成规范。

# 工程化

  • yiai-cli脚手架 (opens new window)

    • Vue标准项目 (opens new window)

    • Vue Electron标准客户端项目 (opens new window)

    • Vue Nuxt标准官网SSR项目 (opens new window)

    • Vue 小程序标准项目 (opens new window)

  • AI前端工程工具链 (opens new window)

# 规范

  • AI前端JS规范 (opens new window)

  • AI前端CSS规范 (opens new window)

  • AI前端Vue规范 (opens new window)

  • AI前端Git规范 (opens new window)

# 代码风格

  • AI JavaScript 风格指南

# 推荐

  • Vue项目目录结构推荐 (opens new window)

  • Vue实例选项顺序推荐 (opens new window)

  • Vue-Router写法推荐 (opens new window)

  • 200错误统一处理推荐 (opens new window)

  • 优雅引用字体推荐

# 预览

image

AI前端CSS规范 →