摘要：
DNS解析过程 域名是为了方便记忆而专门建立的一套地址转换系统，要访问一台互联网上的服务器，最终还必须通过IP地址来实现，域名解析就是将域名重新转换为IP地址的过程。一个域名对应一个IP地址，一个IP地址可以对应多个域名，所以多个域名可以同时被解析到一个IP地址，域名解析需要由专门的域名解析服务器D 阅读全文
摘要：
Js文件异步加载 浏览器中渲染引擎与Js脚本引擎是互斥的，在浏览器开始渲染页面时，如果遇到<script>标签，会停止渲染当前页面，也就是说在脚本加载与执行的过程中会阻塞页面的渲染，在网速较差的环境下可能会出现浏览器页面假死的情况，这也就是尽量将<script>文件放置于<body>后的原因，Js文 阅读全文
摘要：
文本溢出截断省略 文本溢出截断省略是比较常见的业务场景，主要分为单行文本溢出截断省略与多行文本溢出截断省略，单行的截断方案比较简单，多行截断相对比较复杂。 单行溢出省略 单行文本溢出截断省略直接使用CSS即可，其无兼容问题，文本溢出范围才显示省略号，否则不显示省略号，省略号位置显示刚好，但是只能作为 阅读全文
摘要：
默认行为及阻止 浏览器以及HTML元素提供了一些默认行为，也可以称作默认事件。 默认行为 a标签点击跳转 <a>标签在href存在的情况下会点击自动跳转链接或者定位锚点，通过对<a>的监听事件阻止默认行为后，点击链接不会跳转。 <a href="https://blog.touchczy.top" 阅读全文
摘要：
Vue生命周期 Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，这个过程就是Vue的生命周期，在Vue的整个生命周期中提供很多钩子函数在生命周期的不同时刻调用，Vue中提供的钩子函数有beforeCreate、created、beforeMount、mo 阅读全文
摘要：
XML和JSON的比较 XML与JSON都可以用来描述或者存储数据，两者都有各自的优点，使用场景取决于需求。 描述 XML 可扩展标记语言Extensible Markup Language，是一种用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型、存储数据等，是一种允许用户对 阅读全文
摘要：
300ms点击延迟 移动端的300ms点击延迟是因为移动端可以进行双击缩放的操作，因此浏览器在click之后要等待300ms，看用户有没有下一次点击，也就是判断这次操作是单击还是双击。如果通过监听touchstart事件来替代click事件的话，会导致一些问题：touchstart是手指触摸屏幕就触 阅读全文
摘要：
Js中fetch方法 fetch()方法定义在Window对象以及WorkerGlobalScope对象上，用于发起获取资源的请求，其返回一个Promise对象，这个Promise对象会在请求响应后被resolve，并传回Response对象。 描述 Promise<Response> fetch( 阅读全文
摘要：
Js捕获异常的方法 JavaScript的异常主要使用try catch finally语句以及窗口对象window的onerror事件来捕获。 try catch finally try catch finally只能捕获运行时的错误，无法捕获语法错误，可以拿到出错的信息，堆栈，出错的文件、行号、 阅读全文
摘要：
Object对象 Object对象是JavaScript中两个顶层对象之一，提供方法供直接调用以及原型链继承调用。 Object.assign Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象，本文认为只有引用类型才有浅拷贝与深拷贝的概念， 阅读全文