随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然，浏览器自身也在不断在进化和发…

轮播banner使用的动画库：Ant-Motion官方给了很多小demo，可以随意捣鼓实现后的效果如下图（gif导出比较大，所以看上去卡卡的，实际很流畅）播放视频采用的是Html5中的videoaut

因为在字节做的业务和图可视化还有拖拽关系比较大，所以这次就写下拖拽相关的内容。html5中提供了一系列Drag and Drop 接口，主要包括四部分：`DragEvent`，`DataTansfer

为了减少资源请求次数，加快资源访问速度，浏览器对资源文件如图片、css文件、js文件等有一个缓存功能，而浏览器缓存策略又分为强缓存和协商缓存，什么是强缓存？什么是协商缓存？两者之间的区别又是什么？

当你写完一个 React 组件，如何保证它的功能是正常的呢？ 在浏览器里渲染出来，手动测试一遍就好了啊。 那如果这个组件交给别人维护了，他并不知道这个组件的功能应该是什么样的，怎么保证他改动代码之后，

2023 年 6 月 27 日，第 125 届 ECMA 大会正式批准了 ECMAScript 2023 语言规范，这意味着它现在正式成为最新 ECMAScript 标准。下面就来看看 ECMAScr

这里主要覆盖大家可能平时没关注，或者是国内少见的工作；也主要是 IT 行业内的岗位，要是除开行业限制，范围就太大了。

yarn的出现则是为了解决npm带来的诸多问题，虽然yarn提高了依赖包的安装速度与使用体验，但它依旧没有解决npm的依赖重复安装等致命问题。pnpm的出现完美解决了依赖包重复安装的问题。

如今，Web 应用越来越普及，人们使用它们来处理越来越多的任务。为了提高用户的效率和工作流程，许多 Web 应用都提供了键盘快捷键。通过使用键盘快捷键，用户可以快速地进行常见任务，而不需要通过鼠标导航