logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue3+TS 实现页面选中文字后弹出悬浮操作按钮(插入 / 复制 / 收藏)

当选中文字时,都会出现一个悬浮的操作按钮,在选区上方自动显示浮动操作框,支持「插入」、「复制」、「收藏」三种操作,也可自定义扩展。

文章图片
#vue.js#前端#typescript
Vue3 + TypeScript 实现文本差异高亮(diff viewer)

于是,我决定基于 diff-match-patch 库,封装一个轻量级的 Diff 文本对比组件,用以直观地展示两段文字之间的差异。通过 diff_cleanupSemantic 合并相邻的小改动,让结果更符合人类阅读逻辑。在最近的项目中,需要实现文章内容对比功能,以便清晰展示文本中新增、删除和修改的部分。使用 diff_main(original, polished) 得到差异数组。这是 Goo

文章图片
#typescript#前端#vue.js
2026年Vue前端面试准备

本文总结了Vue项目性能优化的多个方面:1)首屏加载优化:通过路由懒加载、分包/Tree Shaking、按需引入组件库、CDN加速和图片优化(WebP/懒加载/压缩)减少首屏资源;2)渲染优化:合理使用v-if/v-show、key属性和computed缓存;3)组件优化:keep-alive缓存组件、虚拟列表技术优化大数据渲染;4)网络优化:防抖节流、请求缓存和并发控制;5)浏览器层优化:使用

#前端#vue.js#面试
微信小程序中的 UnoCSS:哪些能用,哪些一用就报错([ WXSS 文件编译错误 ] ./app.wxss(7997:2599): unexpected `\`)

UnoCss部署到微信小程序报错,[ WXSS 文件编译错误 ]./app.wxss(7997:2599): unexpected `\` at pos 170113(env: Windows, mp, 1.06.2504060; lib: 3.14.0)

文章图片
#微信小程序#css3#uni-app
uView Plus + Vue3 + TypeScript + UniApp 正确引入 UnoCSS(避坑版)

本文介绍了在Vue3+uni-app项目中使用UnoCSS的配置方法及选型建议。主要内容包括:1) 通过pnpm安装UnoCSS稳定版0.55.7;2) 配置uno.config.ts和vite.config.ts文件;3) 在main.ts中引入。文章分析了不推荐Tailwind和unocss-preset-weapp的原因:Tailwind体积大且配置复杂,而preset-weapp的rpx单

#typescript#uni-app#vue.js
uni-app开发,为什么 H5 正常、微信小程序频繁踩坑?

JS 可以直接操作 DOM数据变化 → 视图几乎同步更新v-model都是“最终裁判”JS 线程↓DOM↓页面立刻变化这是一个单一运行环境。可以命令式(ref / 调方法)必须声明式(状态驱动)v-show 在 th / td 不生效H5 是“我命令页面怎么变”小程序是“我请求页面帮我变”当你真正接受这一点,80% 的坑都会自动消失。

#uni-app#微信小程序#html5
vue3+ts在uniapp项目中实现自动导入 ref 和 reactive

摘要 本文介绍了在uni-app + Vite项目中正确使用unplugin-auto-import插件的解决方案。由于最新版本(20.x)与uni-app存在ESM兼容性问题,建议安装0.18.6版本。配置步骤包括:安装兼容版本、修改vite.config.ts配置、在tsconfig.json中包含auto-imports.d.ts声明文件。最终实现Vue3常用API(ref/reactive

#uni-app#vue.js#typescript
前端XLSX解析Excel数据处理多种日期格式转换问题

Excel的时间和XlSX解析之后获取的时间会不一致。例如2024/6/19 获取的时间为 Wed Jun 19 2024 23:59:17 GMT+0800,少了43秒,为了解决这个问题,需要特别处理一下。支持转换的时间格式- 2019.07.09- 2019/07/09- 2019年07月09日- 44642; // Excel 日期 转换为"YYYY-MM-DD"或"YYYY-MM-DD 格

文章图片
#前端#正则表达式
前端常用的上传下载文件的几种方式,直接上传、下载文件,读取.xlsx文件数据,导出.xlsx数据

【代码】前端常用的上传下载文件的几种方式,直接上传、下载文件,读取.xlsx文件数据,导出.xlsx数据。

文章图片
#前端
$.ajax()实现ajax语法格式及完整案例

$.ajax()代码模板jQuery实现ajax语法为:$.ajax({}),其中{}为对象,对象里面的key键是固定的,比如:1、type: 表示请求方式,一般为post或get2、url表示请求的地址3、contentType表示发送信息至服务器时内容编码类型4、data表示发送到服务器的数据5、dataType表示预期服务器返回数据的类型如:text,json,xml等等类型6、succes

#ajax#jquery
    共 14 条
  • 1
  • 2
  • 请选择