![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 57
Missy Peng
小猫在午睡,地球在转圈。
展开
-
自动化导入模块:require.context
在日常引入组件,模块的时候,其实目录格式都差不多,能不能一键引入所有呢?require.context 可以帮助我们实现这个功能。需要 webpack (或在内部使用了 webpack 的 Vue CLI 3+)传统引入,如果文件有很多,就会很麻烦,而且后期每加一个文件,需要再导入一次import moduleA from './modules/moduleA.vue'import moduleB from './modules/moduleB.vue'import moduleC from './原创 2021-11-06 17:10:31 · 810 阅读 · 0 评论 -
JS 数据类型判定 typeof原理 instanceof原理
typeoftypeof 一般被用于判断一个变量的类型,我们可以利用 typeof 来判断number, string, object, boolean, function, undefined, symbol 这七种类型,这种判断能帮助我们搞定一些问题;但是,很遗憾的一点是,typeof 在判断一个 object的数据的时候只能告诉我们这个数据是 object, 而不能细致的具体到是哪一种 object。原理其实,js 在底层存储变量的时候,会在变量的机器码的低位1-3位存储其类型信息????0原创 2021-11-02 10:18:59 · 624 阅读 · 0 评论 -
JS this指向以及call、apply、bind
this值为当前执行上下文(global、functio或eval)的一个属性,在非严格模式下,总是指向一个对象,在严格模式下可以是任意值。描述全局上下文无论是否在严格模式下,在全局执行环境中(在任何函数体外部)this 都指向全局对象。// 在浏览器中, window 对象同时也是全局对象:console.log(this === window); // truea = 37;console.log(window.a); // 37this.b = "MDN";console.lo原创 2021-07-31 22:07:29 · 180 阅读 · 0 评论 -
JS 原型与原型链
原型、原型链为什么需要原型原型链?function Person(name, age) { this.name = name; this.age = age; this.eat = function() { console.log(age + "岁的" + name + "在吃饭。"); }}let p1 = new Person("xiaohong", 24);let p2 = new Person("xiaohong", 24);console.log(p1.ea原创 2021-07-25 11:09:08 · 139 阅读 · 0 评论 -
call apply bind 用法与区别
用法call执行 call 方法时:1.首先把要操作的函数中的this关键字变为call方法第一个传递的实参2.把call方法第二个及之后的实参获取到3.把要操作的函数执行,并且把第二个以后传递进来的实参传递给函数fn.call(obj, param1, param2, ...)关于传参function func (a,b,c) {}func.call(obj, 1,2,3)// func 接收到的参数实际上是 1,2,3func.call(obj, [1,2,3])// fu原创 2021-06-07 09:19:35 · 212 阅读 · 0 评论 -
js 导出json文件
function saveJSON(data, filename){ if(!data) { alert('保存的数据为空'); return; } if(!filename) filename = 'json.json' if(typeof data === 'object'){ data = JSON.stringify(data, undefined, 4) } var blob = new Blob([data], {type: 'text/json'}), e =原创 2021-05-23 10:57:52 · 1402 阅读 · 0 评论 -
for、foreach、for in、for of 的区别
forjavascript 中的 for 循环,用来遍历数组foreachforeach 循环可以直接取到元素,同时也可以取到 index 值。但是 foreach 的局限是,不能 continue 跳过或者 break 终止循环。let arr = [1,2,3,4];arr.forEach(function (item, index, arr) { // item是当前元素,index是当前索引值,arr是当前元素所属的数组对象 console.log("当前元素: " + item原创 2021-05-16 11:36:46 · 2526 阅读 · 0 评论 -
js 合并两个数组
在原先的内存基础上进行合并// 方法一:for循环(代码不优美)var a = [1,2,3];var b = [4,5,6];for(var i in b){ a.push(b[i]);}console.log(a); // [1,2,3,4,5,6]// 方法二:扩展运算符(推荐)var a = [1,2,3];var b = [4,5,6];a.push(...b);console.log(a); // [1,2,3,4,5,6]// 方法三:applyvar a.原创 2021-04-11 11:49:28 · 482 阅读 · 0 评论 -
js promise resolve()的用法
Promise 对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成 ,又称 Fulfilled)和 Rejected(已失败)。通过回调里的resolve(data)将这个promise标记为resolved,然后进行下一步then((data)=>{//do something}),resolve里的参数就是你要传入then的数据执行到 resolve()这个方法的时候,就改变promise的状态为fullfiled ,当状态为 fuulfiled的时候就原创 2021-04-05 16:53:33 · 26520 阅读 · 3 评论 -
Js 三种绑定事件方式 及 区别
三种事件绑定方式DOM里直接绑定事件<button id="btn" onclick="submit()">提交</button><script> function submit() { console.log('DOM click......'); };</script>js代码里获取DOM元素进行事件绑定<button id="btn">提交</button><script>原创 2021-03-27 14:42:48 · 783 阅读 · 0 评论 -
export default 与 export 区别
在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,使用的时候可以在其它文件或模块中通过import (常量 | 函数 | 文件 | 模块)名的方式,将其导入,进行使用。区别:在一个文件或模块中,export、import可以有多个,export default仅有一个export default后面不能跟const或let的关键词具体使用:(1)demo1.jsexport const str = 'hello world'原创 2020-12-13 11:49:25 · 141 阅读 · 0 评论 -
js中map与foreach的区别
原创 2020-12-06 14:00:51 · 206 阅读 · 0 评论 -
ajax异步请求怎么刷新页面
通过ajax的回调函数,使用js改变地址来实现刷新$.post("viewBlog.do", {"blog_id":blog_id,"title": title, "content": content, "nick_name": nick_name, "read_num": read_num},function (res) { if(res) { //异步请求页面无法刷新修改...原创 2019-11-01 11:55:01 · 1611 阅读 · 0 评论