- 博客(164)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 前端面试锦集
基本面试：做过最满意的项目是什么？项目背景？为什么要做这件事情？最终达到什么效果？你处于什么样的角色，起到了什么方面的作用？在项目中遇到什么技术问题？具体是如何解决的？ 如果再做这个项目，你会在哪些方面进行改善？基础扎实：IT行业,哪些发展好的同学都是具备扎实基础知识，如果理解计算机基础会更好，因为我们面临很多非前端计算问题的。主动思考：被动完成任务成长会很慢的，需要有自己的想法，而不是仅仅是完成任务的。自动学习:前端领域知识淘汰速度很快，需要经常学习新知识。追溯深度:遇到问题是多研究背.
2020-09-02 14:44:02
5966
2
原创 vuex状态管理（运行机制及实例）
背景：vue2.x项目组件工程化数据的层层传递太麻烦。如下图：内层的在家呢需要父组件的数据需要一层一层地传递，组件加载数据到父组件的时候需要一层一层回递，这样加重页面的负担。所以推出vuex状态管理来统一分发和部署。把组件中的状态抽取出来，放入Vuex进行统一管理。这样他们就变成一级关系：vuex其实是一种套路（学会运行机制就ok）官网：网址：https://vuex.vuejs.org/zh/installation.html...
2020-05-18 10:18:48
1871
2
原创 12种Vue设计模式
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架，它支持多种设计模式和最佳实践来帮助开发者创建高效、可维护的应用程序。
2024-12-20 09:26:36
864
原创 vue 富文本图片如何拖拽
在Vue项目中实现富文本编辑器（如vue-quill-editor）的图片拖拽功能，需要结合Quill.js及其相关插件进行配置。
2024-11-24 14:36:35
447
原创 微信小程序的 ＜picker＞ 组件在点击时根据条件弹出选择
虽然微信小程序的 组件没有提供直接阻止弹出选择器的方法，但通过使用 disabled 属性、自定义遮罩层以及 catchtap 事件，可以实现类似的效果。在微信小程序中， 组件的点击事件无法直接通过 bindtap 事件来阻止其弹出选择器。不过，可以通过一些变通的方法来实现类似的效果。写小程序项目时遇到一个问题：使用picker时，需要感觉选择客户，获取客户id去请求客户对应的地址，所以点击picker时需要拦截弹出！另一种方法是使用一个自定义的遮罩层来覆盖 组件，从而阻止用户的点击操作。
2024-11-17 14:03:04
886
原创 前端无感刷新token
Axios 无感知刷新令牌是一种在前端应用中实现自动刷新访问令牌（access token）的技术，确保用户在进行 API 请求时不会因为令牌过期而中断操作。
2024-11-16 15:39:07
1942
原创 wxs文件格式化时间戳
兜兜转转又回到写原生的小程序来了！今天写了vue3的原生小程序，遇到一个问题，时间戳的个格式化的问题，一开始打算使用dayjs文件来指定格式格式化的，但是wxs文件中引进来报错，所以打算自己写一个不依赖dayjs来格式化的！
2024-11-14 19:37:12
532
原创 使用ThorUi
如果你想在 Vue.js 项目中使用 ThorUI，你需要确保你的项目已经正确配置了 Thorium 和 ThorUI。如果你打算使用 ThorUI 来开发你的应用，以下是一些基本的步骤和示例代码，帮助你入门。以下是一个简单的示例，展示如何在 Angular 项目中使用 ThorUI 来创建一个基本的窗口。以下是一个简单的示例，展示如何在 Vue.js 项目中使用 ThorUI 来创建一个基本的窗口。以下是一个简单的示例，展示如何在 React 项目中使用 ThorUI 来创建一个基本的窗口。
2024-11-08 11:34:46
1072
原创 用了Stream后，代码反而越写越丑？
使用 Stream API 可以使代码更加简洁和易读，但需要合理使用。通过拆分复杂操作、使用变量存储中间结果、避免过度链式调用以及考虑使用传统循环，可以使代码更加清晰和高效。使用 Stream API 可以使代码更加简洁和易读，但如果不恰当地使用或过度使用，确实可能导致代码变得复杂和难以理解。
2024-11-08 09:50:56
332
原创 useCrudSchemas
在Web开发和后端服务中，CRUD操作是与数据库交互的基本操作。为了提高开发效率和代码复用性，开发者可能会创建一个名为 useCrudSchemas 的自定义Hook（如果使用React框架）或者是一个模块/类的方法，封装了这些基本的CRUD逻辑。它可能是某个特定项目或应用程序中定义的一个自定义函数或方法，用于简化CRUD（创建、读取、更新、删除）操作。useCrudSchemas 是一个常见的 Vue 组合式 API 函数，通常用于定义 CRUD（创建、读取、更新、删除）操作的数据模型和验证规则。
2024-11-06 13:48:44
369
原创 js,ts控制流程
在 JavaScript 和 TypeScript 中，控制流程是指程序执行的顺序和条件判断。以下是一些常见的控制流程结构，包括条件语句、循环语句和函数调用等。
2024-11-02 15:01:12
437
原创 vue data变量之间相互赋值或进行数据联动
使用vue时开发会用到data中是数据是相互驱动，经常会想到watch,computed，总结一下！
2024-11-02 14:06:26
828
1
原创 根据输入的详细地址解析经纬度
今天遇到一个需求：就是做客户导入的时候因为导入的客户地址的时候没有经纬度的，但是同步的时候需要经纬度的，所以还是要根据客户提供的详细地址解析出来对应的经纬度！回填到对应的经纬度的表单之中进行客户的同步功能！
2024-10-29 15:15:38
1512
原创 elementui分页功能（当后端将所有数据全部返回，由前端处理）
实现数据导入的时候，后端会返回上传成功数量、更新成功数量、更新失败数量、以及更新失败的原因，但是数据是全部返回来的，所以封装了一个组件了提示，但是数据多的时候会太长了，所以使用table了模拟分页的效果！因为数据是全部在前端处理的！
2024-10-28 18:39:41
606
2
原创 element plus实现点击上传于链接上传并且回显到upload组件中
今天遇到一个问题：vue3使用elemnt plus的上传图片时，数据是从别人的系统导出来的商品，图片是http的形式的，并且商品很多的，一个一个下载下来再上传很麻烦的，所以本系统插件商品时图片使用http的链接上传的形式上传到自己的服务器!
2024-10-27 16:26:55
719
原创 JS 中 reduce()方法及使用
reduce()方法是JavaScript中Array对象的一种高阶函数，用于对数组中的每个元素执行一个由您提供的reducer函数（回调函数），将其结果汇总为单个返回值。reduce()方法是一种强大的数组处理方法，可以将数组中的元素归约为单个值，适用于各种复杂的数据处理场景。reduce()对于空数组是不会执行回调函数的，除非提供了initialValue。如果数组为空且没有提供initialValue，则会抛出TypeError。开发中经常会遇到求合计的状况！这次遇到的是求合计的和！
2024-10-25 14:15:49
676
原创 element plus e-table表格中使用多选,当翻页时已选中的数据丢失
因为表格分页，点击会刷新第一页的数据的，只会加载第二页的数据，前面页面的数据是拿不到的，上面的还是不行的话加入@selection-change，当选择项发生变化时会触发该事件回调selection！:reserve-selection=“true” （写在el-table-column中type为select的行中）解决办法： :row-key=“getRowKeys” （写在el-table中）点击第一页选中两个，再选择第二页，选中，回到第一页，之前选中的要保留！记录选中的，但是最傻了！
2024-10-21 14:43:46
1221
原创 vue3处理货名的拼接
货品的拼接规则是：【品牌】+货名称/假如货品名称为空时，直接选择品牌为【品牌】赋值给货品，再选择品牌，会替换【品牌】；假如货名称为【品牌】+名称，再选择品牌只会替换【品牌】，名称保留；假如删掉【品牌】+名称的【品牌】再去选择品牌，会把选中的品牌追加到名称的前面形成新的【品牌】+名称！
2024-10-19 10:35:23
399
原创 减少网页卡顿
saveSetting 这个任务队列中有 5 个任务，但此时如果正在执行第二个任务而用户想打开某个菜单，于是点击了这个菜单，isInputPending 就会让步，让主线程处理交互事件，同时也会稍后执行后面剩余的任务。浏览器执行的任务之间是相互独立的，像页面渲染，html 和 css 的解析，以及执行 js 代码都属于任务的范畴。使用 scheduler.yield 的好处是不中断，也就意味着如果是在一连串任务中 yield，那么从 yield 的时间点开始，其他编排好的任务的执行会继续。
2024-10-16 09:20:17
871
原创 element plus的el-select分页
el-select的数据比较多的时候，必须要分页，处理方案有全部数据回来，或者添加搜索功能，但是就有个问题就是编辑的时候回显问题，必须要保证select的数据有对应的id与name匹配回显！
2024-10-14 17:16:14
562
原创 获取时隔半个钟的三天与el-time-select
今天遇到需求是配送时间，时隔半个钟的排线！所以需要拼接时间！例如2024-10-08 14：30，2024-10-08 15：00，2024-10-08 15：30
2024-10-08 14:32:08
528
原创 vue3 elementPlus select加载数据分页
今天遇到一个vue3使用elementPlus的select选择商品数据的时候需要分页加载商品，但是找了一圈elementPlus没有分页的事件，只能自己写，自定义形式和嵌套一层option选项中滚动触发上拉加载数据！
2024-09-12 14:36:17
806
原创 Bootstrap更改默认的“请在电子邮件地址中包含@”
今天开发一个外贸系统，必须全部英文的，但是使用到bootatrp 4的input标签的type="email"输入没有含“@”符号时会提示：“请在电子邮件地址中包含@”中文提示！一开始以为是中国下载的谷歌是浏览器自带的提示，可能国外没有的！
2024-06-28 09:17:27
333
原创 object-fit属性
当图片比例不固定时，想要让图片自适应，一般都会用background-size:cover/contain，但是这个只适用于背景图。保持原有尺寸比例,如果容器尺寸大于图片内容尺寸，保持图片的原有尺寸，不会放大失真；容器尺寸小于图片内容尺寸，用法跟contain一样。宽度和高度中短的那条边跟容器大小一致，长的那条等比缩放。长度和高度中长的那条边跟容器大小一致，短的那条等比缩放，可能会留白。mode 有 14 种模式，其中 5 种是缩放模式，9 种是裁剪模式。内容拉伸填满整个盒子, 但不保证保持原有的比例。
2024-06-14 17:44:20
407
原创 Next.js Tailwind CSS UI组件
今天公司使用到一个前端ui框架——Next.js Tailwind CSS UI组件！这从头构建一个AI驱动的前端UI组件生成器，生成Next.js Tailwind CSS UI组件：
2024-06-06 17:30:46
1489
原创 margin-left: auto；使元素靠右
今天写样式遇到一个东西，就是需要表单居右显示的，但是作用了弹性布局，其他的都不行的，一开始使用了浮动，但是使用了浮动后盒子就不继承父盒子的宽度了，移动端还行，自动回到100%状态，但是pc端宽屏的时候就被吃掉了一截！
2024-05-28 15:46:35
498
vue使用js-audio-recorder实现一句话识别功能
2022-07-14
520表白源码，绝对干货
2022-05-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人