随笔分类 -  前端-JS

Js如何在原生的数组中实现扁平化函数
摘要：1、概念 数组扁平化：就是将一个多维数组变成一维数组 2、实现方式 方法1:reduce和concat方法 思想：遍历数组每一项，如果值是数组，进行递归调用 reduce方法：从数组的第一项开始，逐个遍历到最后，最终迭代数组的所有项 concat方法：将接收到的参数添加到数组的末尾 var arr= 阅读全文
posted @ 2020-05-08 13:18 晴之万里，温暖向西 阅读(412) 评论(0) 推荐(0)
JS中BOM和DOM常用的事件
摘要：总结：window对象 ● window.innerHeight - 浏览器窗口的内部高度 ● window.innerWidth - 浏览器窗口的内部宽度 ● window.open() - 打开新窗口 ● window.close() - 关闭当前窗口navigator对象navigator.a 阅读全文
posted @ 2019-09-04 13:23 晴之万里，温暖向西 阅读(623) 评论(0) 推荐(0)
函数的防抖和节流
摘要：防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。 一、函数节流 函数节流定义： 一个函数执行一次后，只有大于设定的执行周期后才会执行第二次 有个需要频繁触发函数，处于优化性能角度，在规定时间内，只让函数触发的第一次生效，后面不生效 函数节流的原理： 用时间戳来判断 阅读全文
posted @ 2019-08-23 11:06 晴之万里，温暖向西 阅读(204) 评论(0) 推荐(0)
JS中浏览器的数据存储机制
摘要：一、JS中的三种数据存储方式 cookie、sessionStorage、localStorage 二、cookie 1、cookie的定义： cookie是存储在浏览器上的一小段数据，用来记录某些当页面关闭或者刷新后仍然需要记录的信息。在控制台用document.cookie可以查看当前正在浏览网 阅读全文
posted @ 2019-08-19 00:18 晴之万里，温暖向西 阅读(3564) 评论(0) 推荐(1)
深拷贝&浅拷贝
摘要：一、什么是深拷贝&浅拷贝？ 浅复制： 对String类型，浅复制是对值的复制 对Object来讲，浅复制是对对象地址（引用）的复制，并没有开辟新的栈，复制的结果是原来的对象 和新的对象 指向 同一个地址 ，此时修改 一个属性的值，另一个对象的属性也会发生变化 深复制 可以理解为将原来对象的每个属性的 阅读全文
posted @ 2019-08-17 16:11 晴之万里，温暖向西 阅读(296) 评论(0) 推荐(0)
原生js实现ajax封装
摘要：一、什么是ajax？ 定义：Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术，在不需要重新刷新页面的情况下，Ajax 通过异步请求加载后台数据，并在网页上呈现出来。 作用：提高用户体验，减少网络数据的传输量 二、ajax常见运用场景 表单验证是否 阅读全文
posted @ 2019-08-17 11:36 晴之万里，温暖向西 阅读(20905) 评论(0) 推荐(7)
Js实现继承的几种方式
摘要：一、原型链实现继承 原型链实现继承的思想：利用原型让一个引用类型继承另一个引用类型的属性和方法。 原型链的基本概念： 当一个原型对象等于另一个类型的实例，此时的原型对象将包含一个指向另一个指向另一个原型的指针。同时，另一个原型中也包含着一个指向另一个构造函数的指针。如果另一个原型是另一个类型的实例， 阅读全文
posted @ 2019-08-16 21:21 晴之万里，温暖向西 阅读(8993) 评论(1) 推荐(0)
正则表达式字符&使用
摘要：正则详细解说：https://juejin.im/post/5965943ff265da6c30653879 一、正则表达式中的字符含意 二、正则表达式直接量字符 三、正则表达式的字符类 四、正则表达式的复制字符 五、正则表达式的使用 5.1 正则表达式的创建 5.2 RegExp对象方法 test 阅读全文
posted @ 2019-08-15 16:37 晴之万里，温暖向西 阅读(5656) 评论(0) 推荐(0)
如何实现图片懒加载
摘要：一、什么是懒加载 将图片src先赋值为一张默认图片，当用户滚动滚动条到可视区域图片的时候，再去加载后续真正的图片 如果用户只对第一张图片感兴趣，那剩余的图片请求就可以节省了 二、为什么要引入懒加载 懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验。图片一直是页面加载的流浪大户， 阅读全文
posted @ 2019-08-15 00:31 晴之万里，温暖向西 阅读(5009) 评论(0) 推荐(0)
关于跨域
摘要：一、什么是跨域 跨域就是一个域名请求另外一个域名的资源 二、为什么要引入跨域 原因：浏览器为了维护秩序，实施了同源策略，只有"协议+域名+端口"三者相同的才属于同一域名，只要有一个不同就属于跨域 。浏览器这种规则限制了一个域名与另外一个域名的资源交互。因此当一个域名请求另外一个域名的资源的时候，需要 阅读全文
posted @ 2019-08-14 15:28 晴之万里，温暖向西 阅读(209) 评论(0) 推荐(0)
JS实现异步的几种方式
摘要：1、JS执行环境：单线程 单线程：就是指一次只能完成一件任务。若有多个任务时，就必须排队，等前面一个任务完成之后，再执行后面一个任务 缺点：任务耗时很长，后面的任务需要等待，拖延整个程序的执行。例如常见的浏览器无响应假死现象 2、什么是同步和异步 为了解决页面响应慢的问题，js将任务的执行模式分为两 阅读全文
posted @ 2019-05-14 22:14 晴之万里，温暖向西 阅读(2537) 评论(0) 推荐(0)
Bootstrap+Hbuilder
摘要：出处：http://blog.csdn.net/antony9118/article/details/52189525 1 BootStrap的优点 BootStrap是现在最受欢迎的前端框架，对css、js等进行了封装。优点先列在这里，后面使用的过程中会慢慢体会到BootStrap的好处。 1）受 阅读全文
posted @ 2018-03-21 19:19 晴之万里，温暖向西 阅读(2890) 评论(0) 推荐(0)