js
46篇文章 · 0订阅
  • 2024前端高频面试题之-- JS篇
    1.js基本数据类型有哪些及它们的区别 JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt
    JavaScript 前端 面试
  • 图片延迟加载策略（JavaScript）
    注：文章最末尾有个人公众号二维码，会分享更多技术文章等，敬请关注 不管是在移动端开发还是在PC端开发，基本都会用到图片的懒加载，这其中最大的原因就是为了保证页面打开的速度（正常情况下3秒之内如果首页打不开，就已经算是死亡时间了）。 延迟加载的的基本做法一般是这样的： 首屏内容中…
    JavaScript
  • 彻底搞懂浏览器Event-loop
    前段时间，和头条的小伙伴聊天问头条面试前端会问哪些问题，他称如果是他面试的话，event-loop肯定是要问的。那天聊了蛮多，event-loop算是给我留下了很深的印象。原因很简单，因为之前我从未深入了解过，如果是面试的时候，我遇到了这个问题，估计回答得肯定不如人意。 因此，…
    JavaScript 前端
  • 前端模块化：CommonJS,AMD,CMD,ES6
    模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…
    前端
  • reduce实现filter,map 数组扁平化等
    map函数接收一个函数作为参数，作为参数的函数接收三个参数值，分别是遍历数组的每一项元素，元素的索引和数组本身。这三个参数刚好和reduce函数接收的第一个函数参数的第2、3、4个参数是对应的。这是实现的核心 实现思路是，将每次遍历的元素，作为传入的函数的参数，并将函数执行的结…
    JavaScript
  • 正确面对跨域，别慌
    跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。 所谓的同源是指，域名、协议、端口均为相同。 jsonp跨域其实也是JavaScript设计模式中的一种代理模式。在html页面中通过相应的标签从不同域名下加载静…
    JavaScript
    正确面对跨域，别慌
  • import、require、export、module.exports 混合使用详解
    自从使用了 es6 的模块系统后，各种地方愉快地使用 import export default，但也会在老项目中看到使用commonjs规范的 require module.exports。甚至有时候也会常常看到两者互用的场景。使用没有问题，但其中的关联与区别不得其解，使用起…
    前端 NPM Webpack
  • postMessage可太有用了
    前言: 本篇文章我将带大家一起来好好认识一下postMessage,包括它的兼容性,对应的API介绍,以及常见的几个使用场景,希望可以给有同样困惑的盆友们一点启发,给需要用这个技术的同僚们一些帮助. postMessage是html5引入的API,postMessage()方法…
    前端
  • 浅说 XSS 和 CSRF
    在 Web 安全领域中，XSS 和 CSRF 是最常见的攻击方式。本文将会简单介绍 XSS 和 CSRF 的攻防问题。
    XSS 服务器 浏览器
  • JavaScript 专题之数组扁平化
    JavaScript 专题系列第九篇，讲解如何实现数组的扁平化，并解析 underscore 的 _.flatten 源码 扁平化 数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 举个例子，假设有个名为 flatten 的函数可…
    JavaScript 前端 面试
    JavaScript 专题之数组扁平化