- 博客(103)
- 收藏
- 关注
RSS订阅
原创 tinymce富文本中图片默认宽度100%配置
TinyMCE富文本编辑器配置摘要 该配置设定了TinyMCE编辑器的基本参数：中文界面、450px高度，禁用菜单栏。主要功能包括快捷工具栏、列表、表格、链接和图片处理，支持字体大小、颜色、对齐等格式设置。特别优化了图片处理功能，支持旋转、翻转等操作，并默认设置图片最大宽度为100%自适应。上下文菜单支持图片、链接和表格操作。配置简洁实用，适合中文环境下的内容编辑需求。
2025-10-27 14:59:52
132
原创 uniapp中实现扫码
这段代码实现了一个二维码扫描功能：在uni-app框架中创建了一个扫码按钮，点击后调用uni.scanCode()方法进行扫码操作。成功扫码后会打印扫描结果并可在回调函数中进行后续处理，失败则输出错误信息。同时需要在manifest.json中配置相机权限以便使用扫码功能。该功能适用于需要二维码识别的移动应用场景。
2025-09-16 13:44:03
288
原创 vue3+ionic项目搭建
本文介绍了如何在Node环境下安装和创建Ionic Vue3项目。首先全局安装Ionic CLI，若npm版本不符需更新后重装。安装完成后，切换到目标目录，使用ionic start命令创建项目，再进入项目根目录执行ionic serve即可启动项目。整个过程涵盖了从环境配置到项目运行的完整流程。
2025-09-10 11:54:20
154
原创 vue3语法糖，属性的使用简单介绍
该代码展示了一个Vue3大屏数据统计页面的两种实现方式：defineComponent和script setup语法。页面包含批次数据表格、饼状图展示实际/目标/残差数据、数字显示组件以及柱状图等功能模块。defineComponent版本通过reactive管理状态，使用watch监听数据变化，并实现从Excel读取数据的功能。script setup版本更简洁，使用ref管理响应式数据，通过fetch获取Excel数据并解析。两种方式都实现了数据可视化展示，包括表格筛选、周数据切换等功能，整体采用蓝黑色
2025-09-05 09:26:20
185
原创 vue项目中修改系统自带滚动条样式
这篇文章介绍了如何通过CSS自定义网页滚动条样式。首先使用::-webkit-scrollbar伪元素设置滚动条整体样式，包括宽高尺寸；然后通过::-webkit-scrollbar-thumb设置滚动条滑块的圆角和颜色；最后用::-webkit-scrollbar-track定义滚动条轨道样式。在main.js中，通过import语句引入这些全局样式，确保在Vue应用中生效。这种自定义滚动条的方法可以提升网页视觉效果和用户体验。
2025-09-05 09:07:40
182
原创 微前端qiankun嵌入vue项目后iconfont显示方块
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）解决方法：修改iconfont.css文件的woff2的url将，修改未base64。打开代码链接地址 复制替换项目中的iconfont.css。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。SubTopH前端开发个人站。在阿里图库的 点击生成代码。base64代码生成获取。
2023-11-07 15:35:22
530
原创 vue3实现日历日期选择(不使用任何插件，纯javaScript实现)
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）上面代码直接创建vue文件，在其他文件直接引入组件使用即可。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。SubTopH前端开发个人站。下面是日期选择组件完整代码。
2023-08-30 16:49:50
2256
原创 vue3范围选择组件封装
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）组件使用到的handleStepNumber方法。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。组件使用到的findCloseNum方法。1.组件可以实现最小值和最大值的设置。SubTopH前端开发个人站。3.组件长度根据父组件自定义。根据自己的需求可进行更多扩展。4.滑动和点击会改变范围值。
2023-08-24 15:54:03
946
原创 uniapp&&微信小程序点击右上角菜单分享功能权限配置
以上 👆 是个人前端项目，欢迎提出您的建议😊个人项目地址：（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）SubTopH前端开发个人站以上 👆 是个人前端项目，欢迎提出您的建议😊..
2023-08-22 11:10:28
3006
原创 selector.replaceAll is not a function报错问题
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）问题原因：代码中并没有使用replaceAll方法。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。切换node版本后报错就解决了。SubTopH前端开发个人站。其实是node版本低导致。
2023-08-17 11:44:01
779
原创 uniapp开发微信小程序底部地区选择弹框
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）直接上代码模板部分（利用uniapp中的picker-view进一步封装）different方法判断数组中某个值的改变下标。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。SubTopH前端开发个人站。javaScript部分代码。
2023-08-14 14:08:22
1320
原创 uniapp&&小程序上传pdf文件开发记录
我们可以使用 wx.chooseMessageFile和wx.uploadFile实现上传文件至服务器。小程序中上传文件时无法获取file对象，只能获取path临时路径。
2023-08-11 09:36:38
1757
原创 uniapp&&微信小程序中打开腾讯地图获取用户位置信息
uniapp&&微信小程序中打开腾讯地图获取用户位置信息，获取用户详细地址文字信息小程序
2023-08-04 15:23:07
2556
原创 uniapp&&小程序警告：[sitemap 索引情况提示]
这个并不算是报错，只是一个警告提示，提示开发者哪些页面被微信收录了（代表这个页面可以在微信的搜索中被搜到），sitemap 的索引提示是默认开启的，如需要关闭 sitemap 的索引提示，可在小程序项目配置文件 【project.config.json】 的 setting 中添加配置字段 checkSiteMap 为 false。小程序项目中在project.config.json进行设置。uniapp项目中修改方式。
2023-07-31 17:14:40
443
原创 vue中axios多次相同请求中断上一个
问题描述：在开发中，通过不同条件请求相同接口时，相同接口点击频率过快，会导致每次请求返回的时间无法控制，所以最终展示的数据可能不是最后点击返回的数据，导致数据展示错误。说白了就是：先发送的请求可能最后返回数据，导致展示的先发送请求返回的数据，后发送请求的数据被覆盖了。解决方案：请求相同接口时，中断上一个相同接口，这样避免数据展示错误。在api文件中代码如下。使用接口组件代码如下。
2022-09-21 16:49:09
2871
原创 JS中toString()、toLocaleString()、valueOf()的区别
简单举例说明var date = new Date();console.log(date.valueOf());console.log(date.toString());console.log(date.toLocaleString());// 1646633677164// Mon Mar 07 2022 14:14:37 GMT+0800 (中国标准时间)// 2022/3/7 下午2:14:37var num = new Number(3287398279);console.l
2022-03-07 14:20:52
283
原创 vue打包上线问题
打包本地预览项目 路径要修改 ./ 默认是 / vue.config.js文件中配置publicPath 本地预览hash模式，才可以正常预览 上线修改为history模式（前端不需要做什么），后端需要重定向，不然出现空白页...
2022-02-20 22:21:24
486
原创 vue2中函数式组件切换
根据传入组件名称，展示不同组件.js文件，使用时和vue组件文件一样，引入，注册组件，标签使用import ConversationTpl from './ConversationTpl.vue'import ProblemTpl from './ProblemTpl.vue'import SharesTpl from './SharesTpl.vue'import FileCommentTpl from './FileCommentTpl.vue'import CollectionTpl
2022-02-17 09:35:48
456
原创 JavaScript中set和map数据类型
Set在ES6之前，我们存储数据的结构主要有两种：数组、对象。 在ES6中新增了另外两种数据结构：Set、Map，以及它们的另外形式WeakSet、WeakMap。 Set是一个新增的数据结构，可以用来保存数据，类似于数组，但是和数组的区别是元素不能重复。 创建Set我们需要通过Set构造函数（暂时没有字面量创建的方式）我们可以发现Set中存放的元素是不会重复的，那么Set有一个非常常用的功能就是给数组去重。 Set常见的属性： psize：返回Set中元素的个数； Set常用的方
2022-02-03 22:57:20
664
原创 JavaScript实现防抖
基础实现function debounce(fn, delay) { // 1.定义一个定时器, 保存上一次的定时器 let timer = null // 2.真正执行的函数 const _debounce = function() { // 取消上一次的定时器 if (timer) clearTimeout(timer) // 延迟执行 timer = setTimeout(() => { // 外部传入的真正要执行的函数
2022-02-01 16:34:55
809
原创 （方法）JavaScript删除字符串中所有指定元素
删除单个或多个字符串中多个关键词/** * @param {string} initStr -需要处理的字符串 * @param {string || array} initkeyWord -需要删除的关键词单个字符或者多个字符数组(数组中字符不要由重叠部分) * bad ['有限公司','股份有限公司'] 问题：股份 不会被删除 * bad ['股份有限公司','有限公司'] 长字符靠前可以解决（不推荐） * good ['有限','股份','公司'] * @returns {str
2022-01-22 11:26:06
1900
原创 vue 项目路由跳转后显示不同的title
首先路由配置文件配置meta.titleconst route = [ { path: '/doc_log', name: 'DocLog', component: DocLog, meta: { title: '设置titile', }, },];安装插件npm install vue-wechat-title --saveyarn add vue-wechat-title --savemain.js中注册impor
2022-01-20 15:42:09
1228
原创 （基础）vue3中监听url中hash值的变化
hash变化不会刷新页面，监听hash变化进行页面刷新，进行其他操作等setup(props, ctx: SetupContext) { // 监听hash变化刷新页面，更换头部导航颜色 const hashChange = () => { window.addEventListener( 'hashchange', () => { console.log('hash变化'); },
2022-01-12 11:29:36
2319
2原创 （问题）eslint检查时报错
error setCookie not found in './docLogData' import/named
2022-01-06 09:58:45
1046
原创 （基础）ESLint配置详情
简介通过用 ESLint 来检查一些规则，我们可以：统一代码风格规则，如：代码缩进用几个空格；是否用驼峰命名法来命名变量和函数名等。 减少错误， 如：相等比较必须用 === ，变量在使用前必须被声明，在条件语句中不能使用赋值语句等。 提高代码质量，如：函数最多有多少条件分支；最多有几个参数，代码块最多能嵌套多少层等。安装安装 ESLint 的依赖npm install --save-dev eslint eslint-loader在 webpack.config.js 加上配置
2022-01-05 22:11:51
5555
原创 （问题）NavigationDuplicated: Avoided redundant navigation to current location:
NavigationDuplicated: Avoided redundant navigation to current location:NavigationDuplicated:避免了对当前位置的冗余导航：
2022-01-05 09:58:09
1195
原创 （基础）JavaScript中localStorage和sessionStorage的区别
认识StorageWebStorage主要提供了一种机制，可以让浏览器提供一种比cookie更直观的key、value存储方式： localStorage：本地存储，提供的是一种永久性的存储方法，在关闭掉网页重新打开时，存储的内容依然保留； sessionStorage：会话存储，提供的是本次会话的存储，在关闭掉会话时，存储的内容会被清除；localStorage和sessionStorage的区别验证一：关闭网页后重新打开，localStorage会保留，而sessionStor
2022-01-04 22:37:49
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人