Web前端入门第 78 问：JavaScript 比较少见的模版字符串用法
在 ES6 之前，JS 的多行字符串一直是开发难题，在处理多行字符串时，各种各样的方案都有~~ 在 JS 中，如果直接这样写多行字符串： const str1 = '第一行 第二行'; 那浏览器转过来就打脸...
Web前端入门第 77 问：JavaScript 由程序触发绑定事件的几种方式
开发中经常会遇这样的需求：点击 A 元素的时候，需要触发 B 元素的事件，比如：点击一个 div 元素，然后触发 input:file 的 click 事件，用来选择文件上传。 click 方法 以上需求可通过元素的 c...
Web前端入门第 76 问：JavaScript 鼠标事件(mouse) enter/leave 和 over/out 区别
题外话 在考察事件基础的时候，会经常被问及 click、mousedown、mouseup 它们三者执行的先后顺序是怎样的？ 如果平时没太注意，这细节可能就会忽略，毕竟很少会在同一个元素上面同时绑定这三个...
插件分享 | 善用 VSCode 内置的效率神器 Emmet 插件提升前端开发效率
在 VSCode 出现之前，Emmet 插件就在前端领域玩得风生水起，当时的 Sublime Text 装上此插件，前端的编码效率那感觉就如同 2G 网络到 5G 网络的差别一般。 后来 VSCode 出现时就直接把这插件内...
Web前端入门第 75 问：JavaScript 性能优化之事件委托（事件代理）原理
如今 Vue 大行其道，大部分开发场景直接使用 @click 就实现了事件绑定，可能都没思索过 JS 中的事件性能优化。 事件委托原理 事件委托 其主要是利用了事件冒泡这个特性。 以点击事件 click 为例...
Web前端入门第 74 问：JavaScript 事件冒泡与事件捕获
在讨论冒泡和捕获之前，先看这么一段代码： <style> .bd { border: 1px solid #000; padding: 8px; } </style> <div id="container1" class="bd"
Web前端入门第 73 问：JavaScript DOM 常用事件那点小事
网页上各种炫酷的交互效果离不开各种 DOM 事件 的支持，在写这篇文章之前，一度以为 JS 的事件绑定/取消方式就我知道的那几种，翻阅文档之后才发现，知识面还是有待提升，多翻翻文档，就像发现...
Web前端入门第 72 问：JavaScript DOM 内容操作常用方法和 XSS 注入攻击
当项目的安全团队找上门告诉您，您开发的项目存在 XSS 安全漏洞，作为一个开发人员，就问您慌不慌？？ HTML 内容写入的时候，如果稍不注意就会触发隐藏 BOSS 漏洞 XSS。 XSS 漏洞原理就是利用了...
Web前端入门第 71 问：JavaScript DOM 节点操作（增删改）常用方法
有一个深有体会的事：发现现在很多前端同学，经常用 Vue 开发项目之后，在某些需求场景要操作 DOM 节点的时，就不知道咋办了~~ 以前接手过其他开发团队的项目，项目被漏洞扫描工具发现了异常，...
Web前端入门第 70 问：JavaScript DOM 节点查找常用方法
虽然目前的开发场景基本都是使用 React/Vue/Angular 等框架，但是对于一些基础的 DOM 操作，还是需要了解学习。 曾经我们讨论过这样一个问题：Vue 这些开发框架，用它们渲染页面，真的就比不用...
