Himmelbleu - 博客园

2024年9月11日

[HTML] src 和 href 的区别以及 script 标签中的 defer 和 async 的区别

摘要： src 和 href <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> < 阅读全文

posted @ 2024-09-11 17:53 Himmelbleu 阅读(11) 评论(0) 推荐(0) 编辑

[JavaScript] 事件委托，以及 Vue 列表循环渲染事件绑定的性能问题

摘要：前言事件委托（Event Delegation）是一种通过将事件监听器绑定到父元素，而不是直接绑定到每个子元素上的技术。这样可以减少事件监听器的数量，提升性能，并使得对动态添加或移除的元素更容易进行事件处理。事件冒泡和事件捕获事件冒泡：从里往外 <div id="parent" style= 阅读全文

posted @ 2024-09-11 10:27 Himmelbleu 阅读(16) 评论(0) 推荐(0) 编辑

2024年9月10日

[Vue3] 高阶组件

摘要：前言高阶组件用于复用组件逻辑，返回一个增强后的组件。高阶组件主要用于跨多个组件复用逻辑，比如：日志记录权限控制性能监控高阶组件 import { defineComponent, onMounted, h } from "vue"; export function withAuth<T>( 阅读全文

posted @ 2024-09-10 16:47 Himmelbleu 阅读(16) 评论(0) 推荐(0) 编辑

2024年9月9日

[Base64] 前端 base64 上传文件

摘要：前端 FileReader 将文件转换为 Base64 编码字符串，然后将其作为请求体发送到后端。 <input type="file" id="fileInput" /> <button onclick="uploadFileAsBase64()">上传文件</button> <script> f 阅读全文

posted @ 2024-09-09 16:18 Himmelbleu 阅读(52) 评论(0) 推荐(0) 编辑

[Layui] table 和 laypage 组合

摘要：要更新表格数据，通过 table 的 reload 方法。reload 可以重新渲染表格，并更新其数据。 <body> <table class="layui-hide" id="demo-table"></table> <div id="demo-laypage"></div> <script> 阅读全文

posted @ 2024-09-09 14:49 Himmelbleu 阅读(3) 评论(0) 推荐(0) 编辑

2024年8月30日

[JavaScript] 闭包

摘要：闭包概念闭包（Closure）是 JavaScript 中的一个核心概念，它指的是函数和其外部环境（或词法作用域）之间的组合。简单来说，闭包是指当一个函数在其外部作用域中引用了变量时，该函数和这些变量的组合形成了一个闭包。闭包的表现闭包通常是由一个外部函数包裹一个内部函数，且返回内部函数，从而阅读全文

posted @ 2024-08-30 19:40 Himmelbleu 阅读(4) 评论(0) 推荐(0) 编辑

[CSS] border-box 和 content-box

摘要： border-box IE 盒子模型，占据网页面积：宽度：width+margin*2 高度：height+margin*2 实际宽度：width，实际高度：height content-box 默认的盒子模型，占据网页面积：宽度：width+padding*2+border*2+margin* 阅读全文

posted @ 2024-08-30 19:39 Himmelbleu 阅读(2) 评论(0) 推荐(0) 编辑

2024年8月13日

[Vue3] 响应式工具 toValue

摘要：作用将值、refs 或 getters 规范化为值。这与 unref() 类似，不同的是此函数也会规范化 getter 函数。如果参数是一个 getter，它将会被调用并且返回它的返回值。简单来说，toValue 函数的目的是将传入的值规范化为一个普通的值，不管传入的是普通值、ref 对象，还是阅读全文

posted @ 2024-08-13 11:41 Himmelbleu 阅读(25) 评论(0) 推荐(0) 编辑

2024年7月16日

[Git] tag -d

摘要：删除所有 git fetch --all git tag -l | xargs -n 1 git push --delete origin git tag | xargs git tag -d 删除指定 git tag -d tagname git push origin :refs/tags/ta 阅读全文

posted @ 2024-07-16 18:55 Himmelbleu 阅读(5) 评论(0) 推荐(0) 编辑

2024年5月27日

[Git] rebase commit 失败

摘要：如上图，粉色时间线上的两个 commit 无法并入到蓝色时间线上。把粉色时间线上开始到结束的被合并的蓝色时间线上的 commit 删掉，即在 rebase 中删除 3aab900 和 0f9af45。阅读全文

posted @ 2024-05-27 17:42 Himmelbleu 阅读(5) 评论(0) 推荐(0) 编辑