![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
IIIlion
努力成为全栈攻城狮
展开
-
原生JS实现瀑布流
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2019-05-01 23:04:36 · 303 阅读 · 0 评论 -
正则表达式
一、什么是正则表达式正则表达式,又称规则表达式,是一种文本模式,通常用来检索、替换和控制文本。主要包括a 到 z 的字母以及一些特殊的元字符。正则表达式的应用范围非常之广泛,最初是由Unix普及开来的,后来在广泛运用于Scala 、PHP、C# 、Java、C++ 、Objective-c、Perl 、Swift、VBScript 、Javascript、Ruby 以及Python等等。二、...原创 2019-03-20 19:35:49 · 106 阅读 · 0 评论 -
不用循环、不用Array原生API,如何遍历数组。
解决递归。代码let index = 0function loopArr(arr, cb) { if(index < arr.length) { index++ cb(arr[index]) loopArr(arr, cb) }}// 使用let arr = [1,2,3,4,5]loopArr(arr, function(data) { conso...原创 2019-07-13 17:41:14 · 819 阅读 · 0 评论 -
JavaScript中各种宽高总结
1、只读属性描述clientWidth/heightcontent+paddingoffsetWidth/heightcontent+padding+borderclientTop/LeftborderoffsetTop/Left距离自己最近的定位父元素的上边或左边距离scrollHeight和scrollWidth这两个属性指的是当元素内部...原创 2019-05-04 10:35:47 · 138 阅读 · 0 评论 -
JavaScript作用域和执行上下文的区别
emmm。。。不知道许多小伙伴是不是还是对作用域和执行上下文不清楚,这里就简单的给大家聊聊。作用域首先作用域指的是代码中特定变量的有效范围。JavaScript采用的是静态作用域。代码写在哪里作用域就在哪里确定,而不是在代码运行的时候确认。var a = 1let foo = function() { console.log(a)}let bar = function() {...原创 2019-04-27 19:33:00 · 452 阅读 · 1 评论 -
JavaScript节流和防抖函数与及使用分时函数惰性函数优化性能
一、节流函数1. 使用场景DOM.onclick()事件,我们给一个DOM节点绑定了点击事件,当点击该元素时触发事件函数的执行,但是当我们频繁点击该元素时,就会不断触发该点击事件,如果该点击事件触发的事件函数是DOM元素的,就会造成很高的性能消耗,可能会造成页面的卡顿。所以此时我们应该限制该事件的触发频率,减少页面的开销。2. 原理连续触发事件,但是事件函数只在在规定的周期之内只执行一次...原创 2019-03-05 22:43:39 · 118 阅读 · 0 评论 -
JavaScript时间线
时间线创建Document对象,开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段 document.readyState = ‘loading’ 。遇到link外部css,创建线程加载,并继续解析文档。遇到script外部js,并且没有设置async、defer,浏览器加载,并阻塞,等待js加载完成并执行该脚本,然后继续...原创 2019-07-14 16:07:50 · 134 阅读 · 0 评论