沙尘暴炒饭-优快云博客

原创 2025年最新的前端面试题(个人总结)

答: 区别: watch 侦听某一数据的变化从而会触发函数,当数据为对象类型时,对象中的属性值变化时需要使用深度侦听 deep 属性,也可在页面第一次加载时使用立即侦听 immdiate 属性 computed 计算属性是触发函数内部任一依赖项的变化都会重新执行该函数,计算属性有缓存,多次重复使用计算属性时会从缓存中获取返回值,计算属性必须要有 return 关键词。watch 和 computed 都是以函数为基础的,它们都是通过监听自身依赖的数据在变化时触发相关的函数去实现自身数据的变动。

2023-08-30 18:09:15 6435 2

原创三分钟学会微信小程序地图定位

三分钟学会微信小程序地图定位

2023-06-20 23:05:44 7137 2

原创 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 955 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 893

原创 git 小乌龟安装包及中文包

git 工具小乌龟不需要输入命令就可以提交，挺方便的，安装完之后鼠标右击就可以看到。提取码: 8888 复制这段内容后打开百度网盘手机App，操作更方便哦。

2025-02-24 15:19:40 364

原创钉钉快捷免登录通过浏览器打开第三方系统，

若需管理多个系统，可通过统一认证中心（如OAuth2.0或SAML协议）集中处理钉钉的授权码，分发Token至各子系统。通过上述方案，可实现钉钉内应用跳转浏览器免登录，并支持多系统的统一管理。：通过OneAccess配置钉钉认证源，用户从钉钉工作台点击应用时，直接重定向至浏览器并携带认证后的Token5。生成第三方系统的Token，并通过URL参数或Cookie传递给浏览器打开的页面，实现自动登录。，验证后生成全局Token，各子系统通过Token验证用户身份。：设置Token有效期，结合钉钉的。

2025-02-22 14:51:01 685

原创在使用 uni.getLocation 步骤和一些坑

最后没办法只能换个方法实现了，准备使用 wx.chooseLocation的时候才发现原来是点击的时候没有生效，并不是uni.getLocation不行，后面将图标的权重加大就可以了，但是不知道为什么苹果手机可以安卓不行，知道的可以解答一下。其他资料网上都有的，说一下我遇见的问题，uni.getLocation 微信小程序上线之后只有苹果手机可以使用，安卓手机获取不到位置，然后也没有进 success fail，就挺奇怪的，在网上找了一些方法都不是，还是没有解决。2.第二个需要配置域名。

2025-02-13 14:44:53 461

原创 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 232

原创 antd + VUE循环form-item的校验循环校验（多层循环）

使用a-form循环校验:v-model动态渲染的，主要是name跟v-model绑定的数据需要是一样的，校验才会生效，:name="['deviceModels',index,'parentId']"主要是这个。

2025-01-18 16:28:13 379

原创 2025年最新的前端面试题

防抖和节流是性能优化手段什么是防抖？防抖：单位时间内，频繁触发事件，只执行最后一次。防抖的主要应用场景：搜索框搜索输入。只需用户最后一次输入完，再发送请求手机号、邮箱验证输入检测什么是节流？节流：单位时间内，频繁触发事件，只执行一次。节流的主要应用场景：高频事件例如 resize 事件、scroll 事件手机号、邮箱验证输入检测相同点：都可以通过使用 setTimeout 来实现降低回调执行频率。

2025-01-08 15:56:28 1259

原创使用uniapp 微信小程序一些好用的插件分享

zxz-uni-data-select 使用很简单绑定queryList 这个方法就可以了，在这个里面调用接口了，不需要在onLoad中调用接口了，需要注意数据去重。下拉框插件，使用这个的原因是因为 uniui uview 组件库下拉框太难用了，返回的数据每次都需要map 转换数据，真的麻烦，要不就不支持搜索，可以自定义绑定的数据，这个插件可以解决大部分的问题。下拉框选择器(添加下拉框检索，多选功能，多选搜索功能，自定义。z-paging-x xm-cascader

2025-01-08 15:38:20 1108

原创 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 637

原创关于uni-forms组件的bug【提交的字段[‘*‘]在数据库中并不存在】

解决办法：在uni-forms-item 添加key 值就解决了。原因不知道，有大佬发现评论一下。

2024-12-24 19:57:02 594

原创前端计算发布时间（如“1小时前”、“3天前”等）

前端计算发布时间（如“1小时前”、“3天前”等）

2024-12-18 17:50:22 256

原创 uniapp中的uni-file-picker组件上传多张图片到服务器

2.vue2 封装mixin （vue3 可以封装 hooks）方便后期调用。需要注意的是请求的url ,需要换成自己的接口地址。3. 在使用的地方引入就可以了。就可以返回上传的信息了。加上这个取消自动上传。

2024-12-18 14:23:46 1260

原创前端encodeURIComponent url 转码解析

前端encodeURIComponent url 转码解析

2024-12-03 19:21:38 226

原创通过浏览器页面启动外部exe并传值

通过浏览器页面启动外部exe并传值

2024-10-23 11:01:12 357

原创前端获取主流浏览器的信息进行判断实现自适应内容（360浏览器）

我一般都是用谷歌浏览器进行开发，在开发大屏可视化的时候出现了浏览器不适应的问题，需要不同的浏览器进行判断，360返回 Chrome 内核，获取的信息无法跟谷歌浏览器区别。

2024-08-21 15:32:37 324

原创 a-select e-select 搜索功能自定义搜索的内容

原因：通常用到select的时候展示的是name，而获得的是id，同样在搜索的时候用户一般只用搜索name，而在antd中加上show-search后发现是按id搜索，而不是name。解决办法：添加 optionFilterProp="label" ，就可以实现绑定的是id ，搜索的是name。

2024-08-08 13:46:49 826

原创 vue单页面全屏使用 screenfull 实现全屏（左侧菜单栏隐藏）

vue单页面全屏使用 screenfull 实现全屏（左侧菜单栏隐藏）_vue在打开一个界面的时候隐藏侧边栏-优快云博客

2024-07-25 11:00:49 727

原创 a-table 表格根据序号展示不同的颜色

a-table 表格根据序号展示不同的颜色

2024-07-15 16:34:36 284

原创 ant-design-vue 的modal.confirm突然无法自动关闭

这个是我当前的版本，点击不能关闭，版本的问题。修改： "vue": "~3.2.0",

2024-06-12 16:25:36 662 2

原创 vs code 导出插件导入到新电脑上

2. 将他复制到新电脑上，把文件放在项目的最外层（跟上面的目录一样）1. 在现在的电脑上导出插件在vscode 上执行。然后项目的目录就有了一个文件。

2024-06-06 10:27:53 965 1

原创计算属性计算时间不能大于后面选择的时间

送检时间时间不能大于完成期限，完成期限不能小于送检时间。

2024-05-21 09:32:49 173 1

原创将原生的input输入框的样式修改跟a-input 一样的效果

由于业务需求，使用a-input 会造成页面的卡顿，换成了原生的input框就好了。下面就是修改 input 的样式。加一个 class 类名。

2024-05-07 14:16:18 417

原创 margin padding 公共样式应用

在开发中，经常会用到一些样式，每次都写一遍非常的麻烦，写在公共scss里面调用。直接调用就可以了，其他的样式也是一样的。

2024-03-11 17:45:36 505

原创前端 css 实现标签的效果

前端 css 实现标签的效果

2024-03-01 16:32:13 844

原创 el-dialog 内部添加固定定位 ,背景颜色超出问题 (粘性定位)

使用固定定位会出现背景颜色超出的问题。解决办法粘性定位。

2024-01-11 11:03:14 705

原创 css如何让两个元素在同一水平线上(文字和svg图片)

结果 : 两个都设置 vertical-align : middle 就可以了。2：margin会把div撑破，达不到预期效果（padding也是）3. 加了flex布局之后, 因为我这个是在表格里面,无法居中了。起初用margin-top margin-bottom来协调。一开始写发现这两者不在同一水平线。

2024-01-09 16:22:58 1572