- 博客(61)
- 收藏
- 关注
RSS订阅原创 chrome浏览器取消右上方的更新红点提示
引号后添加 --disable-background-netwroking。在桌面找到chrome浏览器的快捷方式，右键打开属性。
2024-04-17 10:05:15
691
原创 js宏任务和微任务
事件循环执行顺序：微任务 -> 宏任务（微任务 > DOM渲染 > 宏任务）宏任务：setTimeout、setInterval、dom、ajax。微任务：promise.then()、async/await。执行事件循环的前提是执行完所有同步任务。进入事件循环的有：事件、请求、定时器等。执行流程：同步任务 -> 事件循环。执行宏任务的前提是执行完所有微任务。事件循环分：宏任务、微任务。
2024-03-12 10:11:00
234
原创 nextTick的作用
使用场景：应用第三方插件如by scroll、echarts图表时，可能计算的宽高有偏差，插件延迟计算了宽高等数据内容，此时插件内容需要在nextTick中调用。nextTick用于———获取更新后的dom内容。
2024-03-12 09:08:44
198
原创 js事件冒泡机制
事件冒泡是一个阶段，在这个阶段里当我们点击一个元素时，会先查看这个元素有没有对应的事件处理函数，如果没有，继续去父级找它的事件处理函数，如果有就执行。阻止事件冒泡：event.stopPropagation。
2024-03-12 08:56:56
210
原创 css中常用单位辨析
px：像素；css中最普遍最常用的单位，不管在何种设备或分辨率上，1px始终代表屏幕上的一个像素。%：百分比；基于父元素相对属性的百分比。em：当前字体大小的倍数；基于父元素字体大小rem：根元素字体大小的倍数；基于根元素字体大小vh：视口（浏览器窗口）高度百分比；1vh等于视口高度的1%vmin，vmax：视口宽度或高度的最小值、最大值。
2023-09-27 09:49:14
354
原创 Navicat15天试用期过期解决办法
如果你是windows电脑，发现过期了先把Nvaicat关掉，按照以下步骤可以恢复到15天试用。
2023-09-01 19:16:16
23638
26
原创 Vuex入门
两个子组件无法直接通信，通常需要借助父组件实现两个同级子组件的通信，当组件之间需要共享的数据较多，同时代码逻辑相对复杂时，会导致代码大量冗余，Vuex就解决了这一问题，提供了了组件之间公共数据的存放和数据共享，哪个组件需要用时，直接从这个公共的地方取即可。Vuex是一个状态(数据)管理工具，将数据存在一个公共的地方，谁要就去取vuex的5个属性1.state：用于存放公共数据，类似组件中的data；2.mutation：唯一修改state的地方，存数据修改的逻辑（同步操作）
2023-09-01 18:36:57
176
原创 发布自己的npm包
npm init输入npm init后，一路默认即可初始化成功，如下：初始化成功后会生成一个package.json文件 n（以我的文件夹demo-npm-dir为例）然后在index.js写即可。
2023-08-30 23:48:16
605
原创 css定位
定位的分类：static，relative，absolute，fixed。absolute 绝对定位 相对于最近的一级定位父元素定位。relative 相对定位 相对于自身定位。static 是定位的默认值(无定位)fixed 固定定位。
2023-08-25 02:37:03
369
原创 隐藏元素的方式
2.display:none 隐藏元素不占位，彻底移除元素。1.visibility:hidden 隐藏元素依然占位。3.opacity:0 元素完全透明依然占位。
2023-08-25 02:04:02
66
原创 css盒模型
盒模型的组成：盒模型的分类：内容盒模型(标准盒模型) — 盒子的宽=width+padding+border边框盒模型 — 盒子的宽=width。
2023-08-25 01:09:27
513
原创 css弹性布局的方式
任何一个容器都可以定义为弹性布局容器，使用display:flex(display:inline-flex)开启弹性布局。4.flex-flow: flex-direction和flex-wrap的组合简写。6.align-content：多条轴线的对齐方式。3.flex-wrap:：一条轴线排不下是否换行。1.flex-direction ：主轴的方向。：子元素在交叉轴的对齐方式。：子元素在主轴的对齐方式。
2023-08-23 14:16:34
918
原创 防抖，节流
防抖(debounce)：类似法师技能读条，读条没完再按技能就会重新读条，在触发后的n秒内只会执行一次，若在这n秒内重复触发则重新计算节流(throttle)：连续发生的事件在n秒内只执行一次函数。
2023-08-14 11:26:41
383
1
原创 实现跨域的几种方式
前后端的分离导致了跨域的产生跨域的三要素：协议 域名 端口 三者有一个不同即产生跨域例如：httphttps由于协议不同，端口不同而产生跨域注：http的默认端口80，https的默认端口443跨域的解决方案前端：webpack proxy，jsonp，ngix反向代理，webpack plugin后端：cors。
2023-08-08 18:21:13
422
1
原创 location.href 辨析
window.location.href(location.href)：当前页面的跳转parent.location.href：上层页面的跳转 在父页面打开新页面top.location.href：最外层页面的跳转 在顶层页面打开新页面。
2023-07-12 15:24:43
159
原创 Warning: To load an ES module, set “type“: “module“ in the package.json or use the .mjs extension.
在demo01.js文件中导入第三方库报错如下：先在当前目录下终端运行命令 然后在生成的package.json中添加再次运行 node demo01.js 文件正常执行。 Node运行js出现 Cannot use import statement outside a module的问题（亲测有用）_javascript_爱在冰川了-华为云开发者联盟
2023-07-12 15:24:12
180
原创 obj.hasOwnProperty报错 error：Do not access Object.prototype method ‘hasOwnProperty‘ from target object
Do not access Object.prototype method 'hasOwnProperty' from target object
2023-06-20 11:05:34
221
原创 navicat连接mysql数据库密码忘记了快速找回
勾选Export Password，选择要输出的文件目录(输出文件格式为xxx.ncx)，打开文件后搜索Password=，用下面大佬的这段代码解析一下(连接navicat时，报错Access denied for user ‘root‘@‘localhost‘ (using password: YES)快速执行下面的代码)就找回来了，日常被自己蠢哭。
2023-05-19 11:28:34
2403
原创 Vue脚手架初始化项目后报错 Parsing error: No Babel config file detected for 报错
在package.json的parserOptions选项中添加。
2023-05-18 11:49:40
380
原创 JSON.stringify序列化的几个用法
localStorage常规情况下只能存储字符串，利用JSON.stringify可以实现对象的存储。同时利用JSON.parse提取出来。
2023-05-16 11:01:01
215
原创 SyntaxError: Cannot use import statement outside a module
在js文件中导入第三方类库，用node xxx.js命令执行文件报错SyntaxError: Cannot use import statement outside a module。
2023-05-11 11:41:12
448
原创 mvvm模式
mvvm的核心是利用视图模型实现模型和视图之间的双向绑定，在mvvm模式下，Model和View是不能直接通信的，ViewModel是实现双向绑定的桥梁。ViewModel通过双向绑定把Moel和View连接了起来，他们之间的同步是自动的，不需要人为干涉。所以只需要关注业务逻辑即可，不需要操作DOM，也不需要关心数据状态，它由mvvm完成了统一管理。VM - ViewModel，视图模型 对应vue实例对象，是连接model和view的桥梁。V - View，视图 对应用户界面，DOM元素。
2023-05-09 15:26:20
417
原创 webpack的构建流程
在整个构建过程中，webpack会在恰当的时机执行plugin里定义的插件从而完成plugin里的任务。再找到每个module后，根据module.rules里面配置的loader进行相应的转换。webpack启动后，从entry开始，递归解析entry依赖的所有module。在完成module的转换后，再解析当前moudle依赖的其他模块。最会webpack将所有的chunk转换成文件输出的output。这些module在entry里会分组成一个一个的chunk。
2023-05-06 15:33:17
120
原创 正则匹配x.x.x
eg: {3} 匹配3次 {3,} 匹配最少3次 {3,5} 匹配最少3次，最多5次。eg：[1,2,3,a-z]能匹配1、2、3、a到z的任意字符。eg:(abc|cbd)能匹配的是abc或cbd，可以写多个。\d 表示一个十进制的数字 [0-9]() 相应的匹配字符串，匹配组，子表达式。[] 匹配组内任意字符。
2023-05-06 11:45:22
513
原创 原型，原型链
对象的__proto__和函数的prototype是完全相等的。对于对象而言，__proto__是对象的属性。对于函数而言，prototype是函数的属性。原型链的最上层找到的是Object。
2023-05-05 14:24:58
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人