![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
isxxya
这个作者很懒,什么都没留下…
展开
-
js中的递归算法
js递归定义:递归函数就是在函数体内调用本函数递归函数的使用要注意函数终止条件,避免进入死循环简单的递归实例1.求1,2,3,…n的和function sum(n){ if( n == 1 ) return 1; return sum(n-1) + n;}2.求1,3,5,7,…第n项和前n项的和先求出第n项的值function foo(n){ if(n == 0) return 1; return foo(n-1) + 2;}接着求前n项的和原创 2020-09-19 10:38:20 · 2982 阅读 · 0 评论 -
函数防抖(debounce)和节流(throttle)
前言:在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。这个时候,防抖和节流是比较好的解决方案。防抖(debounce)防抖就是指触发事件后在 n 秒内函数只执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。防抖函数分为非立即执行版和立即执行版非立即执行版:function debounce(func, wait) { let timeou原创 2020-09-16 20:07:07 · 2192 阅读 · 0 评论 -
浏览器重绘(Repaint)和回流(Reflow)
回流必将引起重绘,重绘不一定会引起回流!!!重绘(Repaint)当页面中元素样式的改变并不影响它在文档流中的位置时(例如:color、background-color 等),浏览器会将新样式赋予给元素并重新绘制它,这个过程称为重绘。回流(Reflow)当 Render Tree 中部分或全部元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程称为回流。会导致回流的操作:页面渲染初始化添加、删除可见的 DOM 元素元素尺寸、位置发生变化浏览器窗口大小 resize原创 2020-09-16 19:49:21 · 3016 阅读 · 0 评论 -
前端性能优化-基础篇
页面加载及渲染过程优化首先介绍一下浏览器渲染页面的流程:1.解析 HTML 文件,构建 DOM 树,同时浏览器主进程负责下载 CSS 文件2.CSS 文件下载完成,解析 CSS 文件成树形的数据结构,然后结合 DOM 树合并成 RenderObject 树3.布局 RenderObject 树 (Layout/reflow),负责 RenderObject 树中的元素的尺寸,位置等计算4.绘制 RenderObject 树 (paint),绘制页面的像素信息5.浏览器主进程将默认的图层和复合图层原创 2020-09-16 19:31:50 · 2621 阅读 · 0 评论 -
js中的四种常用数组排序方法(冒泡、选择、插入、快排)及sort排序
1.冒泡排序原理:比较两个相邻的元素,如果第一个比第二个大,就交换他们的位置对所有的元素重复以上步骤,直至排序完成var arr = [3,44,38,5,47,15,36,26,27,2,46,4,19,50,48];document.body.innerHTML += `排序前:${arr}<br /><hr>`;function arraySort(arr){ for(var i=0;i<arr.length;i++){ for(var j=0;j&原创 2020-08-31 21:13:34 · 5853 阅读 · 0 评论 -
javascript中的七种数据类型
五种基本数据类型1.StringString类型用于表示由零或多个16位的Unicode字符组成的字符序列,即字符串。至于用单引号,还是双引号,在js中还是没有差别的。记得成对出现。2.Number该类型的表示方法有两种形式,第一种是整数,第二种为浮点数。整数:可以通过十进制,八进制,十六进制的字面值来表示。浮点数:就是该数值中必须包含一个小数点,且小数点后必须有一位数字。3.Boolean即布尔类型,该类型有两个值:true、false。需要注意的是,Boolean类型的字面值true和fal原创 2020-08-27 19:53:47 · 5044 阅读 · 0 评论 -
js 与 jquery 判断数据类型的四种方法
JavaScript 四种判断方法1.typeof此方法的返回结果只要以下几种:Number、String、undefined、Bollean、Object、Function弊端在于如果数据类型为引用数据类型,他只能返回 Objectconsole.log(typeof 1); //numberconsole.log(typeof true); //bolleanconsole.log(typeof '欢喜'); //stringconsole.log(typeof {}); //o原创 2020-08-27 19:36:17 · 5093 阅读 · 0 评论 -
表白必备 小心心 biubiubiu~
效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小心心</title> <style> body { background: #000800; } canvas { margin: 0原创 2020-08-26 20:42:40 · 5831 阅读 · 3 评论 -
JavaScript 字符串方法全版
String 对象描述字符串是 JavaScript 的一种基本的数据类型String 类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。需要注意的是:JavaScript 的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法,返回的是全新的字符串,而不是修改原始字符串。String 对象属性属性描述constructor对创建该对象的函数的引用原创 2020-08-26 18:45:22 · 9828 阅读 · 0 评论 -
JavaScript面试题三千问---下篇
31.IE 的事件处理和 W3C 的事件处理有哪些区别?绑定事件:W3C:targetEl.addEventLIstener(‘click’,handler,false);IE:targetEl.attachEvent(‘onclick’,handler);删除事件:W3C:targetEl.removeEventListener(‘click’,handler,false);IE:targetEl.detachEvent(‘onclick’,handler);事件对象:W3C:v原创 2020-08-20 21:41:20 · 7797 阅读 · 2 评论 -
JavaScript面试题三千问---上篇
1.JavaScript的组成ECMAScript(核心):JavaScript语言基础DOM(文档对象模型):规定了访问 HTML 和 XML 的接口BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法2.JS 的基本数据类型和引用数据类型基本数据类型:undefined、null、bollean、number、string、symbol引用数据类型:object、array、function3.检测浏览器版本有哪些方式?根据 navigator.userAgent原创 2020-08-20 20:53:31 · 9172 阅读 · 3 评论 -
JavaScript 实现倒计时
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>倒计时</title></head><body> <h1 id="timer"></h1> <script> function leftTimer(year, month, day, hour, minute原创 2020-08-15 14:34:53 · 3141 阅读 · 0 评论 -
ES6之promise
promisepromise是一个对象,对象和函数的区别就是对象可以保存状态,函数不可以。promise并未剥夺函数return的能力,因此无需层层传递callback回调获取数据。多个异步等待合并并便于解决promise构造new Promise( function (resolve, reject) { resolve('hello') // 数据处理完成 reject('bye') // 数据处理出错 }).then( (res) => {consol原创 2020-08-13 20:18:21 · 3865 阅读 · 7 评论 -
原生js与JQuery的ajax请求
原生js的ajax请求1.创建XMLHttpRequest对象var xhr=new XMLHttpRequest();2.准备发送请求 open()xhr.open('请求类型','url地址',是否异步);参数描述请求类型GET 或 POSTurl文件在服务器上的地址是否异步true(异步) / false(同步)3.发送请求数据 send()xhr.send();4.请求返回的回调函数当页面的加载状态发生改变的时候readyState属原创 2020-08-13 11:52:08 · 8396 阅读 · 3 评论