- 博客(62)
- 资源 (1)
- 问答 (10)
- 收藏
- 关注
RSS订阅原创 2024前端面试题(持续更新)
symbol表示第一无二唯一的值，它有几个特性：1、唯一性每次调用symbol函数都会创建一个唯一的，独一无二的值。// 输出: false2、不可修改性symbol类型的值是不可变的，一旦创建就不能修改。3、隐式属性symbol 类型的值可以用作对象的属性名，这些属性不会出现在对象的枚举属性中，也不会被for...in循环或方法枚举。// 不会输出 sym// 输出: []1、浅拷贝。
2024-12-11 17:27:42
738
原创 vue项目element框架新增和修改弹窗同一个表单清空的问题
弹窗嵌套表单是一个很常见的操作，并且一般这种弹窗表单都兼顾新增和修改两种功能，无非是打开表单数据为空和数据赋值的区别，一个很常见的问题是关闭弹窗怎么让里面的表单清空。
2024-12-05 14:12:51
221
原创 el-tooltips设置文字超出省略才显示
定义一个全局的自定义指令，一般来说是在directive文件夹下新建文件，复制下面的代码。在使用el-tooltips的文件中引入。
2024-09-25 09:56:38
566
原创 vue在methods中使用filters
vue2中的filters的使用一般是在html上{{ a | doSomeFilters }}在methods中使用的话就要。
2024-09-24 16:58:58
215
原创 server error: Cannot read properties of undefined (reading ‘url‘)
新增页面，配置路由的时候，一直报这个错，说找不到路径，把项目重启一下就行了。
2024-09-23 14:48:11
232
原创 vue页面加载时样式未加载完就在页面显示
然后在html上目标元素加上v-cloak（在最外层盒子加上就会全局起效）就会出现页面上全是 {{数据}} 的这种情况，ui控件还没加载出来。
2024-01-16 15:49:56
655
原创 微信小程序本地和真机调试文件上传成功但体验版不成功
然后在本地去上传文件，就会发现控制台报错了，会提示一个https什么不在ip白名单，复制那个网址。三个红色箭头的网址就是复制加进去的，每个网址用;隔开，然后等待一段时间就可以了。可能是微信小程序ip白名单的问题，去微信公众平台（2、微信公众平台中设置刚才那个网址。）上设置小程序的ip白名单。1、在本地中取消不校验。
2023-11-29 10:38:08
1974
原创 vue3中动态设置网页图标
其中link.href就是图标的地址，这里用的是请求配置接口的返回值。根据后端返回的配置数据来设置网页图标。在App.vue中加入。
2023-10-30 09:19:21
810
原创 vue3中组件没有被调用，没进去也没报错
父级方法调用子组件方法，这里的openChannelsPerviewPage在其他函数里被调用了。在父页面引用了一个组件，然后父级调用子组件方法，但是根本没进去，也不报错。问题出在子组件中没有用defineExpose把函数暴露出去。但是输出只走到获取视频，根本没进入到子组件中。就可以了，里面放要暴露出去的方法。子组件中的一个被父级调用的函数。父级setup中引入组件。
2023-09-13 17:03:27
470
原创 vue3 element plus表格导出为excel自定义表头
新建一个out_excel.js文件并调用。此时bigArr的数据的结构为。最后导出的excel文件长这样。
2023-09-12 11:30:25
896
原创 element plus表格合并行
在el-table中设置方法，核心就是:span-method="spanMethod"，span-method是element-plus中的合并表格的方法，但是合并的方法有点简陋，是根据奇偶分的，不满足需求，这里我是要将同一个组的“合计请款量(月)”合并。最后调用方法，并传入参数getRowSpanMethod(对象数组,[需要合并的字段])新建一个工具js复制上面代码，然后引用。
2023-09-11 16:21:54
680
1
原创 Vue3，Typescript中引用组件路径无法找到模块报错
是这么个事，我在vue3新创建的项目里，写了个组件叫headerIndex.vue，放到app.vue中import就会报错。就好了，大概意思就是在文件中把组件声明一下，but why。路径肯定没写错，找到了解决方法，但是也没想明白为什么。在vite-env.d.ts文件中加入。
2023-09-08 17:23:44
694
原创 vue自动加载模块方法require.context
大家在写vue路由的时候，一般会采取什么样的方法呢？在router的index.js中直接把路由写完，还是把每个页面抽出来再到router的index.js里引入？两种好像都停麻烦，第一种页面多了都聚合在一个js文件里，不利于管理。第二种虽然抽离了每个页面的路由，但是每个都要在router中import，页面多了，就会麻烦。node.js里面的一种方法可以很好应用在路由以及其他加载模块的需求上，require.context()这是我的路由文件结构其中文件夹里的indexs.js是对
2022-04-24 17:00:33
1653
原创 vue多层子组件调用父组件事件
vue中父子组件传值都是用emit和props比较多，但是这个是针对于单层的父子组件，如果是多层的，那就应该换一种了。provide和inject.。父组件：export default { provide() { return { fatherMethod: this.popupOpen, // popupOpen是父级的一个事件名 }; }, methods: { popupOpen(params) { console.l
2022-04-11 16:43:41
1222
原创 uniapp中nvue在页面渲染前给数据赋值
应用场景是，在一个页面初始化的时候要给一个data内数据赋值，这个数据绑定到了页面v-for上，nvue中的所有生命周期都不能实现在渲染前给数据赋值，会报错，解决办法是定义一个常量去设置值，然后在data内把常量赋值给目标数据。...
2022-01-26 16:09:06
1904
原创 uniapp中nvue生命周期onReady不生效
注意这里的nvue里onReady不生效是针对于 组件 中，对于 页面 是生效的，页面就是在pages.json中注册过的页面，自己写的组件nvue要使用vue的生命周期，比如mounted
2022-01-26 16:02:23
3767
1
原创 js文件名数字、英文、中文优先级递减排序
嗯，一个对象列表，因为是批量上传的，有排序的一个要求，依据文件名由数字、英文、中文优先级递减来排序，数字就是从小到大，英文是首字母字母表排序，中文是首字符拼音排序。上图就是我 选择 后批量上传的对象列表，点击自动排序后就会成上图的样子export default function arraySortByName(list) { // 前在前return 1,后在前return -1 if (list === undefined || list === null) return [].
2021-12-24 14:23:07
1397
1
原创 elementui的Popover 点击里面的按钮关闭
element官方文档是没有点击关闭popover的事件的，所以给popover添加一个ref，然后点击事件去打印一下this.$refs.popoverRef，就会看到里面有一个doClose()事件，直接this.$refs.popoverRef.doClose()就行了，如果是v-for循环出来的el-popover就往点击事件里面传Index...
2021-12-14 10:55:46
2325
原创 vue父子组件传参
一、常用的父和子传参父传子父组件// 父组件里的子组件<LesseeDialog ref="lesseeDialog" :paramsObj="defaultProps" @dialogDetermine="whichDetermine"></LesseeDialog>// 引入子组件import LesseeDialog from './component/lesseeDialog.vue';export default { components:
2021-12-03 09:22:14
880
原创 vue3使用element plus框架问题
vue3项目使用vite搭建，框架是element plus，在使用框架过程中有些莫名其妙的问题。input不能输入radio不能选择动态组件不能切换以上都是基于事件触发了，也没有写错结果发现是引入的问题，我这里是直接写程序自动引入，先来看这个有问题的引入改成上面的问题全部解决感谢魏茜同志的帮助，才发现这个问题，大佬果然是大佬...
2021-11-18 17:52:12
131
原创 js用paserInt转换成数值，精度丢失问题
后端传了个id给我，然后用这个id去传给一个接口，但是这个接口要求id为int型，所有就直接parseInt()把id字符串转数值了，但是实际传到后端的长整型数据不一样。上图的tenantid结尾是264是正确的，没改之前是260，是因为parseint的精度丢失问题造成的。后来传参格式改成字符串，不传数值了，就不存在精度丢失了。...
2021-10-27 11:35:48
712
原创 vue3创建项目app.vue报错The template root requires exactly one element
用vite创建了一个vue3的项目，自动创建，打开app.vue就报错了，按理说不应该啊。在vue2中需要加一个div把template中的元素包起来，但是vue3已经支持了模板语法下可以有多个标签，这里报错是因为eslint，在文件-首选项-设置-eslint-vite中，选择不勾选，就行了。...
2021-10-15 11:02:33
1049
原创 div中的svg导致div点击事件偶尔失效解决
div中嵌套svg，其中div有一个点击事件点几次就会出现点div不触发事件，而且是点div中svg的部分，下面文字部分依然触发，问题就是svg这。给svg加一个style="pointer-events:none;"这样就不影响父盒子的点击事件了...
2021-08-24 14:20:37
1184
原创 分页切换当前页仅有一个数据被删除后不向前一页跳转解决
这个问题是，下方有分页，上方有一个ul，第一页的li是满的，第二页只有一条数据，我的请求逻辑是，点分页就向后端发送请求，请求当前页的数据，每一页最多14条，比如这里第一页后台返给我14条数据，第二页返给我1条数据，然后我把第二页的唯一一个数据删了，然后向后台请求数据，就会出现，我传过去的依然是第二页请求，返给我的是空数据，页面上就是白的，这是因为没有做为空判断，应该在当前页最后一个数据被删了，然后往前一页去请求。点击删除会去调用删除事件deleteList，并请求删除接口deleteEntity，红
2021-08-19 15:45:59
1610
2
原创 v-for循环创建事件，一个触发多个响应解决
在vue的一个ul里，用v-for循环创建li并设置事件，但是会造成所有的li的事件都会同时被触发，下图是解决办法，给mouseenter事件里showQrcode事件传入一个参数index，是v-for循环里创建的index，来触发Qrcode标签的v-show，第三方变量showQr === index 等于为true，不等于，没有不等于，你每个点击传入的index一定是当前li的index<li class="tabLi" v-for="(liItem, index) in liIte
2021-07-26 09:50:29
2471
原创 git从gitlab拉取推送项目
首先，电脑已经安装了git，鼠标右键已经有了git gui here和git bush here，gui是图形化，bush是命令行，这里使用bush命令行。其次，你的电脑已经设置好了git相关配置比如ssh，和你的gitlab或者github关联上了。接下来是项目的操作一、新建文件夹进入文件夹右键再点击git bush here，出现如下命令框然后有两种方式来创建仓库，1.git init初始化一个仓库，会把当前路径的文件夹变成仓库，会有一个.git的隐藏文件夹2.git .
2021-07-09 15:35:37
2168
原创 vue中element ui 修改内置样式不成功和页面css混淆解决
在项目中应用了element ui框架，并修改了引入部分的css样式，但是并没有生效，因为vue中为了css样式只对当前页有效，设置了scoped，去掉scoped对于element ui的改动就会生效了。但是容易造成页面css混淆，可以在父元素添加class来限定css生效范围，比如这个dialog中我动态设置了两个组件projectCreate和projectDetails，而且这两个组件中css都去掉了scoped，就造成了css样式混淆，给el-dialog添加class，我这里的c
2021-07-07 16:00:40
708
原创 Cannot find module ‘webpack-cli/package.json‘
创了一个项目，来做webpack的练习安装webpack，然后报错了没找到webpack-cli/package.json可能是在全局里没有装webpack，npm install webpack -gnpm install webpack-cli -g全局安装这两个就好了
2021-06-16 15:50:25
758
原创 git上传文件夹后，远程仓库该文件夹红色而且不可以点击
用git提交本地仓库到远程仓库时，出现一个问题，远程仓库一个文件夹变成了红色，且不可以点击像图中的firstTest文件夹一样，而且在提交过程中会报一个错误Git错误：warning: adding embedded git repository: hint: You’ve added another git repository inside your current repository.但是依然提交上去了，这个问题是因为本地仓库的firstTest文件夹也是一个仓库，其中也有隐藏文件夹.gi
2021-06-08 15:00:28
2343
8
原创 git常用指令
git 命令基本使用git 克隆git clone xxxgit 克隆指定分支git clone -b weixi xxxgit 默认初始化 git init --y git 查看本地分支git branch git 查看修改状态git statusgit 查看远程分支git branch -r git 添加暂存区git add .git 提交改动git commit -m "xxx"git 推送代码git push git 拉取代码git pull
2021-06-04 15:22:24
72
原创 回调、递归、闭包、构造函数
回调函数：作为实参传入另一个函数，并在这个函数内被调用。递归函数：自己调用自己的函数。闭包：一个函数内部的函数。构造函数：可以通过new得出一个新的对象的就是构造函数。
2021-06-04 10:47:29
187
原创 微信小程序小说云开发免费源码
本人毕设，这里开源给大家，写的一般，有能力的可以根据需求重构，反正项目拿出来，可劲造。用到的技术栈微信小程序、云开发、云数据库、vantweapp框架关于微信小程序打开别人的项目，安装框架，配置云开发等等，自己百度下面是项目效果分为游客模式和用户模式，自己去试试登录和没登录的区别，可以设置用户信息，主要是把云数据库给写好，效果图只有一部分，下面是项目目录images只有tabBar下面的icon图有用，其他两个文件夹的图片虽然我本地有，但是我都把图片传到云数据库了，本地的相当于
2021-06-01 15:38:36
4960
40
原创 ES6新特性未命名参数
javascript并不限制传入参数的数量，在函数调用时，传入的实参个数超过形参的个数时，则超过的部分参数就称为了剩余参数ES6中提供了一种更加便捷处语法：function fun(a,...b){ [剩余参数用三个点接收，多余的参数则被放到数组b中] }function foo(a,b,...c){ // arguments接收所有传入的实参 console.log(arguments)//[1,2,3,4,5] // ...剩余参数只接收
2021-03-15 15:39:52
115
echarts双列柱状图横向
2024-11-29
前端可以对大文件分片处理吗
2024-11-22
前端怎么将后端发过来的文档、图片、表格等文件渲染在页面上
2024-10-21
vue中用echarts绘制中国地图带海域
2024-10-16
element plus中input file相同文件上传change不触发
2023-11-07
怎么用css写一个矩形右边是三角形且都带圆角和渐变色
2023-11-01
vue3动态更改网页标题处图标
2023-10-23
vue3中路由里面怎么获取全局变量
2023-10-23
vue3中ajax发送http请求怎么配置跨域
2023-10-13
element中src的问题
2023-10-11
element plus 中 checkbox 点击子节点无法选中，事件里面传值为空
2023-10-09
h5移动端判断iphone手机需不需要适配安全距离
2022-01-21
div设置吸顶后宽度100%超出父盒子了，怎么适应到父盒子宽度？
2022-01-10
css中calc(x - y)怎么让y是一个class的高度
2021-12-17
vue页面刷新，数据丢失了
2021-12-13
git提示推送到远端，但是看不到更改的代码？
2021-11-26
v-if销毁了dom但是没有触发destroyed
2021-11-22
vant circle环形进度条异步变同步
2021-11-15
vue中div的滚动条一直在底部触发事件
2021-08-03
python使用pycharm中的jieba库应用未成功
2019-06-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人