前端自动化构建工具

项目开发自动化构建，模块化，版本控制工具

• 技术选型
• 业务开发
• 测试验证
• 发布上线
• 前端性能最佳实践 https://www.cnblogs.com/developersupport/p/webpage-performance-best-practices.html

前端开发工具

  
  storybook
  
  tarojs/cli
  
  create-nuxt-app
  
  dva-cli
  
  treer 生成目录
    treer -d <指定路径>

yarn
	https://www.yarnpkg.com/zh-Hans
npm 快速入门
	https://www.npmjs.cn/getting-started/installing-npm-packages-locally
  
npm 全局安装包
	npm install vue-cli -g
	npm uninstall vue-cli -g 卸载全局包
	
yarn全局包
	yarn global add @vue/cli
	yarn global remove vue-cli

工欲善其事必先利其器 & 工具安装

chrome

webstorm

node node -v

git  git --version

github 注册账号

vue cli

项目案例展示

• 视频会议系统
• ERP库存系统
• 电信VOD运营与计费系统
• 收款系统
• CMS系统
• 通用负载均衡与内容分发

Git & GitLab & Github

Webpack

BI 数据可视化

• 原型图
• 思维导图
• 流程图
• 泳道图
• ER图

组件库工程化实践

• 组件管理方案
• 组件需求
  • 多组件
  • 多人参与，社区参与
  • 秘密性

可视化配置

• 组件的配置自动化
• 文档自动生成
• 主题配置工具

多包管理工具 lerna

• 一键安装依赖
• 自动更新依赖
• 独立版本管理
• 非 npm 包

文档方案 docsify

• 多语言
• 全文检索
• git pages
• 插件扩展

翻译方案 crowdin.com

• 逐句翻译
• 翻译推荐
• 进度管理
• 审核机制

i18n

• i18n
• 45 种语言支持

测试

• 白盒测试，用代码测试代码
• 黑盒测试，走流程，点击页面按钮

学习进阶

• 技术点资源
• 2018学习路线

  1. 前端开发

  2. 后端开发

  3. 架构师

  4. DevOps 软件工程

     • Development Operations
     • Dev 软件开发人员 Development / Software Engineering
     • Ops IT运维技术人员 Technology Operations
     • 为了按时交付软件产品和服务，开发和运营工作必须紧密合作

  5. QA 技术运营和质量保障

     • Quality Assurance

其他技术

	工作流引擎 Activiti7

	Apache Shiro
		一个强大且易用的Java安全框架,执行身份验证、授权、密码和会话管理。
		使用Shiro的易于理解的API,您可以快速、轻松地获得任何应用程序,
		从最小的移动应用程序到最大的网络和企业应用程序。

项目命名规范

  api 接口

  layouts 布局

  views 视图

  store 数据仓库

  service 是处理单一业务的

  utils 通用业务无关, 可供其他程序使用

  tools 部分业务相关的

  helper 帮助类，一些功能辅助

IT项目经理

• 网易IT项目经理视频
• 跨终端开发
  • Vue技术栈选 uni-app
  • React技术栈选 taro
  • 选择自己熟悉的技术栈，相对而言， uni-app的多端成熟度更好
  • 移动端框架测评