- 博客(77)
- 收藏
- 关注
RSS订阅
原创 2025年最新的 前端面试题(个人总结)
答: 区别: watch 侦听某一数据的变化从而会触发函数,当数据为对象类型时,对象中的属性值变化时需要使用深度侦听 deep 属性,也可在页面第一次加载时使用立即侦听 immdiate 属性 computed 计算属性是触发函数内部任一依赖项的变化都会重新执行该函数,计算属性有缓存,多次重复使用计算属性时会从缓存中获取返回值,计算属性必须要有 return 关键词。watch 和 computed 都是以函数为基础的,它们都是通过监听自身依赖的数据在变化时触发相关的函数去实现自身数据的变动。
2023-08-30 18:09:15
9097
2
原创 用uniapp在微信小程序实现画板(电子签名)功能，使用canvas实现功能
用uniapp在微信小程序实现画板(电子签名)功能，使用canvas实现功能 ，注意： 保存的时候上传到自己的服务器地址，后端返回图片地址。功能：实现重签 退出 保存 等功能。解决的问题: 电子签名画布抖动问题解。
2025-05-08 16:55:51
502
原创 解决vue3 路由query传参刷新后数据丢失的问题
前言：在页面刷新的时候，路由query数据会被清空，网上很多方法说query传参可以实现，反正我是没有实现。思路：将数据保存到本地，通过 “？” 进行判断是否有数据，页面销毁的时候删除本地的数据。2.封装公共的处理方法，方便后期使用。无数据就获取本地的数据。3.在子组件里面使用。
2025-04-29 16:29:02
520
原创 git 使用全流程(小白必看)
今天来公司报道, 收到了一个 Git 仓库地址:代码平台: Gitee - 企业级 DevOps 研发效能平台如果使用的是 gitee / github 这些平台就自行注册账号但大部分公司都有自己内部的代码平台, 他们会给你分配账号 2. 配置 SSH 公钥 1.生成秘钥对输入以下命令, 敲击三次回车 2.用 vscode 打开公钥路径 3.将公钥全选-复制-粘贴到代码平台的 ssh 配置中打开代码平台找到个人设置找到 ssh key 配置添加一个公钥将刚刚复制的公钥粘贴
2025-04-28 15:47:22
599
1
原创 vue3 vite打包后动态修改打包后的请求路径，无需打多个包给后端
vue3 vite打包后 部署多个服务器环境的时候，需要多次打包很麻烦，所以需要打包之后动态的修改
2025-04-27 13:17:17
526
原创 vuex持久化vuex-persistedstate，存储的数据刷新页面后导致数据丢失
requestUrl: state.user.requestUrl, // 只持久化 requestUrl。vuex-persistedstate实现数据持久化，来解决使用vuex存储状态时页面刷新后数据消失的问题。vuex-persistedstate：在页面重新加载之间保持并重新补充Vuex状态。2.具体的代码， 现在需要持久化存储的 requestUrl。键，说明插件未生效。
2025-04-24 17:15:51
925
原创 uniapp开发使用uni-icons添加自定义图标
记得去点击编辑看下Unicode(16进制)码(红色箭头可以看到)是否与你原本项目的uni-icons组件的uniicons.css文件中的 content 代码有重复，如果有请更改至无重复的。选择字体文件导入，将刚才的 uniicons.ttf 文件导入进去，就会出现uni-icons原本的图标。6.打开uniicons.css 将刚刚字体图标引入就可以了，content代码在里面看。需求：使用uni-icons自定义图标,但是用不了uni-icons，需要单独引入。
2025-04-15 16:12:59
663
原创 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本。
set-ExecutionPolicy : 对注册表项“HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\PowerShell\1\ShellIds\Microsoft.PowerShell”的访问被拒绝。要更改当前用户的执行策略，请运行 "Set-ExecutionPolicy -Scope CurrentUser"。问题描述：VSCode 终端显示“npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本”
2025-03-14 16:37:10
1929
1
原创 uniapp 微信小程序打包之后vendor.js 主包体积太大，解决办法，“subPackages“:true设置不生效
设置完 "subPackages":true vendor.js 打包之后还是全部分到了主包里面，网上的方法有很多，找了半天。我的tabBar页面有 echarts 优化的空间有限， 如果后面新增页面只能分node_modules的包了。1. 通过发行 小程序打包 这样打包的体积是最小的，打包之后打开微信开发工具，然后再上传。2.node_modules里面的安装的包目前只会打包到 主包的vender.js中。现在是打包的时候，vendor.js 的内容全部打到了主包里面，
2025-02-24 17:55:46
1885
原创 git 小乌龟安装包及中文包
git 工具小乌龟不需要输入命令就可以提交，挺方便的，安装完之后鼠标右击就可以看到。提取码: 8888 复制这段内容后打开百度网盘手机App，操作更方便哦。
2025-02-24 15:19:40
482
原创 钉钉快捷免登录 通过浏览器打开第三方系统，
若需管理多个系统，可通过统一认证中心（如OAuth2.0或SAML协议）集中处理钉钉的授权码，分发Token至各子系统。通过上述方案，可实现钉钉内应用跳转浏览器免登录，并支持多系统的统一管理。：通过OneAccess配置钉钉认证源，用户从钉钉工作台点击应用时，直接重定向至浏览器并携带认证后的Token5。生成第三方系统的Token，并通过URL参数或Cookie传递给浏览器打开的页面，实现自动登录。，验证后生成全局Token，各子系统通过Token验证用户身份。：设置Token有效期，结合钉钉的。
2025-02-22 14:51:01
889
原创 在使用 uni.getLocation 步骤和一些坑
最后没办法只能换个方法实现了，准备使用 wx.chooseLocation的时候才发现原来是点击的时候没有生效，并不是uni.getLocation不行，后面将图标的权重加大就可以了，但是不知道为什么苹果手机可以安卓不行，知道的可以解答一下。其他资料网上都有的，说一下我遇见的问题，uni.getLocation 微信小程序上线之后只有苹果手机可以使用，安卓手机获取不到位置，然后也没有进 success fail， 就挺奇怪的，在网上找了一些方法都不是，还是没有解决。2.第二个需要配置域名。
2025-02-13 14:44:53
569
原创 vue 面试题
19、能说下 vue-router 中常用的 hash 和 history 路由模式实现原理吗?30、说说你使用 Vue 框架踩过最大的坑是什么?1、说说你对 SPA 单页面的理解，它的优缺点分别是什么?29、对于即将到来的 vue3.0 特性你有什么了解的吗?5、computed 和watch 的区别和运用的场景?8、Vue 的父组件和子组件生命周期钩子函数执行顺序?22、Vue 框架怎么实现对象和数组的监听?21、Vue 是如何实现数据双向绑定的?27、Vue 中的 key 有什么作用?
2025-02-08 17:59:47
260
原创 antd + VUE循环form-item的校验 循环校验（多层循环）
使用a-form循环校验:v-model动态渲染的，主要是name跟v-model绑定的数据需要是一样的，校验才会生效，:name="['deviceModels',index,'parentId']"主要是这个。
2025-01-18 16:28:13
432
原创 2025年最新的 前端面试题
防抖和节流是性能优化手段什么是防抖？防抖：单位时间内，频繁触发事件，只执行最后一次。防抖的主要应用场景：搜索框搜索输入。只需用户最后一次输入完，再发送请求手机号、邮箱验证输入检测什么是节流？节流：单位时间内，频繁触发事件，只执行一次。节流的主要应用场景：高频事件 例如 resize 事件、scroll 事件手机号、邮箱验证输入检测相同点：都可以通过使用 setTimeout 来实现降低回调执行频率。
2025-01-08 15:56:28
1480
原创 使用uniapp 微信小程序一些好用的插件分享
zxz-uni-data-select 使用很简单 绑定queryList 这个方法就可以了，在这个里面调用接口了，不需要在onLoad中调用接口了， 需要注意数据去重。下拉框插件，使用这个的原因是因为 uniui uview 组件库下拉框太难用了，返回的数据每次都需要map 转换数据，真的麻烦，要不就不支持搜索，可以自定义绑定的数据，这个插件可以解决大部分的问题。下拉框选择器(添加下拉框检索，多选功能，多选搜索功能，自定义。z-paging-x xm-cascader
2025-01-08 15:38:20
1266
原创 uniapp 前端解决精度丢失的问题 （后端返回分布式id）
2.封装 请求 longAxios.js uni.request ( 在axios 里面可以使用transformResponse 来修改，uni.request 没有，使用 success 来获取)这个是通过浏览器请求回来的数据，这个时候id 数据已经丢失了，在数据库查询不到，在调获详情接口的时候会有问题。3.封装api（根据自己的业务来修改， 注意key 值，我这里是id, 返回的是rows ）原因： 后端使用分布式id, id为19位数，导致精度丢失 ，前端解决方法。
2024-12-25 16:01:17
698
原创 关于uni-forms组件的bug【提交的字段[‘*‘]在数据库中并不存在】
解决办法： 在uni-forms-item 添加key 值就解决了。原因不知道，有大佬发现评论一下。
2024-12-24 19:57:02
666
原创 uniapp中的uni-file-picker组件上传多张图片到服务器
2.vue2 封装mixin （vue3 可以封装 hooks） 方便后期调用。需要注意的是 请求的url ,需要换成自己的接口地址。3. 在使用的地方引入就可以了。就可以返回上传的信息了。加上这个取消自动上传。
2024-12-18 14:23:46
1438
原创 前端获取主流浏览器的信息进行判断 实现自适应内容（360浏览器）
我一般都是用谷歌浏览器进行开发，在开发大屏可视化的时候出现了浏览器不适应的问题，需要不同的浏览器进行判断，360返回 Chrome 内核， 获取的信息无法跟谷歌浏览器区别。
2024-08-21 15:32:37
361
原创 a-select e-select 搜索功能 自定义搜索的内容
原因：通常用到select的时候展示的是name，而获得的是id，同样在搜索的时候用户一般只用搜索name，而在antd中加上show-search后发现是按id搜索，而不是name。解决办法：添加 optionFilterProp="label" ，就可以实现绑定的是id ，搜索的是name。
2024-08-08 13:46:49
922
原创 vue单页面 全屏 使用 screenfull 实现全屏（左侧菜单栏隐藏）
vue单页面 全屏 使用 screenfull 实现全屏（左侧菜单栏隐藏）_vue在打开一个界面的时候隐藏侧边栏-CSDN博客
2024-07-25 11:00:49
750
原创 ant-design-vue 的modal.confirm突然无法自动关闭
这个是我当前的版本 ，点击不能 关闭， 版本的问题。修改 ： "vue": "~3.2.0",
2024-06-12 16:25:36
705
2
原创 vs code 导出插件 导入到新电脑上
2. 将他复制到新电脑上，把文件放在项目的最外层（跟上面的目录一样）1. 在 现在的电脑上 导出插件 在vscode 上执行。然后项目的目录就有了一个文件。
2024-06-06 10:27:53
1070
1
原创 将原生的input输入框的样式 修改跟a-input 一样的效果
由于业务需求，使用a-input 会造成 页面的卡顿 ，换成了原生的input框就好了。下面就是修改 input 的样式。加一个 class 类名。
2024-05-07 14:16:18
446
原创 margin padding 公共样式应用
在开发中 ，经常会用到一些样式，每次都写一遍非常的麻烦 ，写在公共scss里面 调用。直接调用就可以了， 其他的样式也是一样的。
2024-03-11 17:45:36
521
原创 css如何让两个元素在同一水平线上(文字和svg图片)
结果 : 两个都设置 vertical-align : middle 就可以了。2：margin会把div撑破，达不到预期效果（padding也是）3. 加了flex布局 之后, 因为我这个是在表格里面,无法居中了。起初用margin-top margin-bottom来协调。一开始写发现这两者不在同一水平线。
2024-01-09 16:22:58
1642
原创 el-collapse 默认展开第一个(实测有效)
我这个是通过循环, 只需要v-model 绑定的值和 name 相等,就可以实现展开。然后就可以显示第一个了。
2023-12-12 11:56:10
1922
原创 el-table-column 添加 class类
正常添加class 发现没有效果 class="customClass"看了一下官网发现 class-name 可以实现。
2023-12-08 18:44:01
2568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人