2021年10月14日
前端错误日志的收集
摘要： 直接方式有 try...catch 和 window.onerror(addEventListener) 两种 try { init(); // code... } catch(e){ Reporter.send(format(e)); } /** * @param {String} errorMe 阅读全文
posted @ 2021-10-14 21:46 某个程序爱好者 阅读(433) 评论(0) 推荐(0)
2021年7月6日
new一个实例的原理及过程
摘要： 前提，要明白new出来的实例是什么，包含了哪些内容？ 请看一下举例代码↓↓↓↓ function Person(name,age){ this.name = name; this.age = age; } let p =new Person('pxx',18); console.log(p); // 阅读全文
posted @ 2021-07-06 21:50 某个程序爱好者 阅读(317) 评论(0) 推荐(0)
2021年4月25日
实现元素水平垂直居中的几种方式及各自优点和缺点
摘要： 实现一个盒子在父盒子中水平垂直居中的几种“姿势”： 定位三种 display:flex display:table-cell javaScript动态取值 HTML部分 <div class="container" id="container"> <div class="box" id="box"> 阅读全文
posted @ 2021-04-25 22:55 某个程序爱好者 阅读(132) 评论(0) 推荐(0)
2021年4月24日
link和@import的对比
摘要： 概念的区别 @import 是css的语法规则； link 是HTML标签 用途的区别 @import 是css语法，只能用来导入样式文件； link 除了引入样式，还可引入其他资源文件 加载顺序的区别 @import 引入的css在页面加载完成后才能载入； link 在加载页面的同时进行加载 兼容 阅读全文
posted @ 2021-04-24 21:39 某个程序爱好者 阅读(59) 评论(0) 推荐(0)
animation 和 transition 的区别
摘要： Transition 提供了从一种状态过渡到另一种状态的改变。 Animation 则可以从不同关键帧（@keyframes）上设置多个过渡点。 Transition 关注的是元素指定css属性的变化 只有开始和结束两个状态 动效的出发主要由hover或js触发，无法加载时触发 动画是一次性的，除非 阅读全文
posted @ 2021-04-24 21:36 某个程序爱好者 阅读(85) 评论(0) 推荐(0)
2021年4月13日
用户输入URL回车到页面呈现之间发生的具体步骤
摘要： 这个过程中涉及到负责管理的浏览器进程、负责网络请求的网络进程和负责页面渲染的渲染进程 渲染过程这里先不进行具体描述，后续会单独整理 整体步骤 前提，当前页面的卸载事件和收集需要释放的内存 第一步，浏览器进程合成完整url，用户在地址栏输入的内容分两种：搜索内容和url地址(一般不完整)，若是搜索内容 阅读全文
posted @ 2021-04-13 00:03 某个程序爱好者 阅读(94) 评论(0) 推荐(0)
2021年3月22日
手写图片懒加载+防抖优化
摘要： 图片的懒加载，实现步骤 在img标签上注入自定义(该例子中为real-src)的图片真实路径，初始可以为loading图片 当图片满足一定条件(图片在视口中)时动态替换图片的src 以下是源码↓↓↓↓↓↓ html部分，这里主要讲图片懒加载实现，样式请自行完善 1 <body> 2 <div cla 阅读全文
posted @ 2021-03-22 21:50 某个程序爱好者 阅读(90) 评论(0) 推荐(0)
2021年2月25日
Object.definedProperty和Proxy的对比
摘要： Object.definedProperty和Proxy经常用来实现对象的劫持 Object.definedProperty是vue2.x拦截对象属性变化的方法，再结合订阅-发布者模式和观察者模式实现对象属性的双向绑定更新 Proxy是vue3.0以后改进的双向绑定方案 Object.defined 阅读全文
posted @ 2021-02-25 23:56 某个程序爱好者 阅读(492) 评论(0) 推荐(0)
2021年1月26日
访问gitGub速度慢的解决
摘要： 转自: https://baijiahao.baidu.com/s?id=1608100091125662190&wfr=spider&for=pc GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git 作为唯一的版本库格式进行托管，故名GitHub。 由于GitHub是一个国外网站 阅读全文
posted @ 2021-01-26 23:33 某个程序爱好者 阅读(276) 评论(0) 推荐(0)