前端软件工程架构设计
2022-01-24 09:53:21 1 举报AI智能生成
前端软件工程架构设计
作者其他创作
大纲/内容
宏观
目标
方便快捷的发布应用
良好的应用版本管理
基于浏览器渲染原理进行优化
良好的代码管理
可热更新的配置
架构
自动化
持续集成（CI）
持续部署（CD）
技术选型
Jenkins
Docker
k8s
Github Actions
代码测试
全链路监控
路由
路由拦截
API
请求拦截
业务可视化
故障快速定位
基于Vue.config.errorHander
Sentry / Bugsnag
优化链路
版本管理
发布版本
测试版本
稳定版本
代码管理
代码审核机制（Code Review）
代码测试机制（Code Test）
代码封装
模块化
混淆
解决方案
lerna 项目管理框架
静态资源管理
图床
静态常量
Apollo
NPM包资源管理
ServerLess
配置中台
NodeJS
Apollo
有治理能力的配置发布平台
GraphQL
文件服务器
服务端
静态服务
分布式
客户端
断点续传
商业用途
seo
HTML
meta
description
title
建立索引的搜索引擎将标题的内容视为影响网页搜索排名的重要关键字
RBAC
门户建站
样式层叠器学习简化
前端中间件
微观
编码规范
ECMAScript
框架
UI框架
element ui
样式器
Sass / Less
引擎
React
Vue
纯客户端-实施
文件处理
file-saver
js-xlsx
网络请求
axios
表单校验
element ui： rules
动画
Anime.js
GreenSock.js
鼠标键盘
KeyboardJS
网络协议TCP/IP
应用层
HTTP
3次（握手）
4次（挥手）
传输层
SSL
4次（握手）
4次（挥手）
加密
对称加密
非对称加密
混用加密方式
证书
公有证书
私密证书
SIMD
Single Instruction Multiple Data
ES6 知识收纳
块级作用域
let / const
解构赋值
基础类型扩展
String
Array
Object
Symbol
Symbol值作为对象属性名时，不能用点运算符
Proxy
Reflect
Class
函数
闭包函数
拥有自己的作用域
应用1： 柯里化
设计模式
单例（Singleton）
工厂（Factory）
代理（Proxy）
装饰器（Decorator）
反射（Reflect）
依赖注入（Injection）
关于代码复用
数据
原型链
继承关系
组件
组件的本质
有状态组件
函数式组件
http://hcysun.me/vue-design/zh/essence-of-comp.html
mixins
extends
插槽
默认插槽
具名插槽
作用域插槽
TIP：父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。
实际项目中的复用
时间戳 - 日期 换算
unix
金额换算
浮点数计算
字符串操作
Regex
渲染函数
VNode
0 条评论
下一页
