1. 工作当中做的一些事情
- 封装查询组件（ 支持下拉框 输入框配置 按钮查询重置功能 ）
- 封装表格组件（ 展示数据 支持分页 传入数据 分页change时 调用参数查询方法 把参数传入 ）
- 了解了vue的表单拖拽库 k-form-design
- 了解了流程拖拽配置 用到 bpmn-js封装好的一个库 bpmn process designer
- driversjs 实现新功能引导
2. 养成的一些习惯
- 多了一些思考和总结
- 平时多了一些锻炼
3. 平时积累的一些内容
做时间的朋友 、一万小时定律 、心智负担
设计原则： 单一责任原则 开放封闭原则
Baas 后端即服务 一般用于移动端
Iaas 基础服务即服务
Paas 平台即服务
Saas 软件即服务 可以简单理解为企业应用
设计模式要是的事情就是解耦
23种设计模式中 分为三大类
1.创建型 2.结构型 3.行为型
-
创建型是将创建和使用时解耦
-
结构型是将不同的功能代码解耦
-
行为型是将不同的行为代码解耦
常用的设计模式有，工厂模式，单例模式，适配器模式，装饰器模式，代理模式，享元模式，策略模式，观察者模式，迭代器模式。
艾宾浩斯遗忘曲线 5分钟 20分钟 1小时 12小时 1天 2天 5天 14天
-
发布订阅模式是解耦合 有发布者 订阅者 和 调度中心
-
观察者模式是松解耦 有观察者 和 被观察者
Js 的call方法也是继承的一种 a.call( b ) 实际上是b继承了a 把this指向了b
输出倒逼输入学习法
变量提升与函数提升（函数是一等公民 优先级最高, 变量也会把声明提升到顶部 但是如果有同名的函数 函数在前 变量在后）
数据类型 ：六个基础类型 和 一个复杂类型
null undefined string number boolean symbol
object 里有 array function 等
面向对象编程和函数式编程不同
面向对象编程(OOP)通过封装变化使得代码更易理解。 函数式编程(FP)通过最小化变化使得代码更易理解。
函数式编程就像第三次工业革命，前两次分别为命令式编程（Imperative programming）和面向对象编程（Object Oriented Programming）
http-proxy-middlerware 中间件 做webpack时候的前端反向代理使用
原理就是在localhost访问之前先在中间层访问一遍 把localhost变成想访问的域名 这样就不跨域
编程范式有以下几种
面向过程、 面向对象、 面向接口、 面向切面、 函数式、 响应式
Git hooks增加commit-msg Husky需要版本为1.3.1 然后安装
npm install —save-dev husky
Npm install —save-dev @commitlint/cli @commitlint/config-conventional
在packagejson中配置
"husky": {
"hooks": {
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
}
},
再新建一个commitlint.comfig.js 内容为
module.exports = {extends: ['@commitlint/config-conventional']}
移动端适配最佳方案 rem
在head里引入一段js 内容是
var clientWidth = document.documentElement.clientWidth; //当前宽度
if (clientWidth >= 750) {
document.documentElement.style.fontSize = '100px';
} else
document.documentElement.style.fontSize = 100 * (clientWidth / 750) + 'px'; //750为设计稿的宽度
}
这样设置之后 100：1 px： rem
解决跨域的方式有
jsonp、 nginx反向代理、 node中间件代理、 postmessage、 cors设置
