- 博客(17)
- 收藏
- 关注
RSS订阅原创 Angular 中的双向绑定：使用 ngModel 实现表单控件
双向绑定是指数据在视图（模板）和模型（组件）之间的双向流动。任何一方的改变都会立即反映到另一方。例如，当用户在表单输入框中输入内容时，组件的对应变量会自动更新，反之亦然。通过自定义表单控件的实现，我们可以利用 Angular 的ngModel指令轻松实现双向数据绑定。这使得组件与表单控件之间的交互更加直观和高效。
2024-10-27 16:02:26
415
原创 多主题变量管理工具使用文档
这是一个用于多主题变量管理的工具，提供了直观的界面来增删改查项目中的主题变量。用户可以轻松编辑变量名称、注释及其在不同主题下的值，并支持实时搜索和保存操作。该工具旨在提高开发者管理多主题项目的效率，提供独立的表格滚动条，确保良好的用户体验。
2024-09-21 23:04:48
473
原创 基于 Angular 的国际化文件模块化拆分方案与配置指南
随着项目的不断迭代和功能的持续扩展，国际化文件的体积显著增加，不仅影响了加载性能，还加大了后期维护的复杂性。为了提升系统的性能与可维护性，建议采用模块化拆分的方式，将国际化文件按功能模块独立管理。这样做不仅可以有效减少每次加载的文件体积，提升系统响应速度，还能使得各个模块的国际化维护更加独立，降低跨模块修改带来的影响，提升开发效率。接下来，我们将详细介绍这种拆分方案的具体实现方法。
2024-09-11 20:34:04
909
原创 Event Loop——setTimeout、setInterval、Promise、nextTick
同步和异步任务分别进入不同的执行环境，同步的进入主线程，即主执行栈，异步的进入任务队列 (Event Queue，机制为先进先出)。微任务是指在当前任务执行结束后立即执行的任务（只有当没有运行中的执行上下文且执行上下文堆栈为空时才能执行微任务）。异步任务是指不进入主线程，而是放在任务队列中等待执行的任务，只有当任务队列中的任务可以执行了，才会进入主线程开始执行。同步任务是指在主线程上排队执行的任务，只有当前面的任务执行完之后，才会执行下一个任务。
2024-06-17 21:25:32
243
原创 InfoWindow 两种绑定方式
使用百度地图时，在地图上打开了InfoWindow，在打开InfoWindow的时候地图重新设置了中心点。导致在地图内容发生变化时InfoWindow自动关闭了，需要再次点击打开InfoWindow。
2023-09-14 20:28:49
256
1
原创 Ng-Zorro Extends TooltipDirective
在项目中，由于支持了国际化，导致语言为英文时，部分文字会超出元素。故有些地方需要使用“…”方式来截断文字并显示气泡，当没有截断文字时不显示气泡，ng-zorro原生tooltip无法支持，需要继承该指令并自定义逻辑。
2023-09-14 13:46:45
262
1
原创 vue3 +antdesign-vue 中 v-for踩坑记录
最近再使用v-for的时候，踩了一个坑，这坑平常可能基本不会遇到，但是我就刚好遇到了这个坑。利用v-for循环的数组中，所有的变量都会与a-input的v-model:value绑定，v-for的key值恰好又是使用的这些变量绑定的。当时这个问题在这个页面有好几处都出现了，经过对比代码发现都有一个共同点，就是v-for中key绑定的变量和a-input中v-model:value绑定的变量是同一个，最终经过测试，确定了就是这个原因。这个错看的人真的很迷茫！
2023-02-18 11:18:59
339
原创 ant-design-vue a-form 无法校验自定义组件
## 问题背景项目中有一个需求，利用form表单校验表单内部值是否合法，当时需要校验一个自定义upload组件上传文件，按照官方文档的方式绑定对应的变量，校验官方input、select等组件都是能够成功的，但是校验自定义的upload组件却始终无法生效。当时使用版本为 "ant-design-vue": "^3.0.0-beta.7"。form表单无法主动校验自定义组件，需要由组件内部通知外部form表单进行校验。
2023-02-18 10:59:29
1206
原创 ant-design-vue grid导入和使用不生效
在初次使用ant-design-vue UI框架时，当时有个功能需要用到栅格布局，然后从UI库中全局导入Grid组件，但是当使用a-row和a-col的时候却未生效。UI组件引入的方式不对，只引入了Grid组件，还需要引入Row和Col组件
2023-02-18 10:44:26
833
原创 vue-class-component中变量响应式丢失
我在使用 ant-design-vue 中的 a-tree 时，遇到过这样一个问题，在自定义 tree node时，在每个 node 中都加入了一个 a-checkbox，但是当我点击 checkbox 时，checkbox 并没有发生选中或者取消选中，就像完全没有点击他一样。通过 console.log 打印出来的数据结构，只有最外层的对象是 Proxy 对象，而内部的变量都不是 Proxy 对象。解构数组，可使内部变量都变为 Proxy 对象，恢复响应式。
2023-02-12 16:36:22
233
原创 基于 ant-design-vue 中使用 a-textarea 时阻止默认行为
最近在开发项目时，需要实现一个类似客服的对话框，在输入框中输入信息点击回车后发送，发送完毕后清空文本框使文本框显示设置的placeholder，但是每次按下回车后文本框内容清空，却会触发换行，导致不能显示placeholder信息。
2023-02-12 11:41:40
1177
原创 Vue3 + Directive input元素绑定指令后，在指令中更新input value，v-model未生效
v-model未生效其实（:value绑定的变量未更新）其实就是在指令中改变输入框value时未触发“@input”事件，导致v-moel未生效。可利用dispatchEvent方法收到触发input事件，使v-model生效，更新变量。
2023-01-17 17:31:31
3792
原创 vue3 + vite + ts import type时 does not provide an export named ‘xxx‘
我最近再使用vite构建vue + ts项目时，出现找不到导入的类型，而代码却未提示报错，在dev或build时却会出现报错，所以将这个坑发出来避免大家踩坑却找不到原因。解决方法：在导入类型前面加上type，目前还没时间找原因，为什么不加type会报错。不过这样做确实能够解决这个问题。目前这个方法能够在dev或build时，找到对应的类型，能够解决以上问题。
2023-01-16 16:53:31
3520
原创 基于vue构建lib + 类型声明文件
1.通过vue-CLI构建lib2.利用Vue-tsc生成类型声明文件，使项目引用是可以根据引用吗进行提示
2022-11-19 21:46:51
3337
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人