Better-HTQ

摘要： Demo var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); // 开始一条路径，或重置当前的路径。 ctx.lineWidth="5"; ctx.strokeStyle="r 阅读全文

摘要： 区别 Objects 和 Maps 类似的是，它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此（并且也没有其他内建的替代方式了）过去我们一直都把对象当成 Maps 使用。不过 Maps 和 Objects 有一些重要的区别，在下列情况里使用 Map 会是更好的选择： Map Obje 阅读全文

摘要： 水平居中 1. inline元素（或者 inline-block 或者 text节点）： text-align: center （设置父元素） 2. block元素： margin: auto 3. absolute元素： left: 50% + margin-left 负值 4. absolute 阅读全文

摘要： 数组 | | slice() | splice() | | | | | | 定义 | 从已有的数组中，返回选定的元素的数组。 | 删除/替换/原地添加元素来修改数组 | | 改变原数组 | 否 | 是 | | 用法 | arrObj.slice(start, end) // [start, end) 阅读全文

摘要： 浏览器的渲染过程 从上面这个图上，我们可以看到，浏览器渲染过程如下： 解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） Pa 阅读全文

摘要： 微任务 像Promise 的回调函数这类任务不是正常的异步任务，而是微任务（microtask）。 它们的区别在于，正常任务追加到下一轮事件循环，微任务追加到本轮事件循环。 这意味着，微任务的执行时间一定早于正常任务。 常见的微任务： Promise async/await 宏任务 宏任务追加到下一 阅读全文

摘要： 回调函数 function f1(callback) { // ... callback(); } function f2() { // ... } f1(f2); 优点： 简单、容易理解和实现。 缺点： 不利于代码的阅读和维护，各个部分之间高度耦合（coupling），使得程序结构混乱、流程难以追 阅读全文

摘要： 在前端开发中，与服务器通信是非常重要的任务。本文将对比 XMLHttpRequest 和 Fetch API，并介绍基于 XMLHttpRequest 封装的 jQuery Ajax 和 Axios 请求，帮助开发者选择适合项目的请求方式。 1. XMLHttpRequest XMLHttpRequ 阅读全文

摘要： 一、关于缓存 什么是缓存？ 客户端初次请求某个资源，如果下次再访问时，这个资源（js，css，图片，字体文件...)没必要重新获取，就将它存在本地。 为什么需要缓存？ 让页面加载的更快。 相比于CPU的运算、页面的渲染，网络请求资源（网络请求速度慢，网络有不稳定性）是很慢的。将不需要每次都重新请求的 阅读全文

摘要： 什么是CSRF攻击 CSRF（Cross-Site Request Forgery，跨站请求伪造）攻击是指攻击者诱导已登录的用户在不知情的情况下执行恶意请求，从而在用户拥有的权限下进行未授权的操作。 CSRF攻击的流程： 用户登录并在浏览器中保留了某网站的会话（通常是通过cookie）。 攻击者诱使 阅读全文