- 博客(19)
- 收藏
- 关注
RSS订阅原创 深入浅出Webpack
Webpack是什么？Webpack是一种前端资源构建工具，一个静态模块打包器。前端资源构建工具：前端资源有sass、less、ts等。这些资源浏览器都无法识别，要使这些资源能够在浏览器中正常工作，必须经过编译处理。而webpack就是集成这些编译工具的一个总的构建工具。静态模块打包器：静态模块就是web开发过程中的各种资源文件，webpack根据引用关系，构建一个依赖关系图，然后利用这个关系图将所有静态模块打包成一个或多个bundle输出为什么需要Webpack...
2023-03-22 21:37:41
306
原创 web端引入高德地图
注意：由于高德api文档提示（您在2021年12月02日申请以后的key需要配合您的安全密钥一起使用）需要配置安全密钥。在地图load事件中绑定输入框id（上面初始化实例有相应代码以及输入框使用el-autocomplete）1、安装@amap/amap-jsapi-loader 依赖。2、在对应的文件引入依赖或者全局引入。以上步骤基本可以在页面展示高德地图。
2023-03-09 21:39:35
1501
原创 前端面试题汇总之手写代码篇
1、手写Object.create方法作用：用于创建一个以传递的对象作为原型的对象。思路：将传入的对象作为原型 // Object.create 创建一个以obj为原型的对象 function create(obj){ // 创建一个空对象 function F(){} // 其原型为传递的对象 F.prototype = obj // 返回对象
2021-10-30 17:20:16
1393
原创 前端面试题汇总之CSS篇
1、CSS选择器及优先级选择器格式优先级权重id选择器#id100类选择器.classname10伪类选择器li:last-child10标签选择器div1伪元素选择器li:after1相邻兄弟选择器h1+p0子选择器ul>li0后代选择器li a0通配符选择器*0注意事项：!impportant声明的样式优先级最高；如果优先级相同，则最后出现的样式出现；样式表的来源不同时，优先级
2021-10-24 10:25:36
343
原创 前端面试题汇总之HTML篇
1、src和href的区别src和href都是引用外部资源，区别如下：src：浏览器解析到src元素时，会暂停其他资源的下载和处理，直到该资源下载完毕。而且下载的资源会嵌入当前标签所在的位置。href：浏览器识别到该元素时，会并行下载资源。2、对HTML语义化的理解语义化是指根据内容的结构，选择合适的标签语义化的优点如下：对开发者友好，使用语义化标签增强了可读性，结构更加清晰。对机器友好，更适合搜索引擎的爬虫爬取有效信息。<header></header>
2021-10-18 22:18:30
167
原创 JavaScript的垃圾回收机制
内存的生命周期分配你所需要的内存使用分配到的内存不需要时将其释放在不需要字符串、对象的时候，需要释放其所占用的内存，否则将会消耗完系统中所有可用的内存，造成系统崩溃，这就是垃圾回收机制的存在意义。所谓的内存泄露指的是：由于疏忽或错误造成程序未能释放那些已经不再使用的内存，造成内存的浪费。垃圾回收机制垃圾回收机制的原理垃圾收集器会按照固定的时间间隔，周期性的找出不再继续使用的变量，然后释放其占用的内存。垃圾回收的两种方法标记清除（常用）引用计数（不常用）标记清除这是JavaS
2021-10-01 10:51:25
106
原创 JavaScript的闭包
了解闭包之前，先来了解一下变量的作用域变量的作用域有两种：全局变量和局部变量JavaScript语言特殊之处，就在于函数内部可以直接读取全局的变量。var n = 1 //全局变量function f1(){ console.log(n) //可以访问全局变量}f1() 而函数外部无法读取函数内部的变量。function f1(){ let n = 1 //局部变量}console.log(n) //error如何使外部函数读取内部函数的变量为了使外部函数读取到函数内部的变量
2021-09-30 20:30:32
202
原创 JavaScript的运行机制
关于JavaScriptJavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。JavaScript的单线程，与它的用途有关。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准呢？任务队列单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务消耗时间很长，后一个任务就不得不一直等待。JavaScript语言的设计者意识到，这时主线程完全可以不管IO设备，挂起处于
2021-09-30 16:06:09
123
原创 JavaScript的深浅拷贝
什么是深浅拷贝产生深浅拷贝的原因是JavaScript变量存在两种数据类型的值基本数据类型和引用数据类型。而这两种数据类型在内存中的存储方式不同。基本数据类型：基本数据类型的值会存放在栈中引用数据类型：引用数据类型的值会存放在堆中，而指向堆位置的地址值会存放在栈中基本数据类型的赋值基本数据类型是将值复制一份给新的变量。 let a = 10 let b = a console.log(a); //10 console.log(
2021-09-29 17:18:14
255
原创 JavaScript之Promise的实现
什么是Promise对象Promise对象代表了未来将来发生的事件，用来传递异步操作的信息。简单来说，Promise就是用来处理异步操作的。为什么要使用Promise对象在没有Promise对象之前，我们是如何
2021-09-29 14:43:03
880
1
原创 JavaScript实现继承
JavaScript的继承方式1、原型链继承核心：将父类的实例对象作为子类的原型对象，及继承了父类原型的方法也继承了父类实例的属性。 // 父类 function SuperType() { this.property = true this.colors = ['red','blue'] } // 父类原型的方法 SuperType.prototype.getSuperV
2021-09-27 20:08:02
121
原创 掌握JavaScript的this指向
掌握this指向的五种情况情况一函数执行，看方法前面是否有.，没有.，this指向window，如果前面有.则this指向该对象。 let obj = { fun:fun } function fun(){ console.log(this); } // window调用 window.fun() fun() // 对象调用 ob
2021-09-27 12:28:22
105
原创 了解JavaScript的原型及原型链
了解JavaScript的原型及原型链之前先了解一下普通函数和构造函数。普通函数和构造函数的区别普通函数定义: functions test (){}调用：test()返回值：返回值由return决定，如果没有设置return则默认返回undefined命名规则：遵照小驼峰式命名法this指向：函数内部的this指向调用函数的对象（如果没有对象调用，默认是window）构造函数定义：function Test(){}调用：new Test()返回值：构造函数不需要设置return
2021-09-26 19:50:37
112
原创 了解JavaScript的作用域及作用域链
什么是作用域作用域是代码在运行时，某些特点部分中的变量、函数、对象的可访问范围。简单来说，作用域决定了变量、函数的可访问范围。作用域的类型作用域的类型分两类：静态作用域、动态作用域什么是静态作用域静态作用域：函数声明时确定的。什么是动态作用域动态作用域：函数调用时确定的。代码分析var value = 1function foo () { console.log(value) }function bar () { var value = 2 foo()}bar()如果采
2021-09-26 14:35:33
94
原创 了解JavaScript的解析过程
什么是JavaScript解析引擎JavaScript解析引擎（简称JavaScript引擎），是一个程序，是浏览器引擎的一个部分。每一个浏览器的JavaScript解析引擎都不相同（因为每个浏览器编写JavaScript解析引擎的语言以及解析原理都不相同）。标准的JavaScript解析引擎会按照ECMAScript文档来实现。虽然每个浏览器的JavaScript解析引擎不同，但是他们最终的结果是相同的。JavaScript解析引擎的作用JavaScript解析引擎根据ECMAScript定义的语
2021-09-26 10:31:39
1130
2
原创 JavaScript判断数据类型的方式
JavaScript判断数据类型的方式typeofinstanceofconstructorObject.prototype.toString.call()typeof 方式原理：通过数据在计算机存储的二进制来判断数据类型 console.log(typeof 111); //number console.log(typeof NaN); //number console.log(typeof 'a'); //string co
2021-09-24 16:33:30
141
原创 JavaScript数据类型
Javascript数据类型JavaScript的数据类型分为两类基本类型：String、Number、Boolean、Null、Undefined、Symbol。注：Symbol 是ES6引入的一种新的原始数据类型，表示独一无二的值引用类型：Object、Array、Function、Date、RegExp。Undefined 和 Null 的区别Undefined：表示变量已经声明了，但是没有给变量赋值，默认就会为undefinedNull：表示变量已经声明了，且赋值了，只不过赋的值是nu
2021-09-24 16:23:55
135
原创 JavaScript排序算法
冒泡排序冒泡排序算法相对其他排序运行效率较低，但是在概念上它是排序算法中最简单的。冒泡排序的思路：从头到尾依次比较相邻两个元素的大小关系 如果前一个元素大于后一个元素，两者交换位置 然后再与后一个元素进行比较，依次类推 比较到最后时，最后一个元素就是最大的元素 按照以上的思路，再重新开始比较，第二次比较就不需要比较最大的元素 依次类推代码实现： function ArrayList() { // 属性 thi
2021-09-16 20:33:56
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人