自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(61)
  • 收藏
  • 关注

原创 electron-vue安装与打包问题解决

electron-builder生成的包路径与实际淘宝镜像包路径有差异,导致无法获取到对应的electron包。

2024-09-20 14:02:00 378

原创 Vue + element-ui实现动态表单项以及动态校验规则

项目需要实现一个功能,表单中某个表单项产品id支持动态新增多个产品id表单项,每个产品id表单项都需要有校验规则,校验失败时各自有对应的校验提示。

2024-09-19 09:45:04 554

原创 Vue主题色实现

不同主题色根据不同js文件划分定义,根据不同主题区别设置对应的样式变量...封装主题色切换函数,用于根据配置参数切换主题色变量

2024-09-18 11:29:59 371

原创 JS日期转化指定格式,获取月/周日期区间

let date = new Date(year, 11, 31) // 12月31日== 1) { // 找到第一个星期一。

2024-09-14 14:42:48 594

原创 element-plus弹窗内分页表格保留勾选项

与row-key配合使用使表格数据刷新后依旧保留选项。

2024-09-14 09:06:14 687

原创 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 363

原创 Vue2升级Vue3 --- 第三方库变化(基于gogocode)

本次升级基于gogocode快捷转换,汇总的部分问题可能与gogocode有关,但仍可作为vue2升级vue3过程中报错问题的解决参考。

2024-09-06 18:06:33 881

原创 前端常用排序算法

【代码】前端常用排序算法。

2024-06-14 14:22:02 440 1

原创 uni-app项目引入阿里巴巴矢量图标库

我这里放入的位置是src/static/icon目录下。

2024-04-18 11:17:54 536

原创 vue + LogicFlow 实现流程图展示

基于某种类型节点改动可继承该类型节点类,若需要自定义整个节点则需继承htmlNode类去自定义构建html节点${const {const { ` el . innerHTML = html // 需要先把之前渲染的子节点清除掉 rootEl . innerHTML = '' rootEl . appendChild(el) } } export default {const {const {

2024-03-27 11:34:25 3400 4

原创 《JavaScript设计模式》笔记 - - - 超全设计模式概览

/ 优点:功能可被复用// 缺点:每个对象都有方法,造成消耗},},

2023-11-08 17:45:00 489

原创 HTML5笔记

前端学习笔记专栏区别于官网中全面的知识讲解,主要记录学习技术栈时对于重点内容的提炼,便于对技术栈知识的快速回顾以及使用。

2023-11-08 14:02:56 1080 1

原创 indexedDB笔记

该部分内容主要源于https://juejin.cn/post/7026900352968425486。

2023-11-03 11:00:28 503

原创 CSS笔记

前端学习笔记专栏区别于官网中全面的知识讲解,主要记录学习技术栈时对于重点内容的提炼,便于对技术栈知识的快速回顾以及使用。

2023-11-01 09:45:32 587

原创 sass笔记

【代码】sass笔记。

2023-10-30 15:34:54 251

原创 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 1755

原创 css+js实现:文本超出宽度时显示省略号并悬浮气泡框

【代码】css+js实现:文本超出宽度时显示省略号并悬浮气泡框。

2023-03-13 10:03:23 1557

原创 uni-app的h5页面的onHide/onUnload方法不触发的问题解决

【代码】uni-app的h5页面的onHide/onUnload方法不触发的问题解决。

2023-02-28 15:01:05 6404 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 611

原创 vue-cli5升级:打包后运行时缺少对应的public文件夹下css、js等静态文件

【代码】vue-cli5升级:打包后运行时缺少对应的public文件夹下css、js等静态文件。修改copy-plugin配置

2022-10-28 11:54:55 1873

原创 vue-cli5升级:Progress Plugin Invalid Options编译报错

【代码】vue-cli5升级:Progress Plugin Invalid Options编译报错。同时升级webpack5形成版本一致

2022-10-28 11:38:04 715

原创 vue-cli5升级:运行时自动打开0:0:0:0地址且无法访问

【代码】vue-cli5升级:运行时自动打开0:0:0:0地址且无法访问。open + host 配置

2022-10-28 11:33:35 618

原创 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 1445

原创 webpack5升级:compiler.plugin is not a function编译报错

webpack5升级:compiler.plugin is not a function编译报错。webpack5与preload插件不相容

2022-10-28 11:16:00 3083 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 1714

原创 webpack5升级:[vuex] duplicate getter key:****运行报错

webpack5升级:[vuex] duplicate getter key:****运行报错。require.context的使用变化

2022-10-28 10:50:48 1257

原创 升级 webpack5 + vue-cli5

webpack5、vue-cli5升级,插件更新、配置信息调整以及各类踩坑

2022-10-27 18:40:08 862

原创 Android返回上级页面时还原页面状态信息

Android从页面跳转链接进入地图网页进行导航后返回原来页面,原来页面触发重新加载并刷新状态;希望能保留状态不刷新。:uni-app开发H5项目,H5项目链接webview嵌入app中。:无法控制Android刷新页面,仅能通过存储页面信息进行页面还原。:Android不会从缓存中获取页面,IOS则从缓存中获取页面。

2022-09-29 11:43:31 814

原创 H5页面的部分IOS兼容处理

问题:遮罩层遮挡位置不正确有白边,提交按钮应该在最底部却显示在popup上面。:uni-app开发H5项目,H5项目链接webview嵌入app中。解决:将popup组件放到外层组件中,避免放到内层组件中。IOS底部有安全距离,设置样式时要考虑安全距离。

2022-09-29 11:41:01 1038

原创 uni.openLocation起始点定位,IOS手机无法返回等问题

uni-app开发H5项目,H5项目链接webview嵌入app中。:打开目标的地图位置并进行导航,导航完成后退出回到原界面。:不使用该API,修改当前路径为地图页面路径直接进行导航。

2022-09-29 11:27:28 3094 2

原创 picker-view无法滚动或滚动后回弹至首项

每次需要手动设置picker-view的激活项前都将可选数组清空并取消渲染该组件,使用setTimeout再将原来的可选数组恢复并重新渲染,营造的效果为每次修改时都重新渲染组件,以此规避无法滚动的问题。:表单页面分为只读状态与编辑状态,当从编辑状态转回只读状态时重置picker-view的激活项;后续再返回编辑状态时,表现为picker-view始终固定在首项,滚动后也回弹至首项。:手动设置picker-view的激活项就会导致该问题,深层原因不明,可能是潜在bug。

2022-09-29 11:22:50 1718

原创 uni.chooseImage失效

由APP原生支持返回base64编码,处理base64编码后进行OSS上传实现拍照/选照上传功能。:webview中不支持,需要由APP进行原生支持。

2022-09-29 11:16:30 3861

原创 uni.chooseLocation地图无可选地址

情境:点击选择地址时,地图中定位准确,但下方无可选地址,搜索也无效果。原因:地图key的白名单导致失效。解决:清空地图key的白名单。

2022-09-29 11:12:01 1164 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 2315

原创 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 2133

原创 JS+CSS实现长文本中间省略效果(文件名中间省略但不省略后缀名)

文本中间省略1.纯CSS实现原博客:https://juejin.cn/post/6966042926853914654目的:文件名过长时中间省略但不省略文件后缀实现关键:txt元素为不需要省略情况,即长度不需要换行,title元素为需要省略情况。利用相对定位,当txt元素不需要换行时,title元素在视图内;当txt元素需要换行时,title元素进行覆盖。title元素利用浮动将内容拆成两端,在对应宽度位置显示省略号技术瓶颈:因为title采用覆盖的方式遮挡txt元素,当需要设置具备透明度颜色

2022-03-29 18:13:44 4135 3

原创 VuePress + Node

Vuepressconfig.js:配置接口对应跨域信息,支持跨域devServer: { proxy: { '/api': { target: 'http://localhost:8085/api', changeOrigin: true, pathRewrite: { '^/api': '' }

2022-03-11 16:14:09 1401

原创 VuePress

1.目录结构├── docs│ ├── .vuepress (可选的) 用于存放全局的配置、组件、静态资源等│ │ ├── components (可选的) Vue 组件将会被自动注册为全局组件│ │ ├── theme (可选的) 存放本地主题│ │ │ └── Layout.vue 网页布局渲染的统一标准│ │ ├── public (可选的) 静态资源目录│ │ ├── styles (可选的) 存放样式相关的文件│ │ │

2022-02-24 16:51:55 722

原创 Vue2升级Vue3 --- ant-design-vueV1.x升级V2.x(基于gogocode)

1.v-model升级v-model:checked: CheckableTag、Checkbox、Switchv-model:value: Radio、Mentions、CheckboxGroup、Rate、DatePicker、Selectv-model:visible: Tag、Popconfirm、Popove、Tooltip、Moda、Dropdownv-model:activeKey: Collaps、Tabsv-model:current: Stepsv-model:select

2022-01-29 15:44:51 2430 1

原创 Vue2升级Vue3 --- Vue变更(基于gogocode)

本文的语法变更基于gogocode篇中进行进一步说明gogocode篇:https://blog.csdn.net/qq_44242707/article/details/122742884一.语法变更1.package.json- "vue-template-compiler": "^2.6.11",+ "@vue/compiler-sfc": "3.1.0",- "vue-loader": "^15.9.1",+ "vue-loader": "^16.0.0", // gogoco.

2022-01-29 15:30:30 1676 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除