- 博客(63)
- 收藏
- 关注
RSS订阅原创 js实现blob类型转化为excel文件
Content-Type：请求头设置，值为application/vnd.ms-excel，标记类型为excel文件。后端通过接口将excel文件通过blob类型数据进行返回，前端接收数据并将其转化为excel文件进行下载。创建blob类型对应的url对象挂载到链接上，并模拟点击链接方式进行excel文件下载。使用上述实现的两个方法，从接口获取blob后将其转化为excel文件下载。responseType：值为blob，标记返回数据类型为blob。
2024-10-31 11:30:04
1110
原创 electron-vue安装与打包问题解决
electron-builder生成的包路径与实际淘宝镜像包路径有差异，导致无法获取到对应的electron包。
2024-09-20 14:02:00
614
原创 Vue + element-ui实现动态表单项以及动态校验规则
项目需要实现一个功能，表单中某个表单项产品id支持动态新增多个产品id表单项，每个产品id表单项都需要有校验规则，校验失败时各自有对应的校验提示。
2024-09-19 09:45:04
1223
原创 JS日期转化指定格式，获取月/周日期区间
let date = new Date(year, 11, 31) // 12月31日== 1) { // 找到第一个星期一。
2024-09-14 14:42:48
701
原创 vue3.x项目使用高德地图JS API 2.0
)})// 在创建标记时绑定自定义事件})})})// 根据选中标记点，在标记点上方显示标记点信息窗体content: `${// 根据选中标记点，在标记点上方显示标记点信息窗体 const changeMarker =(item , marker , index) => {height: 0;left: 50%;">// 根据选中标记点，在标记点上方显示标记点信息窗体 const changeMarker =(item , marker , index) => {
2024-09-12 18:06:20
506
原创 Vue2升级Vue3 --- 第三方库变化（基于gogocode）
本次升级基于gogocode快捷转换，汇总的部分问题可能与gogocode有关，但仍可作为vue2升级vue3过程中报错问题的解决参考。
2024-09-06 18:06:33
1098
原创 vue + LogicFlow 实现流程图展示
基于某种类型节点改动可继承该类型节点类，若需要自定义整个节点则需继承htmlNode类去自定义构建html节点${const {const { ` el . innerHTML = html // 需要先把之前渲染的子节点清除掉 rootEl . innerHTML = '' rootEl . appendChild(el) } } export default {const {const {
2024-03-27 11:34:25
4740
4
原创 uni-app项目由hbuilder项目转化为cli项目
原uni-app项目是通过hbuilder创建的，运行以及打包都要依赖于hbuilder运行；后续希望脱离hbuilder运行并能通过构建平台进行打包，因此将hbuilder项目转化为cli项目。这个可能是less不同版本对webpack配置具有要求，而部分配置再uni-app中是不支持的，因此需要安装指定版本，安装下列less版本可以解决上述问题。其中less原是hbuilder本身支持的，通过cli创建项目后，需要额外安装less。此时需要注意less版本的问题，直接。安装的包将可能导致下列问题。
2023-08-31 11:12:17
2417
原创 uni-app的h5页面的onHide/onUnload方法不触发的问题解决
【代码】uni-app的h5页面的onHide/onUnload方法不触发的问题解决。
2023-02-28 15:01:05
7110
6
原创 vue-cli5升级：Multiple assets emit different content to the same filename index.html编译报错
【代码】vue-cli5升级：Multiple assets emit different content to the same filename index.html编译报错。修改copy-plugin过滤文件
2022-10-28 14:06:55
653
原创 vue-cli5升级：打包后运行时缺少对应的public文件夹下css、js等静态文件
【代码】vue-cli5升级：打包后运行时缺少对应的public文件夹下css、js等静态文件。修改copy-plugin配置
2022-10-28 11:54:55
1971
原创 vue-cli5升级：Progress Plugin Invalid Options编译报错
【代码】vue-cli5升级：Progress Plugin Invalid Options编译报错。同时升级webpack5形成版本一致
2022-10-28 11:38:04
770
1
原创 vue-cli5升级：运行时自动打开0:0:0:0地址且无法访问
【代码】vue-cli5升级：运行时自动打开0:0:0:0地址且无法访问。open + host 配置
2022-10-28 11:33:35
650
原创 vue-cli5升级：Call plugin(‘prefetch-index‘).use(＜Plugin＞) first编译报错
vue-cli5升级：Call plugin('prefetch-index').use() first编译报错。vue-cli5不再内置preload插件
2022-10-28 11:23:17
1542
原创 webpack5升级：compiler.plugin is not a function编译报错
webpack5升级：compiler.plugin is not a function编译报错。webpack5与preload插件不相容
2022-10-28 11:16:00
3331
2
原创 vue-cli5升级：插件冲突报错peer @vue/cli-service@“^3.0.0 || ^4.0.0-0“ from @vue/cli-plugin-babel@4.5.19
vue-cli5升级：插件冲突报错peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.19。node版本降级
2022-10-28 10:56:36
1979
原创 webpack5升级：[vuex] duplicate getter key:****运行报错
webpack5升级：[vuex] duplicate getter key:****运行报错。require.context的使用变化
2022-10-28 10:50:48
1315
原创 Android返回上级页面时还原页面状态信息
Android从页面跳转链接进入地图网页进行导航后返回原来页面，原来页面触发重新加载并刷新状态；希望能保留状态不刷新。：uni-app开发H5项目，H5项目链接webview嵌入app中。：无法控制Android刷新页面，仅能通过存储页面信息进行页面还原。：Android不会从缓存中获取页面，IOS则从缓存中获取页面。
2022-09-29 11:43:31
898
原创 H5页面的部分IOS兼容处理
问题：遮罩层遮挡位置不正确有白边，提交按钮应该在最底部却显示在popup上面。：uni-app开发H5项目，H5项目链接webview嵌入app中。解决：将popup组件放到外层组件中，避免放到内层组件中。IOS底部有安全距离，设置样式时要考虑安全距离。
2022-09-29 11:41:01
1091
原创 uni.openLocation起始点定位，IOS手机无法返回等问题
uni-app开发H5项目，H5项目链接webview嵌入app中。：打开目标的地图位置并进行导航，导航完成后退出回到原界面。：不使用该API，修改当前路径为地图页面路径直接进行导航。
2022-09-29 11:27:28
3230
2
原创 picker-view无法滚动或滚动后回弹至首项
每次需要手动设置picker-view的激活项前都将可选数组清空并取消渲染该组件，使用setTimeout再将原来的可选数组恢复并重新渲染，营造的效果为每次修改时都重新渲染组件，以此规避无法滚动的问题。：表单页面分为只读状态与编辑状态，当从编辑状态转回只读状态时重置picker-view的激活项；后续再返回编辑状态时，表现为picker-view始终固定在首项，滚动后也回弹至首项。：手动设置picker-view的激活项就会导致该问题，深层原因不明，可能是潜在bug。
2022-09-29 11:22:50
1987
原创 uni.chooseImage失效
由APP原生支持返回base64编码，处理base64编码后进行OSS上传实现拍照/选照上传功能。：webview中不支持，需要由APP进行原生支持。
2022-09-29 11:16:30
4160
原创 uni.chooseLocation地图无可选地址
情境：点击选择地址时，地图中定位准确，但下方无可选地址，搜索也无效果。原因：地图key的白名单导致失效。解决：清空地图key的白名单。
2022-09-29 11:12:01
1301
3
原创 antd-vue的modal内置表单重置原始值
1.第三方库版本Vue3.0，Antd3.22.针对情景modal内嵌表单作为组件进行引入，多个入口对modal进行复用modal内表单根据入口传入值进行初始化，再次打开后根据入口的值进行初始化3.关键属性destroyOnClose：modal属性，关闭modal时销毁子元素resetFields：表单重置函数，重置值以及校验状态等4.逻辑解析核心代码// 数据改变时修改表单值watch( () => props.record, (n,o) =>
2022-05-31 17:12:20
2440
原创 antd-vue的modal对话框关闭报错
第三方库版本：Vue3、Antd3.2现象：modal框点击关闭报错原因：modal通过v-model绑定作为prop传入的visible时，modal内置方法将更新prop中的visible，这种直接修改prop的情况导致报错解决方案：v-model:visible = “visible” => v-bind:visible = “visible”...
2022-05-31 16:52:56
2212
原创 JS+CSS实现长文本中间省略效果（文件名中间省略但不省略后缀名）
文本中间省略1.纯CSS实现原博客：https://juejin.cn/post/6966042926853914654目的：文件名过长时中间省略但不省略文件后缀实现关键：txt元素为不需要省略情况，即长度不需要换行，title元素为需要省略情况。利用相对定位，当txt元素不需要换行时，title元素在视图内；当txt元素需要换行时，title元素进行覆盖。title元素利用浮动将内容拆成两端，在对应宽度位置显示省略号技术瓶颈：因为title采用覆盖的方式遮挡txt元素，当需要设置具备透明度颜色
2022-03-29 18:13:44
4400
3
原创 VuePress + Node
Vuepressconfig.js：配置接口对应跨域信息，支持跨域devServer: { proxy: { '/api': { target: 'http://localhost:8085/api', changeOrigin: true, pathRewrite: { '^/api': '' }
2022-03-11 16:14:09
1469
原创 VuePress
1.目录结构├── docs│ ├── .vuepress (可选的) 用于存放全局的配置、组件、静态资源等│ │ ├── components (可选的) Vue 组件将会被自动注册为全局组件│ │ ├── theme (可选的) 存放本地主题│ │ │ └── Layout.vue 网页布局渲染的统一标准│ │ ├── public (可选的) 静态资源目录│ │ ├── styles (可选的) 存放样式相关的文件│ │ │
2022-02-24 16:51:55
785
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人