- 博客(18)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 在vite5和vue3开发环境中使用jodit4富文本编辑器，并添加自定义插件和使用highlight.js实现代码块高亮（附其他自定义配置项和全部代码）
在vite5和vue 3中的开发环境使用jodit 4富文本编辑器，并添加自定义插件和使用highlight.js实现代码块高亮，还有其他配置：标签属性配置（createAttributes: ）、字体、字号、图片上传、中文显示（i18n）等等。附上全部代码
2024-01-17 17:19:45
922
3
原创 vue3使用jodit富文本编辑器，自定义各项配置及组件封装
vue3使用jodit富文本编辑器，自定义各项配置，如中文、中文字体、图片上传及组件封装等
2023-03-16 16:28:28
4618
10
原创 element-plus虚拟化表格组件el-table-v2渲染自定义组件的其中两种方式(js和jsx)及注意事项
在使用element-plus的虚拟表格化组件el-table-v2渲染数据和组件的方法时，由于官网的使用示例中只有ts或tsx版，文章则是使用js和jsx的示例及一些虚拟化表格组件的注意事项。在设置columns属性时，其中的宽度字段（width）必须设置值（只能是数字类型）且每一列都要设置，不然会出现数据不显示或是只显示一列的情况。先看效果图（数据是mockjs随机生成的）columns属性中自定义单元格渲染器的字段是cellRenderer，类型为VueComponent/(props: Cell
2022-10-12 13:58:09
22881
23
原创 vue3中按需使用echarts5贴花图案和跨系列的形变动画
vue3中使用echarts5贴花图案和跨系列形变动画，及效果无效的解决办法和注意事项
2021-12-10 10:52:53
1336
原创 vue3使用element-plus打包上线后图标偶尔乱码的解决方法
与element-ui不同的是，element-plus没有使用node-sass或者dart-sass，而使用的是sass和sass-loader，起初觉得可能是项目的sass版本和sass-loader的版本与element-plus的版本不一致，于是删除了自己项目的版本，安装了与element-plus使用的版本一致，但并未解决问题，版本如下： "devDependencies": { "postcss-loader": "^5.3.0", "sass": "^1.35.1",
2021-07-20 11:09:44
2237
3
原创 create-react-app+antd-mobile配置less、rem布局、自定义主题，无需暴露全局配置
网上看了很多文章在create-react-app配置less和rem，都是需要通过暴露全局配置的方式去配置，比较麻烦，那么有没有不暴露全局配置的情况下，也可以配置呢？答案是有的，这里我是移动端项目，使用了antd-mobile UI框架，以此为例：一、 在移动端配置less和自定义主题与antd PC端的一致，可参见 官网示例先安装 @craco/craco craco-less//yarn 安装yarn add @craco/craco craco-less//npm安装npm inst
2021-05-07 10:17:26
1152
1
原创 echarts5.0.2版本的日期格式化方法time.format无效的解决方法
最近在react+antd项目中使用了echarts的柱状图，在显示tooltip时需要对时间格式化处理，在4.x版本中我们可以使用echarts.format.formatTime方法，但在5.x版本中使用该方法则遇到了一下问题：在VS Code开发工具中可以清晰的看到formatTime有删除线，且在浏览器控制台有警告提示//控制台的警告提示内容[ECharts] DEPRECATED: echarts.format.formatTime is deprecated, use echarts.
2021-04-20 17:28:52
3962
3
原创 vue2.x使用jodit富文本编辑器，并配置自定义字体和中文
jodit富文本编辑器字体配置、Jodit的使用问题一：不能配置字体解决步骤如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入最新在做邮箱系统时，需要用到富文本编辑器且功能比较齐全的，比如表格的全部功能；筛选了多款编辑器，最终拟定了两种，一个是百度的UEditor，一个是J
2021-03-24 15:19:03
2583
原创 vue3.0+antd2.x+typescript版的表单组件验证或数据双向绑定失效
在ant-design-vue2.x版本官网上，虽然支持vue3.0，但目前还是以vue2.x的方式展示组件的使用，并没有对怎么使用vue3.0的组合式API（Composition API）进行展示，导致在项目进行时遇到了好些坑，现将我遇到的问题（表单组件部分）及解决办法做个分享。表单组件验证和数据双向绑定失效原写法：<a-form layout="vertical" :model="form" :rules="formRule" ref="formRef"> <a-form
2020-12-14 10:45:51
1723
原创 react17.x+MDUI实现todo小案例，react动态添加与删除元素属性
很长一段时间没有使用react做项目了，一看官网已经更新到17.x版本了，记得今年上班的时候才v13.x，由于平时项目开发用vue的时候居多，对于react长时间不用怕忘了，赶紧写个小案例练练手，使用版本说明：react：v17.0.1MDUI：v1.0.1官方描述：MDUI 漂亮、轻量且好用，它能让你更轻松地开发 Material Design 网页应用。官网地址https://www.mdui.org/先上效果图：至于为啥使用MDUI，我也是在头条上刷资讯的时候偶然看见的，因为平时在上面
2020-12-01 15:12:45
771
2
原创 关于gist.github.com网站不能访问的解决办法
在安装vscode插件Settings Sync时，需要在github上新建gist，但是新建的链接网址：https://gist.github.com不能访问。网上搜索了好多方法，修改 hosts文件，在末尾增加 192.30.255.118 gist.github.com与192.30.255.119 gist.github.com，经测试并没有效果，还是打不开，通过ping IP地址也不通，觉得可能是IP地址更换了，去网站http://ping.chinaz.com查询时，果然IP地址已更换最
2020-11-03 11:28:09
9696
1
原创 微信小程序canvas画布新接口type为2D时drawImage方法的使用以及注意事项
微信小程序canvas画布自2.9.0 起支持一套新 Canvas 2D 接口（需指定 type 属性），但文档不全，从原canvas的api转变到新的api时遇到不少问题，现将新版与旧版的画布载入图片方法整理一下，避免再次入坑。旧版代码如下<canvas style="width:100vw; height:100vh;" canvas-id="canvas_box" ></canvas>onReady() { let ctx = wx.createCanvasCo
2020-06-16 15:47:19
10084
7
原创 cnpm发布包后下载失败，Install fail! Error: GET https://registry.npm.taobao.org/xxx response 404 status
最近写了一个vue插件，发布到npm后，准备测试一下看是否能成功下载使用，使用cnpm一直下载不成功，一直报404错误：于是换为npm i nav-follows -S，也是报错：然后也清除了npm缓存，问题依然没解决，最后发现是在发布npm包的时候使用了淘宝镜像，而不是npm仓库，解决方法：首先查看目前是否使用淘宝镜像E:\Vue\component>npm config g...
2020-04-16 15:56:12
42398
9
原创 vant组件ImagePreview动态渲染v-html里的图片不显示bug
问题描述：对元素v-html的内容中图片实现点击放大预览，因为我做的是移动端项目，所以使用的ui框架是vant，用到了图片预览组件ImagePreview，因为是通过v-html绑定的数据，获取图片的src需要绑定监听事件，ImagePreview有两种使用方法：组件调用和函数调用，起初我使用的是函数调用，组件结构如下：<template> <div class="c...
2020-04-13 15:27:33
4189
原创 vue打包部署服务器后前端访问页面出现404
最近项目打包部署至服务器后，通过前端访问，页面能进入vue路由写的404页面，但是无法进入其他页面，网上也看过一些文章，说的是需要后端进行相应配置，并开启伪静态，而我们项目的后端并未使用伪静态，然后前端做了修改。在vue-router路由对象中，路由有两种模式：hash和history，而我一般使用history模式，在history模式下，前端路由须和向后端发起请求的路由一致，如http://...
2020-04-13 14:05:09
3268
2
原创 百度小程序页面显示空白，但又没有报错
在百度小程序的页面中，如果是单标签的组件写成双标签，进入页面时页面显示空白，但是微信小程序可以正常显示，比如input组件、textarea组件 等，百度小程序中则必须写成单标签才行。页面结构：<block s-for="{{pagedata}}"> <block s-if="{{item.type==0 && item.tp_text[0].yval...
2019-06-03 16:13:36
4597
原创 百度小程序s-for绑定的数据为对象时，动态操作页面时显示内容顺序颠倒的解决办法
问题描述： 百度小程序s-for绑定的数据为对象时，如果只做展示无操作，没有问题，但是要操作动态获取对应的值时，页面的显示内容顺序会颠倒，官方文档也并没有说明s-for循环不可以绑定对象，但是微信小程序中则没有出现这个错误，因为我的百度小程序项目是从微信小程序项目中的迁移，这里只在百度小程序中更改。页面结构： <view class='type_box' s-for="item,inde...
2019-06-03 14:42:51
1520
原创 百度小程序请求接口参数输出有值，而执行时没有值或者参数被省略问题
百度小程序请求接口参数输出有值，而执行时没有值或者参数被省略问题问题说明1：在请求接口参数的data值中，如果有某一项值的数据类型为数组，在执行请求时不成功，通过Network下查看显示值为空，如下图//代码举例 var openid = 'xxxxx'; var uniacid=120; var arrayData = [{ num：1,pvi...
2019-05-31 16:16:38
2274
空空如也
windows 10更新时总是存在多个版本更新，怎么只更新其中最新的一个版本？
2021-12-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人