- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端本地离线引入苹果字体Noto Sans SC 压缩 VUE3 WEB JS HTML 思源 免费 可商用
注意：Noto Sans SC 我个人推荐至少选图中这四个，因为对这个字体来说，500、700都是一个差异化比较大，主要是能从第一视觉感受上区分业务模块。有的UI设计会用macOS设计出网页，自带的苹果字体，然而一般在windows系统下很难复现出那种效果。这里有许多字体，同时预览效果也是比较便捷，最重要的是可商用（具体还得看每个字体页面的相关许可）引入完后，下面灰色方框中有引入代码，当然要根据你自己存放的路径决定。当然，还是根据自己的开发模块，选择只用到的weight是最合理的。
2024-07-21 10:14:38
193
原创 VUE3+ANTD3中，表单select标签组件的值响应式失效
一开始这个BUG有点奇怪，input框是正常的，然而在select选项框中，怎么修改值都没变化。把reactive换成ref响应式即可。
2024-07-18 15:30:42
103
原创 ANTD3+VUE3控制台报错[ant-design-vue: Form.Item]FormItem can only collect one field item, you haved set
原因是一个<a-form-item>建议只绑定一个v-model，如果存在多个v-model值，应该用<a-form-item-rest>标签绑定。
2024-07-18 15:26:22
294
原创 ANTD3更改less全局主题样式后message弹窗不生效 Ant Design 3 组件功能失效 custom-message
最后，我在代码里全局搜索custom，不搜不知道，一搜才发现，原来是在全局配置里不小心粘贴了网友的代码。遇事不急，先分析原因，这个在我更改全局样式之前还能生效，那么就是在我刚刚的操作中导致的这个问题。起因是想要更改全局样式的时候从网上抄拉了一大堆，然后发现message弹窗样式不生效了。这还要说一下小技巧，打开控制台，如图红框内的暂停按钮（也可以按快捷键）去掉这一行（prefixCls: "custom"），保存，大功告成！就能使网页暂停，方便开发调试，这在日常调试中也是比较实用的功能。
2024-07-17 15:08:45
165
原创 @vitejs/plugin-vue-jsx 安装依赖报错 VUE3引入JSX报错 npm i @vitejs/plugin-vue-jsx peer vite@“^5.0.0“ from @vite
有个比较老的项目想引入jsx，安装依赖时一直装不上，切换了几次node版本也不行，后来仔细一看报错信息才找到原因。如果你是vite4版本，通过npm i vite和npm update ，也依旧只是最新的vite4版本。如图，建议把 @vitejs/plugin-legacy 也一并更新到最新版本。那么就应该执行以下执行，先把vite升级到vite5版本。不过，既然来都来了，也建议把vue也升级一下最新版本。从上面这行看出是由于版本信息不同。可以在此处查询依赖的最新版本。以上这几个也推荐更新到最新版本。
2024-07-17 10:03:51
910
原创 给伪元素绑定点击事件，VUE3 splitpanes绑定::after ::before点击事件 html js css
通过伪元素css添加鼠标指针状态，然后在click事件【判断当前点击的dom】和【当前的指针状态】，以此来实现点击效果。有个需求，用splitpanes做页面可以拉动改变宽度，然后想给中间伪元素的小按钮【绑定点击事件】，以达到显示隐藏某模块的效果。搜了一圈，并没有发现比较方便的办法，伪元素不是真实存在的dom，所以没办法绑定点击事件。请注意，在此处我的伪元素的width是占满的，所以我并没有判断x坐标（width）是否在伪元素中。click事件【判断当前点击的dom】，加上【判断当前点击的坐标】
2024-07-06 12:59:14
368
原创 VSCode安装local History后设置不搜索.history文件目录，vscode排除指定目录/文件
在根目录创建settings.json文件，代码设置如下。.history/意思是搜索排除.history目录。
2024-07-04 13:45:58
362
原创 VUE3+elementUI 日期时间组件筛选时区分区间 el-date-picker
使用【disabled-Minutes】和【disabled-hours】禁用分区，让其不能选择。之前遇到个需求，老板想要只选0-10点，且分钟区只要0和30，于是就有了以下代码。打开控制台，发现被禁用的都带有.is-disabled的class属性。但是会发现，禁用的分区还是显示出来了，这样并不能提升操作效率。注意不要放到带scoped的style标签中。于是我们在css中加上让其不显示的规则。
2024-07-01 19:57:13
530
原创 VUE升级Vite接口加密解密，Vite替代node-rsa，pkcs1.js:9 Uncaught ReferenceError: Buffer is not defined
用VUE2.6写的项目想更换Vite框架卡在了接口加解密的环节网上乱七八糟的方法都试过了，都没有用查了一圈后才发现是Vite不使用node模块，导致我之前项目使用的‘node-rsa’不适用后来换成了NodeRSA// 1、先安装 jsencrypt npm install jsencrypt --save// 2// 原代码：import NodeRSA from 'node-rsa';// 换成import NodeRSA from 'jsencrypt';
2021-08-31 16:37:45
2832
3
原创 返回用户所在地区的时间和时区，针对面向海外全球用户兼容处理
话不多说，先上效果图业务场景：由于公司业务涉及海外用户，客服在线时间与用户当地不相同，再加上业务广泛各个国家时区都有，所以才需要此需求思路：通过取得用户所在地区的时间差（格林威治时间和用户时间之间的时差），然后来计算出用户所在地区的时间踩坑：在中国，用getTimezoneOffset()方法返回出来的时间差是负8小时，可实际上中国的时间与格林威治时间应该是+8小时才对。导致我计算标准时间踩了坑这是因为用这个方法返回出来的时间，是以当地（中国）的时间为标准，中国的时间距离标准..
2021-08-21 18:31:54
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人