会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
MyKai
博客园
首页
新随笔
联系
订阅
管理
2025年12月23日
使用Vite+ Lit 构建webcomponent 组件
摘要: Vite+Lit.js 构建Web Component web component作为前一个时代的方案,在特定场景下确有不一样的妙用 ,在维护前后端不分离的项目,web component 是为数不多的选择,整理一下使用Lit 构建自己的web component组件库为传统项目提提速的过程。 使用
阅读全文
posted @ 2025-12-23 11:08 MyKai
阅读(85)
评论(0)
推荐(0)
2025年11月27日
利用Web Components渐进式改造传统项目
摘要: 一次传统 MVC 项目的现代化改造实践:从混乱到可持续发展的前端体系 在最近的一个项目中,我对一个运行了十余年的传统 MVC 网站进行了现代化改造。该项目前后端完全不分离,也没有任何现代化构建工具链。由于经历了长期迭代和多人维护,代码质量参差不齐,稳定性和可维护性都已接近极限。 在无法进行全面重构的
阅读全文
posted @ 2025-11-27 15:11 MyKai
阅读(6)
评论(0)
推荐(0)
2025年7月2日
概念篇.18961527
摘要: 声明式 ui 虚拟 DOM 它其实就是用 JavaScript 对象来描述真实的 DOM 结构。 const vnode = { tag: 'div', data: {} children: [] } vnode.tag 的类型是字符串,说明它描述的是普通标签元素,此时调用mountElement
阅读全文
posted @ 2025-07-02 15:54 MyKai
阅读(8)
评论(0)
推荐(0)
2024年11月4日
nvm 安装时 ,没有安装npm
摘要: 问题 :nvm 安装node版本时,没有安装npm 镜像源无法使用了,切换一下 nvm root 查看安装地址 在 settings.txt 后追加 node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmir
阅读全文
posted @ 2024-11-04 11:26 MyKai
阅读(160)
评论(0)
推荐(0)
2024年9月27日
更好的封装Vue3组件
摘要: 最近在写公司的组件库,是基于Arco二开的组件库。发现vue3和2很多写法差距很大了,3更加方便。在这里记录一下 基础组件方法,并暴露出去 之前的写法 function validate(){ return formRef.value.validate(); } /** 重置校验 */ functi
阅读全文
posted @ 2024-09-27 09:39 MyKai
阅读(23)
评论(0)
推荐(0)
2023年12月7日
使用jsfpd截图并上传到文件服务器
摘要: 需求 将网页上的html表单,截图并生成pdf ,通过blob 上传到文件服务器 // 获取表单元素dom const el = document.getElementById('open-reply_form'); const height = el.clientHeight; // 截图,获取i
阅读全文
posted @ 2023-12-07 18:20 MyKai
阅读(135)
评论(0)
推荐(0)
2023年10月26日
函数式编程
摘要: 纯函数(Pure Function) 输入输出数据流全是显式(Explicit)的函数 副函数 除了返回可能的函数值之外,还对主调用函数产生附加的影响 console.log(有额外输出) ,ajax(无法固定输出)都不是纯函数 为什么一定要纯函数: 副函数强化了程序的能力,却弱化了程序的数学性。让
阅读全文
posted @ 2023-10-26 16:20 MyKai
阅读(17)
评论(0)
推荐(0)
2023年10月25日
5_nest管道和数据校验
摘要: 管道 Nest 在路由处理器之前调用管道,然后管道接收发往路由处理器的参数 验证输入数据,给输入数据添加字段 管道有两个典型的用例: 验证:评估输入数据,如果有效,则将其原样传递;否则,当数据不正确时抛出一个异常。 转型:把输入数据转换为所需的格式(例如,从字符串到整型)。 设置全局 Validat
阅读全文
posted @ 2023-10-25 16:19 MyKai
阅读(71)
评论(0)
推荐(0)
2023年10月23日
vue3|知识点
摘要: 双向绑定Proxy proxy只支持对象 ref创建的数据是空对象,绑定在其value属性上。 监听属性 监听对象 watch(msg,func(new,old)) 监听对象的属性 watch(()=>msg.name,func) watchEffect(func) 自动监听已经引用的值
阅读全文
posted @ 2023-10-23 21:39 MyKai
阅读(14)
评论(0)
推荐(0)
2023年10月17日
4_prisma高级
摘要: 方法总结 查询: findMany //查询多个 findUnique //查询单个 参数设置 { where:{ // 查询条件 }, data:{ // --新增:更新 携带的数据 } } 分页查询 skip 偏移量 (从0开始) take 查询记录的数量 查询字段限制 select 只返回对应
阅读全文
posted @ 2023-10-17 22:18 MyKai
阅读(205)
评论(0)
推荐(0)
下一页
公告