
JavaScript
文章平均质量分 51
js的各种知识点,原生实现功能
Spider@囚童
实现功能的方法永远不唯一,如果读者有别的办法欢迎分享,一起进步
展开
-
Vue Demi同时支持vue2和vue3模板
vue-demi同时支持vue2和vue3原创 2022-06-10 18:07:31 · 1145 阅读 · 2 评论 -
JS 字符串方法总结
目录前言字符串长度.length查找字符串中的字符串indexOf()、lastIndexOf()、search()提取部分字符串slice()、substring()替换字符串内容replace()转换为大写和小写toUpperCase()、toLowerCase()连接两个或多个字符串concat()删除字符串两端的空格trim()提取字符串字符charAt()、charCodeAt()把字符串转换为数组split() 前言 JavaScript 字符串用于存储和操作文本,而字符串方法帮助您处理字符串原创 2022-03-31 18:04:07 · 222 阅读 · 0 评论 -
获取当前时间,封装时间格式化方法
获取当前时间 在html中写个div类名为showTime <script> var t = null t=setTimeout(time,1000) //开始运行 function time (){ clearTimeout(t)// 清除定时器 dt = new Date(); var y = dt.getFullYear();//获取年 v原创 2022-03-29 13:40:34 · 430 阅读 · 0 评论 -
原生JS实现图片懒加载
直接上代码 // onload是等所有的资源文件加载完毕以后再绑定事件 window.onload = function(){ // 获取图片列表,即img标签列表 var imgs = document.querySelectorAll('img'); // 获取到浏览器顶部的距离 function getTop(e){ return e.offsetTop; } // 懒加载实现 function lazyload(imgs){ // 可视区域高度 var h = wind原创 2022-03-06 19:04:36 · 238 阅读 · 0 评论 -
JS ES6 promise 对象
promise 对象1.0 Promise的含义1.1 promise的两大特点1.2 promise的缺点2.0基本用法2.1用Promise对象实现的 Ajax 操作。 1.0 Promise的含义 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理 1.1 promise的两大特点 (1)对象的状态不受外原创 2022-02-20 20:19:34 · 161 阅读 · 0 评论 -
JS数据类型判断方法
数据类型的判断大概有四种方法: typeof、instanceof、constructor、Object.prototype.toString.call()、jquery.type() typeof (1)、Number、String、Boolean、undefined以及引用数据类型中Function,可以使用ypeof检测数据类型,分别对应的数据类型小写字符 (2)、用typeof检测构造函数创建的Number,String,Boolean都返回object (3)、引用数据类型:Array、O.原创 2022-01-21 13:29:47 · 116 阅读 · 0 评论 -
js数组方法详解
js数组方法 join() push() 和 pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() (ES5新增) forEach() (ES5新增) map() (ES5新增) filter() (ES5新增) every() (ES5新增) some() (ES5新增) join() 就是把数组转换成字符串,默认的是逗号( ,...原创 2022-01-21 13:14:48 · 110 阅读 · 0 评论 -
深拷贝,浅拷贝
深拷贝与浅拷贝的区别 浅拷贝:只复制第一层的浅拷贝 深拷贝:深复制则递归复制了所有层级 为什么要使用深拷贝 我们希望在改变新的数组(对象)的时候,不改变原数组(对象) 数组浅拷贝 直接遍历 var array = [1, 2, 3, 4]; function copy (array) { let newArray = [] for(let item of array) { newArray.push(item); } ...原创 2022-01-21 09:02:00 · 178 阅读 · 0 评论 -
闭包,this指向问题
1.闭包的概念 简单的理解就是函数中套了一个函数,内层函数可以访问外层函数中的变量,而外层函数不能访问内层的变量 闭包的情况一般有两种一个是作为参数被传递,作为返回值被返回出去 // 函数作为返回值 function create() { const a = 100 return function () { console.log(a) } } const fn = create() const a = 200 fn() // 100 // 函数作为参数被传递原创 2022-01-15 21:02:24 · 661 阅读 · 0 评论 -
js作用域,自由变量,变量提升,预解析
作用域:就是一个变量可以使用的范围 作用域分为全局作用域、函数作用域、块级作用域 js中有一个最外层的作用域,全局作用域 js中可以通过函数来创建一个独立作用域称为函数作用域 es6中新增了块级作用域(大括号,比如:if{},for{},while(){}…) 2、自由变量 自由变量概念:当前作用域没有定义的变量 一个变量在当前作用域没有定义,但是被使用 向上级作用域,一层一层寻找,直至找到为止 如果到全局作用域还没找到,就会报错xx is not defined var a = .原创 2022-01-14 20:51:33 · 120 阅读 · 0 评论 -
js原型及原型链的理解
1. prototype 每个函数都有一个prototype属性,被称为显示原型 2._ proto _ 每个实例对象都会有_ proto 属性,其被称为隐式原型 每一个实例对象的隐式原型 proto _属性指向自身构造函数的显式原型prototype 3. constructor 每个prototype原型都有一个constructor属性,指向它关联的构造函数。 原型链 获取对象属性时,如果对象本身没有这个属性,那就会去他的原型__proto__上去找,如果还查不到,就去找原型的原型,一原创 2022-01-14 20:45:29 · 379 阅读 · 0 评论