- 博客(8)
- 收藏
- 关注
RSS订阅原创 null与undefined详细讲解
Null与UndefinedUndefined原始值的初始值：未定义 出现场景：1.已声明未赋值的变量；var a; console.log(a);2.访问对象不存在的属性；var a ={}; console.log(a.b);3.函数没有返回值；Function a(){}; console.log( a() );4.函数的实参没有传入，直接获取形参Function fn(a){ console.log(a) }; fn();5.void();函数类型转换un
2021-09-03 21:55:20
127
原创 前端的设计模式-发布订阅者模式
前端的设计模式-发布订阅者模式发布订阅者模式：对象的一对多的关系；情景：比如某地的一个楼盘非常火爆，当开盘的时候，需要通知张三、李四、王五等购买者的过来购买。var salesOffices = {};//定义一个对象：开发商saleOffices.clientList = []; //收集购买者的数组saleOffices.listen = function(fn){ this.clentList.push(fn);}salesOffices.trigger = function(){
2021-08-24 00:13:05
301
原创 谈谈 GET和POST请求的区别
最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。权威网站总结出的他们的区别：GET在浏览器回退时是无害的，而POST会再次提交请求GET产生的URL地址可以被Bookmark，而POST不可以GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的，而POST么.
2021-01-09 22:21:36
99
原创 按钮”重复点击“的解药
简单解决方式：使用一个lock标记，在请求发出时上锁，上锁后就不可以再发请求，可以在请求结束后解锁：let clickButton = (function () { let lock = false return function (postParams) { if (lock) return lock = true // 假设使用axios发送请求 axios.post('urlxxx', postParams).then( // 表单提交成功
2021-01-08 23:11:17
89
原创 前端监控-性能监控、错误监控
前端监控分为性能监控和错误监控。其中监控又分为两个环节：数据采集和数据上报。一.数据采集性能采集性能数据采集需要使用 window.performance API。从 MDN 的文档可以看出，window.performance.timing 包含了页面加载各个阶段的起始及结束时间。这些属性需要结合下图一起看，更好理解：timing 各个属性的意义：timing: { navigationStart: 1543806782096, unloadEventStart: 1543806
2020-12-14 22:05:31
243
原创 图片懒加载-前端
图片懒加载实践为什么要做图片的懒加载图片懒加载是一个很重要的前端性能优化手段。假设在用户访问某个页面时就加载这个页面全部的图片（即使这些图片并不处在用户的当前的视窗中），在弱网环境或者网速较慢的环境下，这些“冗余”图片的下载会占用用户本来就非常有限的带宽，伤害用户体验（比如影响其他资源的下载）。所以对于网站的图片，理想的做法是懒加载（按需加载）。图片懒加载的原理在浏览器内部对于各种资源有着一套自己的优先级定义，浏览器会优先加载优先级高的资源。如图：这些优先级标记为high的图片会占用其他资源的下
2020-11-26 19:17:42
182
原创 CSS 的虚伪总结
CSS 的虚伪总结** 前序：css三大特性**1.层叠性：css样式冲突采取的原则（后者覆盖前者)2.继承性：对于部分属性样式会有天生的继承3.优先级：选择器优先级算法层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉原则：样式冲突，遵循的原则是「就近原则。」 那个样式离着结构近，就执行那个样式。样式不冲突，不会层叠继承性子标签会继承父标签的某些样式，如文本颜色和字号
2020-11-25 17:09:47
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人