- 博客(110)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 前端如何使用Mock模拟数据实现前后端并行开发，提升项目整体效率
独立开发，不依赖后端进度；模拟各种数据场景（如分页、异常状态）；快速验证页面交互逻辑；减少联调阶段的沟通成本。最终实现“前后端并行开发”，显著提升项目整体效率。
2025-04-28 16:07:13
1268
原创 在JS请求接口时，Promise 和 async/await的使用场景和代码风格区别在哪
在 JavaScript 中，Promise 和 async/await 都是处理异步操作的方案，但它们的使用场景和代码风格有明显差异。以下是二者的对比和具体使用场景说明：
2025-04-22 09:54:28
2159
原创 一个列表页面，初级中级高级前端之间差距到底在哪
但同样是一个列表页：初级在堆功能；中级在理结构；高级在构建规则。我们就以这个最常见的中后台场景：搜索 + 分页 + 表格 + 编辑跳转，来看看三个阶段的认知差异到底在哪。初级在交付页面，中级在建设结构，高级在定义规则。真正的高级前端，已经不写“页面”了，而是在定义“页面该怎么写”。。
2025-04-14 14:29:20
1834
原创 五分钟快速清晰理解作用域和闭包以及封装
JavaScript是一门灵活且强大的编程语言，但其作用域和闭包的概念常常让初学者感到困惑。理解这些概念对于编写高效、可维护的代码至关重要。我们将深入探讨JavaScript中的作用域和闭包，帮助你快速掌握它们的核心原理和实际应用。
2025-04-07 16:51:05
1772
原创 Vuex 的使用场景和使用方法（简单举例）
•Vuex 适合复杂状态管理和组件树很深的场景。 在简单应用中，可以直接使用 props 和 emit 传递数据。•在大型项目中，Vuex 能提供良好的状态管理和调试能力。
2025-03-31 14:37:07
1616
原创 vue el-element中el-select选中值，数据已经改变但选择框中不显示值，需要其他输入框输入值才显示这个选择框才会显示刚才选中的值
el-select选中值，数据已经改变但选择框中不显示值，需要其他输入框输入值才显示这个选择框才会显示刚才选中的值。第一个值为选择的数值，暂时用不到，第二个值为数据的下标，用于事件改变值时提供坐标，第三个值为改变后的整条数据。this.$set方法，第一个值为改变谁，第二个值为改变值的坐标，第三个则是改变后数据，重新赋值给详情数据。this.offerBatchModifyData是我的详情数据，InquiryItemList是数组，可以根据自己的数据做相应调整，这样就可以正常显示选中的数据了。
2022-02-17 16:25:27
5701
4
原创 数值金额计算js封装--包含加减乘除四个方法，能确保浮点数运算不丢失精度
项目场景：商城类项目中大多需要金额计算，我们知道计算机编程语言里浮点数计算会存在精度丢失问题（或称舍入误差），其根本原因是二进制和实现位数限制有些数无法有限表示以下是十进制小数对应的二进制表示：0.1 >> 0.0001 1001 1001 1001…（1001无限循环）0.2 >> 0.0011 0011 0011 0011…（0011无限循环）计算机里每种数据类型的存储是一个有限宽度，比如 JavaScript 使用 64 位存储数字类型，因此超出的会舍去。舍去的部分就
2021-06-21 15:07:19
1984
原创 前端面试题精选
1.数组的方法（至少说出6个）（js）!push() 从队尾添加,改变原数组pop() 移除数组末尾最后一项,返回移除的项shift() 删除数组第一项,返回删除元素的值,如果数组为空返回undefinedunshift() 添加头部,改变原数组sort() 数组排序,参数为一个匿名函数,如果匿名函数返回正值,则升序排列,反之相反reverse() 翻转数组项的顺序 原数组改变concat() 将参数添加到原数组,将参数添加到数组的末尾,并返回一个新数组,不改变原数组slice(
2021-05-13 11:31:47
449
原创 vscode快捷方式以及好用插件分享
open in browser 启动默认浏览器快捷键alt+bChinese Language 中文主题Atom One Light Theme 比较好看的主题Auto Close Tag 自动补全后标签Auto Rename Tag 动态自动修改后标签Beautify 代码样式调整 整理代码格式Bracket Pair Colorizer 颜色不同的括号，用于区别每个代码区间Code Runner 局部JS代码运行CSS Peek 快速到达定义的CSS文件Debugger For Chr
2021-05-13 10:55:02
248
1
原创 web前端开发规范项目流程总结
web前端开发规范web前端开发规范的意义1、提高团队的协作能力2、提高代码的复用利用率3、可以写出质量更高，效率更好的代码4、为后期维护提供更好的支持规范1、命名规则2、文件存放位置规范3、css书写规范4、html代码书写规范5、JavaScript书写规范6、图片规范7、注释规范8、兼容性规范9、开发测试约定及实用工具规范公司统一要求规范要求1、熟练使用前端开发工具2、代码规范3、目录结构规范4、切图与原型效果一致5、命名页面方法命名统一英文规范6、代码注
2021-05-13 10:23:28
1958
原创 Git 使用的全流程以及SourceTree工具的使用操作和忽略文件的配置
本文主要讲述Git 使用的全流程以及SourceTree工具的使用操作和忽略文件的配置，涵盖了创建、分支、提交、分支提交、合并和冲突解决等操作以及SourceTree工具的使用和忽略文件的配置
2025-05-06 15:32:17
2021
原创 Vue项目的 Sass 全局基础样式格式化方案，包含常见元素的样式重置
在项目中创建文件：src/assets/scss/global.scss。可根据项目需求在上述模板基础上继续扩展！
2025-03-25 15:03:30
1447
原创 vue3 app项目调用扫码功能，能扫码能本地图片上传
可以用 html5-qrcode 来实现扫码功能，它支持从摄像头扫描和图片扫描两种方式。扫描成功后，不会跳转页面，而是更新当前页面的内容（通过 Vue 的数据绑定）。可以根据扫描到的 ID 去调用接口，获取并展示相应的详细信息。
2025-03-18 10:37:56
1646
1
原创 vue中监听ESC事件第一次点击只会触发浏览器退出全屏事件，第二次才触发自己写的监听
【代码】vue中监听ESC事件第一次点击只会触发浏览器退出全屏事件，第二次才触发自己写的监听。
2025-03-10 15:07:38
1602
原创 vue项目添加全局接口请求封装，并通过配置文件使接口请求变得更简洁易用
这个封装的 api.js 使用了 Axios 实例来发送请求，并通过拦截器来统一处理请求和响应逻辑，比如添加 Authorization token 或者统一的错误处理。在你的项目中，创建一个新的文件夹 src/utils，并在其中创建一个 api.js 文件来封装你的请求方法。在上面的示例中，我们使用了 apiConfig.getUserInfo() 来请求接口，并且处理了加载状态和请求的错误。这样就可以根据不同的环境配置不同的 API 基础 URL。
2025-03-05 10:43:38
489
原创 vue表单已经赋值了，但是还是返回async-validator “xxx is required“提示，弹出验证红字而且不能输入
首先检查一下你的验证规则是否正确。Vue 表单验证通常是用 rules 来设置的。如果字段值已经赋值，但仍然提示必填项错误，可能是规则写得有问题。你可以确保 xxx 字段的验证规则中 required 设置是正确的。先确认字段值有没有初始化，也就是form里该字段有没有写上，先初始化rules: {xxx: [{ required: true, message: '联系人不能为空', trigger: 'blur' },// 其他验证规则。
2025-03-05 10:37:05
1286
原创 web前端开发规范以及实际项目流程总结
CSS Sprites其实就是把网页中一些图标整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。注：不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号除外，汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。JavaScript程序应独立保存在后缀名为.js的文件中。
2025-02-27 10:46:33
608
原创 10分钟搞定Git：从零基础到快速上手的终极指南
Git是目前最流行的版本控制工具之一，它不仅能让你高效管理代码，还能为团队合作提供强大的支持。很多开发者一开始都会觉得Git有点复杂，但其实掌握Git并不难，今天就让我们一起通过简单的步骤，快速学会Git。
2025-02-27 10:46:10
621
原创 js处理给标题添加搜索词高亮，标题不包含内容包含的拼接内容包含字样
在项目中我们经常会写搜索，搜索后显示的数据要么标题包含搜索词要么内容包含搜索词，所以我们需要写出下面的效果!
2025-02-19 15:07:09
387
原创 Vue使用 element UI 修改checkbox选择框的默认颜色以及字体颜色
首先要先去掉 style lang=“scss” 里面的scoped，然后才会生效。
2025-02-19 15:06:35
455
原创 在vue项目中使用momentjs获取今日、昨日、本周、下周、本月、上月、本季度、上季度、本年、去年等日期
vue 使用 moment.js获取今日、昨日、本周、上周、本月、上月、本季度、上季度、本年、去年等日期
2025-02-10 16:36:22
1376
原创 vue中elementUI的el-select下拉框的层级太高修改设置
项目中遇到一个问题，下拉框选择之后弹出一个弹出框选择数据再关闭。问题就出在，我打开下拉框后再弹出弹出框，弹出框的层级没有的层级高，导致我弹框弹出了几个下拉框还在弹出框上面显示着，修改弹框层级的话又会盖住全局层级，所以我就想只修改的层级，但是这些都修改不动，后来搜索找到问题是一般写的样式都会加上防止样式干扰全局样式从而引发其他样式问题，但是还只有不加才生效但是这样就会导致一个问题我知己在style里修改本身的类名，因为没加导致了其他页面下拉框层级也改变了，这就不符合只修改当前页面不影响全局的本意了。
2024-10-29 10:34:05
1872
原创 npm运行时出现npm ERR! builtins is not a function报错
项目运行时什么都没动都没改突然运行不起来了，报错 TypeError: builtins is not a function代码什么都没动，不是代码问题，排查后只有可能是node和npm的问题，所以卸载掉node重装重启。
2024-10-08 14:36:14
1652
原创 uniapp 微信小程序根据后端返回的文件链接打开并保存到手机文件夹中【支持doc、docx、txt、xlsx等类型的文件】
我们在使用uniapp官方提供的uni.downloadFile以及uni.saveFile时，会发现这个文件下载的默认保存位置和我们预想的不太一样，容易找不到，而且没有提示，那么我们就需要把文件打开自己保存并且有提示保存到哪个文件夹里这样方便我们查找。
2024-07-15 16:19:23
3609
5
原创 uni-app使用ucharts地图,自定义Tooltip鼠标悬浮显示内容并且根据@getIndex点击事件获取点击的地区下标和地区名
uni-app使用ucharts地图,自定义Tooltip鼠标悬浮显示内容并且根据@getIndex点击事件获取点击的地区下标和地区名。
2024-07-08 10:49:57
2594
原创 点击事件不生效选择不到,元素被遮挡点击不起作用
2.如果点击事件还不生效，就在这个基础上为outer加上 pointer-events:none，此为鼠标事件对当前元素无效。1：在不破坏原有样式的基础上增加position: relative;然后z-index控制谁在上面即可。假设：外层遮挡的类名为：outer，被遮挡的类名为：Inner。
2024-07-01 11:28:59
1352
原创 解决浏览器缩放的时候，重新设置滚动条的位置，使页面滚动条固定悬浮在页面底部
浏览器调试页面兼容页面时，缩放页面宽度，整体超出时滚动条出现在页面最底部，不是悬浮在页面下面，只有滚动到最底部才出现，需要的是悬浮在页面底部，不是滚动到最下面才出现。
2024-06-17 11:34:59
1948
原创 解决浏览器缩放的时候，重新设置滚动条的位置，使页面滚动条固定悬浮在页面底部
浏览器调试页面兼容页面时，缩放页面宽度，整体超出时滚动条出现在页面最底部，不是悬浮在页面下面，只有滚动到最底部才出现，需要的是悬浮在页面底部，不是滚动到最下面才出现。
2024-06-11 16:38:49
1460
原创 element ui 的el-input输入一个字后失去焦点，需重新点击输入框才能再次输入
我是form表单嵌套表格，里面的el-input输入框，输入第一个值的时候会突然失去焦点，需要再次点击输入框才能正常输入，原因是table的key值，需要改成正常的index即可，如果你是循环的，也改为index就行。
2024-05-27 14:49:48
2852
原创 vue中数据已经改变了，但是table里面内容没更新渲染
给table或者el-table标签上添加一个动态key值，只要数据发生改变，key值变动一下即可。标签上： :key=“timeStamp”更新数据：this.timeStamp++初始data：timeStamp:0,这样每次更新数据，都会使表格渲染。
2024-05-21 08:48:38
1958
原创 Vue使用 element UI 修改checkbox选择框的默认颜色以及字体颜色
首先要先去掉 style lang=“scss” 里面的scoped，然后才会生效。
2024-05-08 10:22:57
2795
原创 vue el-element中el-select选中值，数据已经改变但选择框中不显示值，需要其他输入框输入值才显示这个选择框才会显示刚才选中的值
el-select选中值，数据已经改变但选择框中不显示值，需要其他输入框输入值才显示这个选择框才会显示刚才选中的值。第一个值为选择的数值，暂时用不到，第二个值为数据的下标，用于事件改变值时提供坐标，第三个值为改变后的整条数据。this.$set方法，第一个值为改变谁，第二个值为改变值的坐标，第三个则是改变后数据，重新赋值给详情数据。this.offerBatchModifyData是我的详情数据，InquiryItemList是数组，可以根据自己的数据做相应调整，这样就可以正常显示选中的数据了。
2024-04-29 10:21:25
2073
原创 element中file-upload组件的提示‘按delete键可删除’，怎么去掉
element中file-upload组件会出现这种提示‘按delete键可删除’
2024-04-22 16:28:05
2832
原创 js处理给标题添加搜索词高亮，标题不包含内容包含的拼接内容包含字样
在项目中我们经常会写搜索，搜索后显示的数据要么标题包含搜索词要么内容包含搜索词，所以我们需要写出下面的效果!
2024-04-16 10:12:38
1564
原创 js 截取指定字符后面/前面的所有字符串
在 JavaScript 中，你可以使用或 substr() 方法来截取字符串中指定字符前面或后面的所有字符。再配合**indexOf()**方法来判断字符所在的位置从而实现截取指定字符的前后字符串。
2024-04-15 09:21:28
2971
1
原创 vue监听键盘回车事件的三种方法。
input type=“text” @keydown.right=‘show()’ >右键执行。下键执行。左键执行。回车执行。上键执行。alert(‘你按了回车键！
2024-04-09 08:54:01
1435
九宫格抽奖根据后台设置抽奖滚动--特殊奖品滚动+抽几次后必中特殊奖品
2021-07-02
vue+jq实现商城商品属性的添加以及生成表格并还原到前端展示sku列表
2021-05-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人