全部文章
共 1306 篇文章
JS-数组sort方法用的是哪种排序算法
JS数组的排序方法大家肯定用的太多了，那sort用的是什么排序算法呢？这个问题的答案我寻找了很久，最终在Chrome V8引擎的源码中找到了。 说明一下，ECMAScript没有定义使用哪种排序算法，各个浏览器的实现方式会有不同。==火狐中使用的是归并排序，==下面是Chrome的sort排序算法的实现。 sort方法源码 这一步看出sort方法调用了 InnerArraySort 方法，参数是数组，数组长度，比较函数。再看看 Inne...
防抖和节流的理解，及其应用场景
防抖和节流的理解，及其应用场景 01 概 念 目的： 当多次执行某一动作，进行函数调用次数的限制，节省资源 防抖： 在事件触发n秒后执行函数，如果在n秒内再次出发，重新计时 节流： 当多次执行某一动作，每隔一段时间，只执行一次函数。 区别： 函数节流不管事件触发有多频繁，都会保证在规定时间内一定会执行一次真正的事件处理函数，而函数防抖只是在最后一次事件后才触发一次函数。 比如在页面的无限加载场景下，我们需要用户在滚动页面时，每隔一段时间...
VUE生命周期含父子组件生命周期简介
一、加载渲染过程 父beforeCreate 父created 父beforeMount 子beforeCreate 子created 子beforeMount 子mounted 父mounted 二、子组件更新过程 父beforeUpdate 子beforeUpdate 子updated 父updated 三、父组件更新过程 父beforeUpdate 父updated 四、销毁过程 父beforeDestroy 子beforeDes...
JS中的toString、Object.toString、Object.prototype.toString
Object.toString与Object.prototype.toString的区别 首先明确一下toString相同的调用方式： Object 上的toString方法可以用于对象类型的判断，如常用的区分数组与普通对象。（ ） 由此而引出疑问，为何通过Object.toString的方式不能调用原型链上的toString方法呢？ 虽然所有对象的原型链最顶端都是Object.prototype，但同时Object本身也是一个构造函数...
addEventListener() 方法
定义和用法 () 方法用于向指定元素添加事件句柄。 提示： 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。 语法 参数值 event 必须。字符串，指定事件名。 注意: 不要使用 “on” 前缀。 例如，使用 “click” ,而不是使用 “onclick”。 function 必须。指定要事件触发时执行的函数。 当事件对象会作为第一个参数传入函数。 事件对象的类...
CSS3新增了哪些新特性？
二、选择器 中新增了一些选择器，主要为如下图所示： <img width="740" height="445" src="../../ resources/e368cf20 9b5e 11eb 85f6 6fac77c0 d0230dc57a934e12b.png" class="jop noMdConv" 三、新样式 边框 新增了三个边框属性，分别是： border radius：创建圆角边框 box shadow：为元素添加阴影 b...
JS常见内存泄漏及解决方案
内存泄漏 官方解释：内存泄漏（Memory Leak）是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。 通俗点就是指由于疏忽或者错误造成程序未能释放已经不再使用的内存，不再用到的内存却没有及时释放，从而造成内存上的浪费。 避免内存泄漏 在局部作用域中，等函数执行完毕，变量就没有存在的必要了，垃圾回收机制很快地做出判断并且回收，但是对于全局变量，很难判断什么时候...
H5新特性有哪些？
H5拥有6种新特性 1. 语义化标签，例如header，footer，section，article等 语义化标签的作用：提升页面的阅读性(结构性增强)，更有利于SEO，对于使用屏幕阅读器的人来说会更友好(有明显的语气差别，例如strong标签内的内容会重读)； 2. 新增媒体元素，audio、video audio和video标签能够很容易的输出音频或视频流，提供便利的获取文件信息的API 更多详细属性参考 3.用于绘画的canvas...
什么是响应式设计？响应式设计的基本原理是什么？如何做？
简介 我这么理解：响应式布局就是一个网站能够兼容多个设备，可以根据屏幕的大小自动调整页面的展示方式以及布局，我们不用为每一个设备做一个特定的版本。响应式网站的特点： 同时适配PC+平板+手机等 网站的布局会根据视口来调整模块的大小和高度 响应式设计的基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理来设置差异化的css样式 一、是什么？ 响应式网站设计（Responsive Web Design）是一种网络页面设计布局，页面的设计与开发...