04 2021 档案

摘要:数组 | | slice() | splice() | | | | | | 定义 | 从已有的数组中,返回选定的元素的数组。 | 删除/替换/原地添加元素来修改数组 | | 改变原数组 | 否 | 是 | | 用法 | arrObj.slice(start, end) // [start, end) 阅读全文
posted @ 2021-04-22 11:28 Better-HTQ 阅读(98) 评论(0) 推荐(0) 编辑
摘要:浏览器的渲染过程 从上面这个图上,我们可以看到,浏览器渲染过程如下: 解析HTML,生成DOM树,解析CSS,生成CSSOM树 将DOM树和CSSOM树结合,生成渲染树(Render Tree) Layout(回流):根据生成的渲染树,进行回流(Layout),得到节点的几何信息(位置,大小) Pa 阅读全文
posted @ 2021-04-20 14:35 Better-HTQ 阅读(110) 评论(0) 推荐(0) 编辑
摘要:微任务 像Promise 的回调函数这类任务不是正常的异步任务,而是微任务(microtask)。 它们的区别在于,正常任务追加到下一轮事件循环,微任务追加到本轮事件循环。 这意味着,微任务的执行时间一定早于正常任务。 常见的微任务: Promise async/await 宏任务 宏任务追加到下一 阅读全文
posted @ 2021-04-20 12:27 Better-HTQ 阅读(37) 评论(0) 推荐(0) 编辑
摘要:回调函数 function f1(callback) { // ... callback(); } function f2() { // ... } f1(f2); 优点: 简单、容易理解和实现。 缺点: 不利于代码的阅读和维护,各个部分之间高度耦合(coupling),使得程序结构混乱、流程难以追 阅读全文
posted @ 2021-04-20 09:50 Better-HTQ 阅读(77) 评论(0) 推荐(0) 编辑
摘要:在前端开发中,与服务器通信是非常重要的任务。本文将对比 XMLHttpRequest 和 Fetch API,并介绍基于 XMLHttpRequest 封装的 jQuery Ajax 和 Axios 请求,帮助开发者选择适合项目的请求方式。 1. XMLHttpRequest XMLHttpRequ 阅读全文
posted @ 2021-04-14 14:32 Better-HTQ 阅读(8) 评论(0) 推荐(0) 编辑
摘要:一、关于缓存 什么是缓存? 客户端初次请求某个资源,如果下次再访问时,这个资源(js,css,图片,字体文件...)没必要重新获取,就将它存在本地。 为什么需要缓存? 让页面加载的更快。 相比于CPU的运算、页面的渲染,网络请求资源(网络请求速度慢,网络有不稳定性)是很慢的。将不需要每次都重新请求的 阅读全文
posted @ 2021-04-14 09:27 Better-HTQ 阅读(80) 评论(0) 推荐(0) 编辑
摘要:什么是CSRF攻击 CSRF(Cross-Site Request Forgery,跨站请求伪造)攻击是指攻击者诱导已登录的用户在不知情的情况下执行恶意请求,从而在用户拥有的权限下进行未授权的操作。 CSRF攻击的流程: 用户登录并在浏览器中保留了某网站的会话(通常是通过cookie)。 攻击者诱使 阅读全文
posted @ 2021-04-13 22:11 Better-HTQ 阅读(3) 评论(0) 推荐(0) 编辑
摘要:什么是XSS XSS(Cross Site Scripting,跨站脚本攻击)缩写为CSS,但这会与层叠样式表(Cascading Style Sheets,CSS)的缩写混淆。因此,有人将跨站脚本攻击缩写为XSS。 XSS攻击是指攻击者在网站中注入恶意脚本代码,这些脚本代码会在其他用户浏览该网站时 阅读全文
posted @ 2021-04-13 21:59 Better-HTQ 阅读(4) 评论(0) 推荐(0) 编辑
摘要:Vue2 (选项式 API) Vue3 (选项式 API) Vue3 (Hook inside setup) 备注 beforeCreate 不变 使用 setup() 因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的,所以不需要显式地定义它们。换句话说,在 阅读全文
posted @ 2021-04-13 21:43 Better-HTQ 阅读(102) 评论(0) 推荐(0) 编辑
摘要:事件绑定 浏览器的事件模型,就是通过监听函数(listener)对事件做出反应。事件发生后,浏览器监听到了这个事件,就会执行对应的监听函数。这是事件驱动编程模式(event-driven)的主要编程方式。 JavaScript 有三种方法,可以为事件绑定监听函数。 1.HTML 的 on- 属性 < 阅读全文
posted @ 2021-04-11 23:16 Better-HTQ 阅读(20) 评论(0) 推荐(0) 编辑
摘要:定义: this 就是属性或方法“当前”所在的对象。 this 的不同应用场景,如何取值: ① 作为普通函数 window ② 使用 call apply bind 传入的对象 ③ 作为对象方法被调用 对象本身 ④ 在构造函数(或者class 方法)中被调用 实例本身 ⑤ 箭头函数 取它上级作用域的 阅读全文
posted @ 2021-04-11 12:04 Better-HTQ 阅读(44) 评论(0) 推荐(0) 编辑
摘要:动态路由配置 router/index.js import Vue from 'vue' import Router from 'vue-router' import Detail from '@/pages/detail/Detail' Vue.use(Router) export default 阅读全文
posted @ 2021-04-10 21:38 Better-HTQ 阅读(338) 评论(0) 推荐(0) 编辑
摘要:特性 cookie localStorage sessionStorage 大小 4KB 5MB (每个host) 生存时间 一般由服务器生成,设置失效时间。如果在浏览器端生成,默认是关闭浏览器后失效。 除非被删除,否则永久保存 仅在当前会话下有效,关闭页面就会被清除 通信 每次通信都会携带在HTT 阅读全文
posted @ 2021-04-08 16:38 Better-HTQ 阅读(47) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示