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