- 博客(97)
- 收藏
- 关注
RSS订阅
原创 微前端qiankun嵌入vue项目后iconfont显示方块
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）解决方法：修改iconfont.css文件的woff2的url将，修改未base64。打开代码链接地址 复制替换项目中的iconfont.css。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。SubTopH前端开发个人站。在阿里图库的 点击生成代码。base64代码生成获取。
2023-11-07 15:35:22
463
原创 vue3实现日历日期选择(不使用任何插件，纯javaScript实现)
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）上面代码直接创建vue文件，在其他文件直接引入组件使用即可。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。SubTopH前端开发个人站。下面是日期选择组件完整代码。
2023-08-30 16:49:50
2148
原创 vue3范围选择组件封装
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）组件使用到的handleStepNumber方法。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。组件使用到的findCloseNum方法。1.组件可以实现最小值和最大值的设置。SubTopH前端开发个人站。3.组件长度根据父组件自定义。根据自己的需求可进行更多扩展。4.滑动和点击会改变范围值。
2023-08-24 15:54:03
888
原创 uniapp&&微信小程序点击右上角菜单分享功能权限配置
以上 👆 是个人前端项目，欢迎提出您的建议😊个人项目地址：（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）SubTopH前端开发个人站以上 👆 是个人前端项目，欢迎提出您的建议😊..
2023-08-22 11:10:28
2554
原创 selector.replaceAll is not a function报错问题
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）问题原因：代码中并没有使用replaceAll方法。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。切换node版本后报错就解决了。SubTopH前端开发个人站。其实是node版本低导致。
2023-08-17 11:44:01
676
原创 uniapp开发微信小程序底部地区选择弹框
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）直接上代码模板部分（利用uniapp中的picker-view进一步封装）different方法判断数组中某个值的改变下标。以上 👆 是个人前端项目，欢迎提出您的建议😊。以上 👆 是个人前端项目，欢迎提出您的建议😊。SubTopH前端开发个人站。javaScript部分代码。
2023-08-14 14:08:22
1208
原创 uniapp&&小程序上传pdf文件开发记录
我们可以使用 wx.chooseMessageFile和wx.uploadFile实现上传文件至服务器。小程序中上传文件时无法获取file对象，只能获取path临时路径。
2023-08-11 09:36:38
1529
原创 uniapp&&微信小程序中打开腾讯地图获取用户位置信息
uniapp&&微信小程序中打开腾讯地图获取用户位置信息，获取用户详细地址文字信息小程序
2023-08-04 15:23:07
2386
原创 uniapp&&小程序警告：[sitemap 索引情况提示]
这个并不算是报错，只是一个警告提示，提示开发者哪些页面被微信收录了（代表这个页面可以在微信的搜索中被搜到），sitemap 的索引提示是默认开启的，如需要关闭 sitemap 的索引提示，可在小程序项目配置文件 【project.config.json】 的 setting 中添加配置字段 checkSiteMap 为 false。小程序项目中在project.config.json进行设置。uniapp项目中修改方式。
2023-07-31 17:14:40
399
原创 vue中axios多次相同请求中断上一个
问题描述：在开发中，通过不同条件请求相同接口时，相同接口点击频率过快，会导致每次请求返回的时间无法控制，所以最终展示的数据可能不是最后点击返回的数据，导致数据展示错误。说白了就是：先发送的请求可能最后返回数据，导致展示的先发送请求返回的数据，后发送请求的数据被覆盖了。解决方案：请求相同接口时，中断上一个相同接口，这样避免数据展示错误。在api文件中代码如下。使用接口组件代码如下。
2022-09-21 16:49:09
2747
原创 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
254
原创 vue打包上线问题
打包本地预览项目 路径要修改 ./ 默认是 / vue.config.js文件中配置publicPath 本地预览hash模式，才可以正常预览 上线修改为history模式（前端不需要做什么），后端需要重定向，不然出现空白页...
2022-02-20 22:21:24
459
原创 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
422
原创 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
628
原创 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
761
原创 （方法）JavaScript删除字符串中所有指定元素
删除单个或多个字符串中多个关键词/** * @param {string} initStr -需要处理的字符串 * @param {string || array} initkeyWord -需要删除的关键词单个字符或者多个字符数组(数组中字符不要由重叠部分) * bad ['有限公司','股份有限公司'] 问题：股份 不会被删除 * bad ['股份有限公司','有限公司'] 长字符靠前可以解决（不推荐） * good ['有限','股份','公司'] * @returns {str
2022-01-22 11:26:06
1828
原创 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
1179
原创 （基础）vue3中监听url中hash值的变化
hash变化不会刷新页面，监听hash变化进行页面刷新，进行其他操作等setup(props, ctx: SetupContext) { // 监听hash变化刷新页面，更换头部导航颜色 const hashChange = () => { window.addEventListener( 'hashchange', () => { console.log('hash变化'); },
2022-01-12 11:29:36
2186
2原创 （问题）eslint检查时报错
error setCookie not found in './docLogData' import/named
2022-01-06 09:58:45
1018
原创 （基础）ESLint配置详情
简介通过用 ESLint 来检查一些规则，我们可以：统一代码风格规则，如：代码缩进用几个空格；是否用驼峰命名法来命名变量和函数名等。 减少错误， 如：相等比较必须用 === ，变量在使用前必须被声明，在条件语句中不能使用赋值语句等。 提高代码质量，如：函数最多有多少条件分支；最多有几个参数，代码块最多能嵌套多少层等。安装安装 ESLint 的依赖npm install --save-dev eslint eslint-loader在 webpack.config.js 加上配置
2022-01-05 22:11:51
5459
原创 （问题）NavigationDuplicated: Avoided redundant navigation to current location:
NavigationDuplicated: Avoided redundant navigation to current location:NavigationDuplicated:避免了对当前位置的冗余导航：
2022-01-05 09:58:09
1160
原创 （基础）JavaScript中localStorage和sessionStorage的区别
认识StorageWebStorage主要提供了一种机制，可以让浏览器提供一种比cookie更直观的key、value存储方式： localStorage：本地存储，提供的是一种永久性的存储方法，在关闭掉网页重新打开时，存储的内容依然保留； sessionStorage：会话存储，提供的是本次会话的存储，在关闭掉会话时，存储的内容会被清除；localStorage和sessionStorage的区别验证一：关闭网页后重新打开，localStorage会保留，而sessionStor
2022-01-04 22:37:49
149
原创 （函数）JavaScript中保留到小数点以后n位
// 保留小数点以后几位，默认2位export function cutNumber(number, no = 2) { if (typeof number != 'number') { number = Number(number) } return Number(number.toFixed(no))}使用场景：JS的浮点数超长，有时候页面显示时需要保留2位小数...
2022-01-03 22:19:05
267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人