- 博客(4)
- 收藏
- 关注
RSS订阅原创 日常小知识
- 声明变量的方法var let constfunction class import- 如何冻结对象(浅冻结/深冻结)// 1.冻结单个对象const obj = {};Object.freeze(obj)obj['aaa'] = 123; // 严格模式下会报错console.log(obj); // {}// 2.冻结对象内所有对象var constantize = (obj) => { Object.freeze(obj); Object.k...
2022-02-12 22:25:47
254
原创 字体文件压缩 - font-spider (字蛛)
优化加载速度, 压缩字体文件安装: npm install font-spider -g查看版本: font-spider -v1. 新建一个fonts文件2.fonts下新建index.css 和 index.html 以及放入文件.ttf文件3. css文件内写入(demo)@font-face { font-family: 'pingfang'; src: url('./pingfang.ttf') format('truetype'); font-wei...
2021-10-18 17:31:51
1309
2
原创 让函数逻辑和函数名解耦:callee
函数arguments对象里面有一个callee属性,是指向arguments对象收缩在函数的指针一般我们函数调用自身的时候都会在函数体内直接调用自身,这样做有个缺点,当函数名被改变时就会出问题了,所以可以采用callee这个属性,无论函数叫什么都可以引用正确的函数function test(num){ if(num === 123) return arguments.callee(num - 1); return num}test(124) // 124test(123)
2021-10-04 14:26:19
95
原创 微前端架构(1)
1. 什么是微前端- 微前端是一种软件架构,类似于组件架构(但不能独立构建和发布),能将前端项目拆解成一些更小并能够独立开发部署的微型应用(每个应用都可以使用不同框架技术),然后再把这里微应用再组合起来,成为一个整体应用架构的模式。2. 应用场景- 拆分巨型应用,使应用变得更加可维护- 兼容历史应用,实现增量开发3. 微前端的价值- 增量迁移旧项目想使用新技术时,以前只有2种方式1. 直接迁移(无法实现) 2.完全重写(耗费成本大),这时候需要用到微前端的架构,保留原..
2021-09-11 14:55:07
331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人