- 博客(1195)
- 资源 (68)
- 收藏
- 关注
RSS订阅原创 js中==和===有什么区别。为什么现在很多公司都禁止使用==
越来越多的大型科技公司和前端团队正在明确禁止使用双等号（==）运算符，而是强制使用三等号（===）。这一趋势并非没有原因，它反映了行业对代码质量、可维护性和安全性的日益关注。
2025-04-09 14:09:23
240
原创 Vant 上传图片闪动问题的原因与解决方案
vue复制<template>/>// 添加本地预览// 使用Base64而不是Blob URL});// 上传处理try {// 保持相同的URL格式（Base64 -> HTTP）file.message = '上传失败';</script>
2025-04-03 17:05:01
738
原创 vant4+vue3上传一个pdf文件并实现pdf的预览。使用插件pdf.js
原因是预览的组件渲染是监听的pdf的url的地址。这就是上面我要在子组件中用@close给组件通知让他不显示也就是销毁子组件的原因。// 一定不能使用响应式的数据，会报错Cannot read from private field---pdf.js。// 根据pdf每页的宽高比例设置canvas的高度。// 防抖 debounce 函数的实现正确。--预览pdf文件的组件-->
2025-04-03 16:21:42
977
原创 vant4+vue3封装一个上传公共组件.有上传和删除访问接口的过程。限制上传的格式和上传文件大小
/ 类型限制 ==> 非必传（默认为 "image/jpeg", "image/png", "image/gif","application/pdf"）<Upload :upload-params="serviceOtherParams" v-model:file-list="img3" :limit="6" tips="上传内容">import { removeImg, uploadFile } from "@/api/modules/upload";// 图片大小限制 ==> 非必传（默认为 5M）
2025-04-03 10:18:39
649
原创 vant4弹窗的按钮点击时检验表单。为什么点击确认检验不通过也关闭了弹窗
van-dialog v-model:show="showPicker" title="自定义金额" confirm-button-text="确认充值" @confirm="recharge"发现的问题是：的确是检验了。但是马上弹窗就自己关闭了。不管点了弹窗自带的关闭还是确认按钮他都会把这个弹窗关闭的。if(value===""||value===undefined) return "请输入金额";默认不管点弹窗的关闭还是确认都会点击之后关闭弹窗。所以在关闭弹窗之前判断一下如果点击确认不关闭弹窗。
2025-03-31 17:51:24
268
原创 为什么 Vue3 彻底放弃了mixins和选项式api
命名冲突难以避免：多个mixins中的方法和属性会合并到同一组件实例，当出现同名属性时，组件自身的属性会覆盖mixins中的同名属性，而多个mixins之间的冲突规则则不够直观。数据和方法的来源可能散布在多个mixins文件中，增加了认知负担。隐式依赖：mixins之间可能存在互相依赖关系，这种依赖往往是隐式的，导致代码维护难度倍增。可复用性受限：mixins中的逻辑与Vue组件生命周期紧密耦合，难以在非Vue环境中复用。显式依赖：函数的参数和返回值清晰地表达了依赖关系，告别了mixins中的隐式依赖。
2025-03-26 09:34:18
291
原创 数组长度是8但是下标是3的位置是空的。实际上长度只有7.怎么让他正确的计算数组的长度呢
这种情况就属于稀疏数组（Sparse Array）是指数组中存在“空位”（empty slots）的数组。换句话说，稀疏数组并不是所有索引位置都有值，某些索引位置可能是空的。比如我们有一些题目。使用题号索引为下标，答案用数组表示。let arr=[];回答一个题目。就给这个下标的数组附一个值。如果只做第一题和第8题。arr[0]=1,arr[7]=2.我们这时候希望arr.length=2.实际上的arr.length却是8.这种情况就属于稀疏数组。从1-6的下标实际上是undefined。
2025-03-18 13:43:39
124
原创 uni-app开发的App和H5嵌套封装的App，以及原生App有什么区别
原生 App 是使用平台原生语言（如 iOS 的 Swift/Objective-C，Android 的 Kotlin/Java）开发的应用程序，直接运行在操作系统上。
2025-03-10 17:07:48
956
1
原创 使用element-plus的日期组件点击日期报错Unable to preventDefault inside passive event listener invocation. （已解决）
原因。
2025-03-07 09:50:19
228
转载 javaScript 中处理 `null` 和 `undefined` 的演进
可选链操作符（?.）用于简化访问嵌套对象的属性或调用函数时的检查过程。它允许我们在访问可能为null或undefined的对象属性时避免抛出错误。
2025-03-06 13:46:56
49
原创 js中??是什么意思
?是一个非常有用的运算符，特别适合在需要区分nullundefined和其他假值的场景中使用。它可以帮助你更精确地处理默认值逻辑。
2025-03-06 11:38:11
898
转载 一行代码实现这些复杂功能，JavaScript太强大了！
JavaScript 以其灵活性和强大的表达能力而闻名，分享一些值得使用的 JavaScript 一行代码解决方案，这些代码简洁优雅却能实现复杂的功能。
2025-03-06 10:59:02
34
转载 为什么 Vue3 放弃了 Object.defineProperty ？
Vue2 响应式系统的核心是通过来实现数据劫持。然而，在 Vue 3 中，尤雨溪团队选择使用 Proxy 来重写响应式系统。这个重要的技术决策背后有着深刻的原因。
2025-03-06 10:05:15
23
原创 前端开发怎么处理数据的安全
对本地存储（如LocalStorage、SessionStorage）中的敏感数据进行加密，避免明文存储。：根据用户角色（如医生、护士、管理员）控制数据的访问权限，确保只有授权用户才能查看或操作敏感数据。：在前端展示时对敏感信息（如身份证号、电话号码）进行脱敏处理（如显示为。：在用户操作敏感数据时提供安全提示（如“请勿在公共设备上保存密码”）。：使用安全的会话管理机制（如JWT），并设置合理的会话过期时间。：使用强加密算法（如AES）对敏感数据进行加密。：对动态生成的内容进行编码，防止XSS攻击。
2025-03-06 09:56:22
384
原创 vue3表单验证的时候访问接口如果有值就通过否则不通过.主动去触发校验
校验完身份证格式是否符合之后还要去访问接口查询这个用户是否存在。if(value===""||value===undefined) callback("请输入身份证号");<el-form-item label="身份证号" prop="idCard1">callback(new Error("未查到当前用户的入住登记信息"));callback(new Error("请输入正确的身份证号"));= null) {//查到这个人。// 模拟接口请求，这里你需要替换为实际的接口地址和参数。
2025-02-27 17:38:45
387
原创 vite项目如何按需引入vant插件
页面也必须保证使用Icon。如果使用van-icon是识别不出来的。这样页面每个使用的组件都必须引入。能不能全局在一个地方引入后，其他页面无需引入直接使用van-的格式写呢？而且在页面上都必须是和引入的一样的大写标签。如果没有设置按需引入我们只能这样用。在vite.config.js。然后下面这两个也是必须的。首先肯定是安装vant。
2025-02-18 17:07:40
366
原创 vue3中reactive的对象清空，所引发的问题：清空不了和清空之后再去赋值就赋值不了为什么
这样的页面上的两个filters的确也清空了。<el-button type="primary" @click="search"> 查询</el-button><el-option :value="0" label="启用"></el-option>//Object.assign({},filters) 这里可能导致filters.orgCode没有清除掉。<el-option :value="1" label="停用"></el-option>// filters={} 这里会导致页面失去响应式。
2025-02-18 15:34:30
1055
原创 elment-plus的表单的其中一项通过了验证再去走别的函数怎么写，不是全部内容通过验证
idCard: [{required: true, message: "请填写身份证号", validator: checkIdCard}],if(value===""||value===undefined) callback("请输入身份证号");<el-form-item label="身份证号" prop="idCard"><el-form-item label="年龄" prop="age">} else { //验证未通过。// 验证通过，执行其他函数。// 获取表单实例的 ref。
2025-02-12 14:33:47
331
原创 Runtime directive used on component with non-element root node. The directives will not function as
vue项目报错 [vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended.原因是我希望一个dialog的弹窗显示隐藏页面数据不重新渲染。所以再dialog标签上加了v-show导致的。去掉v-show就行了。
2025-02-12 11:24:35
362
原创 element-plus+vue3前端如何根据name进行搜索查到符合条件的数据
let allRegions=ref([{id:1,name:'区域1'},{id:1,name:'区域12'},{id:1,name:'区域31'},{id:1,name:'区域14'},{id:1,name:'区域15'},{id:1,name:'区域16'}]);主要的原理还是使用indexOf去找他的name匹配的值。并且注意如果搜索内容是空的话还是要显示全部的内容的。界面如图，下面的区域是接口给的所有的，希望前端根据输入的内容自己去匹配。我是使用的element-plus+vue3+ts的写法。
2025-02-06 17:58:02
440
原创 element-plus 的table section如何实现单选
/ 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）<el-table-column prop="name" label="名称" />如果是单选那么全新的按钮应该隐藏或者不可编辑的状态。-- 注意要包一层div根元素，否则css样式可能会不生效，原因不详 -->console.log("勾选的是数组：",selection)name: '啦啦啦'name: '嘻嘻嘻'name: '哈哈哈'// 隐藏全选按钮。
2025-01-23 10:53:26
620
原创 微信小程序使用上拉加载onReachBottom。页面拖不动。一直无法触发上拉的事件。
1，可能是原因是你使用了scroll-view的标签，用onReachBottom触发加载事件。如果页面的样式是滚动的是无法去触发页面的onReachBottom的函数的。因此，你使用overflow:auto.来使用页面的某些元素滚动，照样也无法触发onReachBottom。我给滚动的内容加了边框样式。这个样式只对第一页展示的区域有效果。加上了overflow:auto.的确滚动的区域就是加了border的红色区域。减去底部的tabbar高度，这样总行了吧。起初我以为我给滚动区域设置一个高度。
2025-01-21 14:09:49
834
原创 微信小程序使用picker根据接口给的省市区的数据实现省市区三级联动或者省市区街道等多级联动
address1"/>const mulSelect1 = ref([]) //四级联动显示数组[[province],[city],[district],[street]]////省市区街道数组的编码[11,1111,111444,12220232]//省市区街道数组的下标[0,1,0,0]// console.log("选中的数组下标",addressIndex.value)if (e.detail.column == 0) {//省变化。const street = ref([]) //街道数组。
2025-01-21 09:32:33
1349
原创 element-plus中的table为什么相同的数据并没有合并成一个
我想把所有的第一列的名字相同的内容合并。我发现只有相邻的数据合并了。实际上我想做到的是所有的后端给的数据，不管他的顺序怎样的，只有deviceTypeName一样的都合并的。
2025-01-20 16:11:29
1484
原创 js判断一个数组对象中是否有相同的值
letuserTitleLevelList=[{title:'医生',code:'20'},{title:'老师',code:'21'}];returnElMessage.error({message:`请不要选择相同的内容！如果一个数组对象格式如上面。如果有一样的对象就提示。即：title和code都是一样的内容、
2025-01-18 14:10:45
161
原创 父组件通过props给子组件传值。明明值传过去了子组件却获取不到是为什么
我的父组件中有一个参数是接口给的。在接口给了数据后我想传给子组件直接使用。并且在子组件中使用了一个watch，监听props的值。这时候watch里面加了这是因为我watch加了immediate: true。导致当我走子组件的监听的时候。父组件还没有从接口中拿到值，所以子组件里面发现还没有props的这个值。解决办法就是在父组件上面加个v-if的判断。
2025-01-16 18:24:18
300
原创 element-plus的下拉框选中的内容没有高亮是为什么怎么解决？
我目前的解决办法是，还是单独的绑定一个元素。如果想获取id和name可以在change里面通过循环的找到选中的name是哪个，从而获取到当时的哪个id。我这里使用的element-plus。为了同时获取id和name我这里options的value绑定的是个对象。但是el-select的v-model却绑定的是个元素。正常的是有这样的效果的但是我的却没有高亮。placeholder="请选择"
2025-01-10 14:03:24
356
原创 element-plus的可搜索下拉框选中之后选中选项，切屏后再回来页面会自动获取焦点，然后下拉菜单自动弹出了
我有个可搜索的下拉。马上切屏再回到当前页面。不管你去点这个页面的什么。都会把刚才的哪个下拉再弹出。解决办法是再select的change事件里面添加一个失去焦点的方法。我使用的是vue3+element--plus。
2025-01-10 13:41:37
205
原创 12个移动端常见问题解决方案
移动端浏览器为了检测用户是否双击会有300ms延迟。iOS滚动到顶部或底部时的回弹效果影响体验。在高清屏幕下，1px的边框显示得比较粗。不同设备屏幕尺寸不一致导致的适配问题。微信浏览器中长按图片会出现保存选项。刘海屏、底部虚拟按键区域遮挡内容。软键盘弹出时可能遮挡输入框。弹窗出现时，背景仍可滚动。系统字体大小改变影响布局。大图片加载影响页面性能。默认滚动条样式不美观。移动端输入体验不佳。
2024-12-31 15:26:59
164
原创 element-plus的表单校验为什么有值缺还标红说没填校验不通过呢？
provinceCode: [{ required: true, message: "请选择", trigger: "blur" }]注意看model指定的参数和下面v-model绑定的不一致。必须是一样的才行啊。editForm.XXX参数名。下面的v-model必须是。如果你上面model是s。
2024-12-23 17:04:18
223
原创 vue项目使用element-plus的el-menu组件跳转到之前打开过的页面就不会重新访问接口。页面不会刷新
onActivated什么周期中使用。这样无论什么时候点击打开这个页面都会刷新页面。适用于个别页面需要刷新的情况。如果你想全局的无论什么时候打开页面都希望他重新请求就需要修改公共的一些路由配置的页面了。如果想要页面打开就访问接口。需要把接口的数据放在。
2024-12-23 16:16:20
280
原创 element-ui没有添加diabled属性但是希望他不能编辑
*没有添加disabled属性也不让他编辑*/和这个文章功能是一样的。但是换了一种思路解决。
2024-12-05 11:33:36
468
原创 element-ui radio和checkbox禁用时不置灰还是原来不禁用时的样式
把要紧用的内容加上一个class="notEdit-page"/*//checkBox自定义禁用样式*//*radio禁用样式*/
2024-12-05 11:32:34
502
原创 使用步骤引导Driver.js
Driver.js是一个轻量级的Javascript类库，可用于产品导览、亮点、上下文帮助等，从而一步一步地导览用户快速熟悉产品功能。
2024-11-27 14:42:35
229
原创 vue路由的几种模式。有什么区别
url上面会有#hash模式的主要原理就是，表现就是修改#后面的内容不会向服务器发送http请求，因此也不会重新加载页面。hash 模式打包后，直接在浏览器中打开 /dist/index.html 可以正常的访问。
2024-11-27 10:46:54
316
原创 element-plus动态判断表单是否是必填项。出错时显示的错误。在不是必填项时为什么还能显示
el-button type="primary" @click="handleSubmit" >确定</el-button>if(formData.subsidySign==1){//是民政补贴，补贴金额必须填。<el-radio :value="1">是</el-radio><el-radio :value="0">否</el-radio>但实际上点表单的提交是可以正常提交的。现在的问题时，默认是不可编辑的。但是我选择是之后自动校验提示了。<el-form-item label="是否民政补贴" >
2024-11-26 15:29:42
619
原创 前端安全和解决方案
提到这个我可能想到的就是不要暴露太多的账号密码信息。一些页面的请求和操作要加上权限。然后下面就详细的介绍前端可能遇到的安全问题以及解决方法。首先比较常见的前端的安全性问题就是跨站脚本攻击（XSS）。跨站请求伪造（csrf）攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。比如：客将恶意JavaScript脚本长期保存在服务端数据库中，用户一旦访问相关页面数据，恶意脚本就会被执行。
2024-11-25 15:50:47
1181
pdf.js插件实现在线预览pdf文件.zip
2020-08-25
1超齐全的方法layui的省市区。只知道name回填。只知道id回填.zip
2019-08-23
formSelects.zip
2019-07-29
超全基于layui得省市区三级联动插件.zip
2019-07-16
xlz基于layui的省市区三级联动.zip
2019-07-15
vue elmentui ueditor 数学公式 +新增自定义工具栏按钮 编辑器
2018-12-17
vue+elmentui+ueditor +数学公式 编辑器。完整版
2018-09-17
里面具有公式插件的一个ueditor编辑器
2018-09-07
vue项目模板。这是美容业的啊
2018-06-26
微信小程序多个视频合成一个播放。一个播放完自动在播放另一个。自定义视频进度组件
2022-07-01
mathml公式转为latex公式的前端插件
2020-10-14
vue+elmentui +ueditor编辑器 +数学公式 de 两个例子删除新增编辑器以及切换编辑器.zip
2020-09-23
vue+elmentui+ueditor +KityFormula数学公式 编辑器.zip
2020-09-22
uedotor引入tinymce-formal公式插件的例子的编辑器.zip Latex 公式在线可视化编辑器
2020-09-22
TinyCE结合插件MathType(wiris).zip
2020-09-22
tree第三层节点横向排列.vue
2020-06-18
gulp修改了的node_modules.zip
2020-06-10
一个跨域代理的例子.zip
2020-05-21
vue+vant的一个移动端的框架.zip
2020-05-20
ueditor.zip基于layer的ueditor编辑器，可以上传视频，音频，数学公式，自己添加的复杂公式比如矩阵方程组
2019-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人