- 博客(353)
- 收藏
- 关注
RSS订阅原创 event.stopPropagation()和event.preventDefault()之间的联系
这个方法比较暴力，他会同事阻止事件冒泡也会阻止默认事件；写上此代码，连接不会被打开，事件也不会传递到上一层的父元素；这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开，event.stopPropagation()和event.preventDefault()，还有 return false。这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；
2023-07-09 15:38:10
559
原创 Js提升：如何实现图片懒加载
知其然，更要知其所有然，在不同场景下该用什么方法，如何做到最优。为什么要出现图片懒加载，解决了什么问题？除了懒加载，还有预加载呢？什么是预加载，怎么实现，相比于懒加载如何？
2023-07-09 15:21:31
498
原创 Vue的生命周期详解
Vue的生命周期就是vue实例从创建到销毁的全过程，也就是 new Vue() 开始就是vue生命周期的开始。Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom-->渲染、更新-->渲染、卸载 等一系列过程，称这是Vue的生命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。
2022-09-30 10:42:20
2313
1
原创 BMap api is not loaded（Echarts 空气质量图引入）
BMap api is not loaded（Echarts 空气质量图引入）
2022-09-27 16:17:05
3764
5
原创 box-sizing:border-box的理解和作用
box-sizing:border-box的理解和作用。CSS中代码background:url(图片) no-repeat right center的意思
2022-09-26 10:21:58
23185
2
原创 Vue：v-on、v-bind、v-model、@click、：model用法以及区别（附代码实例）
Vue：v-on、v-bind、v-model、@click、：model用法以及区别（附代码实例）
2022-09-26 09:03:03
1871
2
原创 vue使用echarts报错Initialize failed: invalid dom
Initialize failed: invalid dom
2022-09-22 16:19:06
496
原创 Echarts报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)
2022-09-22 16:08:27
2258
原创 vue中的.env | .env.development | .env.production的使用
.env——全局默认配置文件，无论什么环境都会加载合并.env.development——开发环境下的配置文件.env.production——生产环境下的配置文件
2022-09-14 11:26:25
4634
2
原创 vue路径component使用import的方式来写 component: () =＞ import(‘@/views/order/orderDetail‘)
为什么要是使用vue路由懒加载vue这种单页面应用，如果我们不去做路由懒加载，打包之后的文件将会异常的大，就会造成进入首页时，需要加载的内容过多，时间过长，会出现长时间的白屏，不利于用户体验，运用懒加载就可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。
2022-09-13 08:11:53
6732
2
原创 真数组、伪数组的转换和区别（Array.prototype.slice.call()）
常见的伪数组有：1.document.getElementsByTagName和document.childNodes,返回NodeList对象的都是伪数组。2.function的arguments对象。3.上传文件时选择的file对象也是伪数组。
2022-09-08 09:45:21
501
原创 Vue基础：axios的二次封装后项目中直接修改引用就行
// 对于axios进行二次封装import axios from 'axios'//引入进度条import nprogress from 'nprogress'//引入//start:进度条开始 done:进度条结束import "nprogress/nprogress.css"// 1.利用axios对象的方法create,去创建一个axios实例// 2.request就是axios,只不过稍微配置一下const requests = axios.create({ // 配置
2022-08-30 17:01:40
531
1
原创 TypeError: Cannot read properties of undefined (reading ‘xxx‘)
TypeError: Cannot read properties of undefined (reading ‘xxx‘)
2022-08-30 11:10:38
1971
原创 Vue中ref和$refs的使用方法
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。...
2022-08-30 11:09:49
479
原创 Vue基础：父子组件访问的方式
有时候我们需要父组件直接访问子组件（通过$children或$refs），子组件直接访问父组件（$parent）。
2022-08-30 10:30:30
989
原创 Cannot read property ‘length‘ of undefined
Cannot read property 'length' of undefined
2022-08-29 22:51:15
1785
原创 作用域和作用域链
作用域就是变量的可用性的代码范围，就叫做这个变量的作用域。简单理解，就是在这个范围内，变量是可以使用的，超过这个范围，变量就无法使用，这个范围就是作用域。作用域分为三种：全局作用域、局部作用域、块级作用域。......
2022-08-29 12:02:22
264
原创 前端基础：前端状态码大全
4xx（请求错误）这些状态代码表示请求可能出错，妨碍了服务器的处理。代码 说明400 （错误请求） 服务器不理解请求的语法。401 （未授权） 请求要求身份验证。 对于需要登录的网页，服务器可能返回此响应。403 （禁止） 服务器拒绝请求。404 （未找到） 服务器找不到请求的网页。405 （方法禁用） 禁用请求中指定的方法。
2022-08-21 10:07:10
2608
原创 Js基础:JS中怎么将数据转为布尔值
javascript将数据转为布尔值的方法：1、使用双重逻辑非，语法“!!需要转换的值”；2、使用Boolean()函数，语法“Boolean(需要转换的值)”。
2022-08-18 21:59:38
3718
原创 CSS样式穿透
引入第三方组件库（如element-ui、element-plus），修改第三方组件库的样式样式文件中使用了 scoped 属性，但是为了确保每个组件之间不存在相互影响所以不能去除
2022-08-15 09:05:14
137
原创 JS基础：for...in、for...of、forEach(详解)
for in 适用于纯对象的遍历，并且只能输出可枚举属性forEach适用于需要知道索引值的数组遍历，但是不能中断for of适用于无需知道索引值的数组遍历，因为可以中断。另外对于其他字符串，类数组，类型数组的迭代，for of也更适用...
2022-08-13 18:08:45
14936
原创 JS基础：什么是Set和Map
Set是一种叫做集合的数据结构集合集合是由一组无序且唯一(即不能重复)的项组成的，可以想象成集合是一个既没有重复元素，也没有顺序概念的数组ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值Set 本身是一个构造函数，用来生成 Set 数据结构...
2022-08-12 18:01:06
160
原创 Vue提升：理解vue中的 slot-scope=“scope“
slot是插槽，slot-scope=“scope“语义更加明确，相当于一行的数据，在实际开发中会碰到如下的场景
2022-08-12 09:49:15
8225
原创 Parsing error: No Babel config file detected for XXX. Either disable config file checking with XXX
Parsing error: No Babel config file detected for XXX. Either disable config file checking with XXX
2022-08-09 09:46:06
206
原创 实习路途：记录给我的第一个实习项目中的困惑
1：像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大。 2：造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验。 3：而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时...
2022-08-03 14:31:15
117
原创 关于Git小乌龟的安装及简单使用
1）下载git，直接去官网下载Git - Downloads，根据自己的系统合理下载，然后一路next就可以了2）安装工具小乌龟，官网：Download – TortoiseGit – Windows Shell Interface to Git，也是，简单的一路next，值得一提的是要在安装完git之后，才能安装小乌龟...
2022-08-03 11:17:20
3853
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人