刷新
Web前端入门第 88 问:引入 JavaScript 的 script 标签究竟有多少用法?

HTML 版本不停的更新迭代,也导致浏览器支持的写法眼花缭乱,就拿 script 标签来说,刚刚入行的那会儿就只知道用来写内联的 js 代码,后来又学到了引入 js 文件,ES 模块规范化之后又知道能用来引入模块化的 js 代码,可这就是它的全部了吗?? 然而...并不是!!! 各种用法 看看 sc ...

Web前端入门第 86 问:JavaScript 中的 Web Worker 为什么能提升代码性能?

最初的 JS 执行代码都是一条线执行到底,当遇到比较耗时的操作时,比如大数组循环运算,就会导致页面卡着,就像假死一样。就像一个人在厨房烧菜一样,需要依次完成切菜、炒菜、装盘这些步骤,此过程中没办法同时做其他事情,必须按顺序执行每一个步骤。 Web Worker 赋予了 JS 分配任务的能力,在遇到复 ...

记录---一篇文了解qiankun的代码隔离原理

博主头像 ‍ 写在开头 点赞 + 收藏 学会 随着前端业务的快速发展,微前端架构已经被广泛采用,其中 qiankun 作为主流解决方案也越来越受到关注。前几天面试时,我就被问到了一个高频问题:qiankun 是如何实现 JS 和 CSS 隔离的? qiankun 的JS 沙箱 qianku ...

记录---前端实现倒计时为什么会存在误差呢

博主头像 ‍ 写在开头 点赞 + 收藏 学会 1. 前端倒计时为何不准? 1.1 JavaScript的“单线程陷阱” JavaScript是单线程语言,所有任务(包括定时器回调)都在同一个线程中排队执行。当主线程被耗时任务(如复杂计算、网络请求)阻塞时,定时器回调只能“望队兴叹”,导致实 ...

JavaScript数据表格方案AG Grid主题定制新升级:Figma 设计系统全面打通设计与开发

博主头像 在最新版本的 Figma 设计系统 中,所有变量已与 AG Grid Theming API 参数 实现 1:1 映射。这意味着设计师在 Figma 中的修改能够无缝传递到开发代码,彻底消除沟通障碍。更重要的是,借助自动化导出与转换工具,团队可以一键生成生产可用的 AG Grid 自定义主题,显著提... ...

JavaScript数据网格方案AG Grid 34.1更新:提升开发效率,优化测试与布局体验

博主头像 近日,JavaScript 数据表格方案AG Grid 正式发布 34.1 版本,本次更新以“提升开发者生产力、简化测试流程、增强布局与样式控制”为核心目标,带来了多项实用功能与体验优化。值得一提的是,该版本为非中断版本,当前使用 33.x 版本的开发者可无缝升级,无需修改已有代码。 AG Grid ...

前端代码安全防护完整指南

随着前端应用复杂度不断提升,保护JavaScript源代码和核心业务逻辑变得越来越重要。本文将介绍多种前端代码安全防护策略,构建多层次的安全防护体系。 前端安全威胁分析 常见安全风险 源代码泄露:核心算法和业务逻辑暴露 API接口滥用:恶意调用后端接口 数据爬取:自动化工具批量获取数据 逆向工 ...

学习 TreeWalker api 并与普通遍历 DOM 方式进行比较

博主头像 介绍 TreeWalker TreeWalker 是 JavaScript 中用于遍历 DOM 树的一个接口。允许你以灵活的方式在 DOM 树中进行前向和后向遍历,包括访问父节点、子节点和兄弟节点。适用于处理复杂的 DOM 操作:在遍历过程中进行添加、删除或修改节点的操作,并继续遍历。 与普通的 f ...

跨域问题

博主头像 1、跨域问题的产生 跨域问题的根源是浏览器的同源策略:出于安全考虑,当从A域名请求B域名的资源时,如果A、B两域名不同源(协议不同/域名不同/端口不同),浏览器就会拦截这次请求或响应。 为什么会有跨域限制——防止窃取用户数据:比如你打开了银行网站www.bank.com进行了登录,后来你又打开了恶意 ...

123···11>