合集-JS高级
摘要:#一:Promise是什么? (1)Promise是JS中进行异步编程的解决方案 备注:旧方案是单纯使用回调函数 异步编程包括:fs文件操作、数据库操作、AJAX、定时器...... (2)从语法上来说:Promise是一个构造函数 (3)从功能上来说:Promise对象用来封装一个异步操作并可以获
阅读全文
摘要:#案例一 ```js process.nextTick(()=>{console.log("111");}) const promise = new Promise(resolve=>{ console.log("222"); resolve() }) setTimeout(()=>{console
阅读全文
摘要:#单例模式 点击查看代码 ```js ``` 使用单例模式实现一个简易版的vuex3 ```html ++ -- ``` > 作用:确保一个类只有一个实例对象,让对象唯一存在 > 应用场景:在需要共享资源或管理全局状态的情况下,如数据库连接池、线程池、全局配置等 #组合模式 点击查看代码 ``` `
阅读全文
摘要:###什么是ajax * Ajax 全称为“Asynchronous Javascript And XML”级(异步 JavaScript 和 XML),是一种创建交互式网页应用的网页开发技术,用来实现前后端交互 * 其核心是XMLHTTPRequest对象,由浏览器提供。通过这个对象可以实现在不重
阅读全文
摘要:###什么是跨域 * 跨域是是因为浏览器的同源策略限制,是浏览器的一种安全机制,在服务端之间是不存在跨域的。 * 所谓同源指的是两个页面具有相同的协议、域名和端口,三者有任一不相同即会产生跨域。 * 这里有很多人以为产生跨域的时候,连请求都没有发出去,这样理解是错误的,请求已经发出去了,服务器也把数
阅读全文
摘要:###了解单页面应用 * 单页面是指只有一个主页面的应用 所有的页面的内容都包含在这个所谓的主页面中 * 优点: * 公共资源不用重新加载,局部加载,服务器压力小 * 切换速度快,用户体验好 * 前后端分离 * 缺点: * 不利于SEO(可以优化:比如路由懒加载) * 初次加载时耗时长 * 相对于多
阅读全文
摘要:对JS节流和防抖的理解 防抖与节流本质上是优化高频率执行代码的一种手段。浏览器的 resize、scroll、keypress、mousemove 等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能 JS节流和防抖的区别,举个公交车站的栗子: 将时间段设为5分钟,有人上
阅读全文
摘要:深拷贝 深拷贝在进行深拷贝时,会拷贝所有的属性,并且如果这些属性是对象,也会对这些对象进行深拷贝,直到最底层的基本数据类型为止 深拷贝的方法: for in 遍历+递归的方式 <script> // 将一个对象里面的内容只拷贝一层 const obj = { name:"张三", age:18, i
阅读全文
摘要:认识图片懒加载 定义:在网页中视图之外的图片默认不加载,随着页面的滚动,图片进入了显示的范围,则触发图片的加载显示 目的:提高页面的加载速度,让用户体验感更好并且节省流量;比如在一些电商网站上需要展示大量的商品图片信息,如果打开网页时让所有图片一次性加载完成,需要处理很多次网络请求,等待加载时间比较
阅读全文