会员
众包
新闻
博问
闪存
赞助商
Trae
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
随记
博客园
首页
新随笔
联系
订阅
管理
2025年7月23日
Web前端入门第 81 问:JavaScript cookie 的读写操作
摘要: 前端的 cookie 读写在 2020 年之前一直不存在一个官方的接口,每次需要使用 cookie 的时候,要么是引入三方插件,要么就需要自己封装一个公用的组件或函数。 npm 的 cookie 插件周下载量 6 千万左右,可以想象一下此功能在前端的应用场景有多么广泛~~ cookie 插件: ht
阅读全文
posted @ 2025-07-23 10:07 前端路引
阅读(197)
评论(0)
推荐(0)
2025年7月21日
Web前端入门第 80 问:JavaScript 哪些地方需要 try...catch 异常捕获
摘要: 前端开发一直有种错觉,好像异常捕获都是后端的事,毕竟后端开发时如果不处理代码中的异常,有些资源得不到释放,极其容易导致内存泄漏。 前端由于 JS 的垃圾回收机制无需手动释放资源,反而不会怎么使用异常捕获代码中的错误。实际上任何编程语言,要写出一个健壮性的代码,都需要考虑异常处理。 本文分析下哪些地方
阅读全文
posted @ 2025-07-21 09:35 前端路引
阅读(253)
评论(0)
推荐(0)
2025年7月17日
Web前端入门第 79 问:JavaScript async & await 的异步任务进化之路
摘要: JS 中异步任务随处可见,比如: 1、用户交互的点击、输入 2、网络请求的 fetch、ajax、WebSocket 3、资源中的图片、脚本加载 4、定时任务 setTimeout、setInterval、动画 5、Web Worker 中的后台任务 以上这些地方都能见到 JS 异步任务使用场景。
阅读全文
posted @ 2025-07-17 10:41 前端路引
阅读(295)
评论(0)
推荐(2)
2025年7月16日
Web前端入门第 78 问:JavaScript 比较少见的模版字符串用法
摘要: 在 ES6 之前,JS 的多行字符串一直是开发难题,在处理多行字符串时,各种各样的方案都有~~ 在 JS 中,如果直接这样写多行字符串: const str1 = '第一行 第二行'; 那浏览器转过来就打脸,分分钟报错: Uncaught SyntaxError: Invalid or unexpe
阅读全文
posted @ 2025-07-16 09:14 前端路引
阅读(263)
评论(0)
推荐(1)
2025年7月14日
Web前端入门第 77 问:JavaScript 由程序触发绑定事件的几种方式
摘要: 开发中经常会遇这样的需求:点击 A 元素的时候,需要触发 B 元素的事件,比如:点击一个 div 元素,然后触发 input:file 的 click 事件,用来选择文件上传。 click 方法 以上需求可通过元素的 click 方法触发: <style> .test2 { padding: 4px
阅读全文
posted @ 2025-07-14 09:14 前端路引
阅读(190)
评论(0)
推荐(2)
2025年7月8日
Web前端入门第 76 问:JavaScript 鼠标事件(mouse) enter/leave 和 over/out 区别
摘要: 题外话 在考察事件基础的时候,会经常被问及 click、mousedown、mouseup 它们三者执行的先后顺序是怎样的? 如果平时没太注意,这细节可能就会忽略,毕竟很少会在同一个元素上面同时绑定这三个事件~~ 直接上示例: <div class="c">测试点击事件</div> <script>
阅读全文
posted @ 2025-07-08 11:43 前端路引
阅读(188)
评论(4)
推荐(0)
2025年7月3日
Web前端入门第 75 问:JavaScript 性能优化之事件委托(事件代理)原理
摘要: 如今 Vue 大行其道,大部分开发场景直接使用 @click 就实现了事件绑定,可能都没思索过 JS 中的事件性能优化。 事件委托原理 事件委托 其主要是利用了事件冒泡这个特性。 以点击事件 click 为例:将事件绑定在父元素上,点击子元素会通过冒泡的方式触发父元素的点击事件。这种绑定事件的方式,
阅读全文
posted @ 2025-07-03 09:27 前端路引
阅读(275)
评论(2)
推荐(0)
2025年7月1日
Web前端入门第 74 问:JavaScript 事件冒泡与事件捕获
摘要: 在讨论冒泡和捕获之前,先看这么一段代码: <style> .bd { border: 1px solid #000; padding: 8px; } </style> <div id="container1" class="bd"> 外层 <div id="container2" class="bd
阅读全文
posted @ 2025-07-01 09:31 前端路引
阅读(296)
评论(0)
推荐(1)
2025年6月30日
Web前端入门第 73 问:JavaScript DOM 常用事件那点小事
摘要: 网页上各种炫酷的交互效果离不开各种 DOM 事件 的支持,在写这篇文章之前,一度以为 JS 的事件绑定/取消方式就我知道的那几种,翻阅文档之后才发现,知识面还是有待提升,多翻翻文档,就像发现新大陆一样~~ 常用事件 鼠标事件: click:鼠标左键单击 dblclick:鼠标左键双击 mousedo
阅读全文
posted @ 2025-06-30 10:18 前端路引
阅读(191)
评论(0)
推荐(2)
2025年6月27日
Web前端入门第 72 问:JavaScript DOM 内容操作常用方法和 XSS 注入攻击
摘要: 当项目的安全团队找上门告诉您,您开发的项目存在 XSS 安全漏洞,作为一个开发人员,就问您慌不慌?? HTML 内容写入的时候,如果稍不注意就会触发隐藏 BOSS 漏洞 XSS。 XSS 漏洞原理就是利用了网站上内容输入的地方,比如说常见的评论提交,老六 通过输入评论的地方,提交一些 包含 JS 代
阅读全文
posted @ 2025-06-27 09:16 前端路引
阅读(339)
评论(2)
推荐(6)
下一页
公告
点击右上角即可分享