- 博客(39)
- 收藏
- 关注
原创 vue3+vite项目中引入path模块报错
报错描述:Module "path" vite-browser-exter...h?t=1700468860286:3 has been externalized for browser compatibility. Cannot access "path.resolve" in client code.问题原因:vite 源码中设定了不允许在客户端代码中访问内置模块代码。2,使用 path-browserify 代替 path 模块。1,安装path-browserify。
2024-08-29 11:43:11 328
原创 3:svgicon的使用的整体步骤
4:在src/components/SvgIcon/index.vue,以这种路径进行创建文件,目的是为了。1:在src下创建icons文件放入svg文件的icon,并切创建index.js, 来处理icon。2:src/icons/index.js 写入代码如下(注释比较明确,可以参考注释)5:在src/components/SvgIcon/index.vue 写入一下代码。主要创建:1:src/icons/svg/svg格式icon。3:在man.js 中全局引入icons。
2024-08-12 09:55:23 558
原创 正则表达式大全
正则表达式是一种查找以及字符串替换操作。用来描述一定数量文本的模式。正则表达式在文本编辑器中广泛使用。将平时经常使用的或者常见的正则表达式统一归纳起来。
2024-08-09 15:19:40 681
原创 正则表达式大全
正则表达式是一种查找以及字符串替换操作。用来描述一定数量文本的模式。正则表达式在文本编辑器中广泛使用。将平时经常使用的或者常见的正则表达式统一归纳起来。(包括汉字在内,可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1))(可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式)(网上流传的版本太糟糕,上面这个也仅仅能部分,对于复杂的嵌套标记依旧无能为力)11.可以输入含有^%&',;废话不多说,直接附上常用的正则表达式!使用`:---------:`居中。
2024-08-09 15:15:24 513
原创 面试官:说说你对keep-alive的理解是什么?
值,用其与新的缓存规则进行匹配,如果匹配不上,则表示在新的缓存规则下该组件已经不需要被缓存,则调用。发生了变化,即表示定义需要缓存的组件的规则或者不需要缓存的组件的规则发生了变化,那么就执行。设置了 keep-alive 缓存的组件,会多出两个生命周期钩子(中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染。包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。中缓存组件的数量是否超过了设置的最大缓存数量值。表明该组件还没有被缓存过,则以该组件的。缓存的组件被激活的时候,都会执行。
2024-08-05 17:03:35 840
原创 v-show和v-if有什么区别?面试题(90%必问)
是真正的条件渲染,它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。只有渲染条件为假时,并不做操作,直到为真才渲染。切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;的作用效果是相同的(不含v-else),都能控制元素在页面是否显示。如果需要非常频繁地切换,则使用 v-show 较好。如果在运行时条件很少改变,则使用 v-if 较好。不管初始条件是什么,元素总是会被渲染。的时候不会触发组件的生命周期。有更高的初始渲染消耗;要复杂的多,因为还有。
2024-08-05 16:42:06 508
原创 单页面应用和多页面应用
【1.1】单页应用单页应用又称SPA(Single Page Application)指的是使用单个 HTML 完成多个页面切换和功能的应用。这些应用只有一个 html 文件作为入口,一开始只需加载一次 js,css 等相关资源。使用 js 完成页面的布局和渲染。页面展示和功能室根据路由完成的。单页应用跳转,就是切换相关组件,仅刷新局部资源。【1.2】多页应用多页应用又称MPA(Multi Page Application)指有多个独立的页面的应用,每个页面必须重复加载 js,css 等相关资源。
2024-08-05 16:29:41 1032
原创 vue项目创建+eslint+Prettier+git提交规范(commitizen+hooks+husk)
如果说按个按照约定是进行提交,那么是一件很痛苦的事情,所以我们需要使用一个工具来帮助我们生成规范的提交信息,可以使用 Github:cz-cli (commitizen)进行代码提交 当使用commitizen进行代码提交(git commit)时,commitizen会根据你在提交时填写所有必须得提交字段。约定式提交规范是一种基本提交信息的轻量级约定,他提供了一组简单规则来创建的提交历史,这更有利于编写自动化工具,通过在提交信息中描述功能,修复和破坏性变更,使用这种惯例鱼SemVer相互对应。
2024-07-01 14:29:57 1716
原创 eslintrc.js文件详解
第二种方法就是把不符合自己习惯的规则去掉,找到配置文件,名字以。常见规则列表(根据自己需要进行配置)是有必要的,能保持良好的代码风格。其中的rules就是配置规则的。但我不推荐你这么做,
2024-06-20 11:12:16 509
原创 # 使用 vue-cli 创建项目,包含翻译,详细解释
选择手动配置如下步骤,包含翻译,详细。等待片刻之后,你的项目就会生成成功。执行成功之后,项目即可运行!
2024-06-20 11:00:36 258
原创 JavaScript中的break,continue和return的用法及区别
在 break,continue和return 三个关键字中, break,continue是化为一类的,return 是函数返回语句,但是返回的同时也将函数停止。continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内,在其它地方使用都会引起错误!4、使用的语句环境不一样,break和continue是用在循环或switch语句中,return是用在函数语句中。1、break:是立即结束语句,并跳出语句,进行下个语句执行。3、return:停止函数。
2024-06-12 10:24:50 369
原创 switch……case中不使用break和使用break的区别!
语句通常用于基于某个表达式的不同值执行不同的代码块。,即使条件不匹配,这被称为滑动case或者case穿透。这种行为称为case穿透或滑动case。这种行为称为case穿透。块都是互斥的,只有当条件匹配时才会执行。语句,控制流程可能会继续到下一个。在JavaScript中,时,若条件匹配,则会执行该。语句,因此不会继续执行。
2024-06-12 10:17:21 821 1
原创 js 中 BOM和DOM
对象解构:DOM中的对象是网页中的元素,每个元素都有一个DOM节点。作用范围:dom可以在浏览器窗口和框架之间进行操作。对象解析:bom中的对象是浏览器窗口和框架等。关注点:bom主要处理浏览器窗口和框架。作用范围:只能操作当前页面中的元素。概念:DOM是文档对象模型。关注点:主要处理网页内容。概念:是浏览器对象模型。
2024-05-22 14:41:29 84
原创 js,定时器间歇函数setInterval和setTimeout
相同点:1都需要开启定时器和关闭定时器2语法相同不同点:setInterval(函数,间隔时间) 每隔一段时间执行一次setTimeout(函数,间隔时间)一段时间之后在执行。
2024-05-20 18:17:28 546 1
原创 史上最详细JavaScript数组去重方法(14种)
将数组的每一个元素依次与其他元素做比较,发现重复元素,删除以上去方式对NaN和undefined类型去重也是有效的,是因为NaN和undefined都可以被存储在Set中, NaN之间被视为相同的值(尽管在js中:NaN!== NaN)。
2024-05-17 18:03:51 3345
原创 js的filter(),forEach(),map(),every(),some()、find、indexOf、join、fill、toString、flat、push、reduce等等方法
5、some()检测数组中的元素是否满足指定条件,如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。4、every() 检测数组所有元素是否都符合指定条件,如果数组中检测到有一个元素不满足,则整个。1、filter(): 返回符合条件的新数组,原数组不变。13、isArray 判断一个值是否为数组,是返回true,否返回false。8、indexOf 查找数组中的元素,存在的返回下标,不存在返回-1。3、map()方法返回一个新数组,数组中的元素为原始数组元素。
2024-05-17 17:02:46 330
原创 NVM 基本使用
一、nvm是什么?nvm是一个node的版本管理工具,可以简单操作node版本的切换、安装、查看。。。等等,与npm不同的是,npm是依赖包的管理工具。二、nvm下载安装安装之前需要先把 自己电脑上边的node给卸载了!!!!很重要网址 : https://github.com/coreybutler/nvm-windows/releases根据自己需要进行下载解压nvm-setup.zip安装包,进入解压的文件夹,双击exe后缀文件进行安装。
2024-05-17 16:34:01 385
原创 vue3 实现图片和文件(docx、excel、pdf)预览和下载的方法
所有情况通用的方式: 后端设置下载请求的响应头 Content-Disposition: attachment;不同源通过 href = src + '?该属性需要下载资源是同源的。通过 window.open 实现。中,通过代理后也可以实现。
2024-05-17 15:55:05 953
原创 JavaScript实现前端doc/docx/ppt/pptx/xlsx/xls在线预览(第三方接口)
【代码】JavaScript实现前端doc/docx/ppt/pptx/xlsx/xls在线预览(第三方接口)
2024-05-14 10:41:15 467
原创 js数组高阶函数——filter()方法
⭐一般来说,filter() 方法用于过滤数组中的元素,并返回一个新数组。返回值:返回一个新数组,其中包含符合条件的元素。以下会举5个例子,看懂例子,基本就掌握了。
2024-05-11 16:08:03 357
原创 什么是回调函数?请举例表示
gotime(actend)//test是一个方法,此处可以打印出来test的值。// gotime()//如果不传方法,则代表不需要执行回调。
2024-05-11 14:59:39 86
原创 vue element中table固定多层表头,拖动表头会被遮盖
vue element中table固定多层表头,百度给的解决办法是给个固定宽度,此时在拖动宽时,宽度依然是固定的,扩大的那部分会溢出,并且不会固定第一步:在<el-table></el-table>上添加这个属性 @header-dragend="changeWidth"...
2021-10-11 11:58:50 246
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人