- 博客(108)
- 收藏
- 关注
原创 【uniapp小程序】使用cheerio去除字符串中的HTML标签并获取纯文本内容
【代码】【uniapp小程序】使用cheerio去除字符串中的HTML标签并获取纯文本内容。
2024-10-10 11:34:20 556
原创 uniapp解决app端不能用<web-view>将外部页面嵌入当前页面的问题
/禁止远程网页使用plus的API,有些使用mui制作的网页可能会监听plus.key,造成关闭页面混乱,可以通过这种方式禁止。//禁止远程网页使用plus的API,有些使用mui制作的网页可能会监听plus.key,造成关闭页面混乱,可以通过这种方式禁止。//一定要append到当前的页面里!//一定要append到当前的页面里!//如果是首页的onload调用时需要延时一下,二级页面无需延时,可直接获取。//如果是首页的onload调用时需要延时一下,二级页面无需延时,可直接获取。
2024-08-26 15:31:47 1364
原创 uniapp全局配置固定横屏打包后出现样式问题的解决
uniapp全局配置固定横屏打包后首页出现样式比例不对,页面跳转后恢复。去掉pages.json文件中的固定横屏配置,去页面添加手动横屏。//解除屏幕方向的锁定,但是不一定是竖屏;大致是资源加载顺序的问题。
2024-08-12 09:30:35 363 2
原创 uniapp 自定义图片预览组件PicturePreview(Vue3、组合式、ts)
const>>;constref0;constref1;;log;0;false;;true;</position;top;left;width;height;overflow;z-index。
2024-08-06 14:37:51 966
原创 Vue3 vite使用postcss-px-to-viewport(适配vant)
【代码】Vue3 vite使用postcss-px-to-viewport(适配vant)
2024-06-26 10:12:51 479
原创 keep-alive页面切回原滚动位置hook方法
如果使用了keep-alive组件,当前组件会额外增加两个生命周期。通过这两个声明周期,失活时记录页面原滚动位置,激活时滚回原位置。
2024-06-26 09:24:59 512
原创 【Nprogress】页面跳转进度条
NProgress是一个基于HTML5的JavaScript进度条组件,它提供了一个简单的进度条,可以显示当前的进度。NProgress是一个轻量级的库,具有易于使用的API和易于自定义的样式。
2024-06-21 14:34:59 527
原创 【Splitpanes】Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。
Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。用于实现可调节窗口,支持Vue2、Vue3。
2024-06-21 09:41:41 769
原创 vite-plugin-mock前端自行模拟接口返回数据的插件
中文文档:[https://gitcode.com/vbenjs/vite-plugin-mock/blob/main/README.zh_CN.md)
2024-06-15 17:40:32 1462
原创 【思考】Vue2响应丢失、$set
Vue3的响应原理和Vue2不同,它就规避了这种造成响应丢失的情况,所以在Vue3中是没有$set这个API的。但是Vue3的响应原理还是有缺陷的,还是有可能出现响应丢失的情况。但我暂时没遇到过,等下次遇到的时候再来研究记录。
2024-06-10 21:44:36 599
原创 移动端前端开发遇到过的Andorid和IOS的差异记录
webp图片在一些苹果手机上无法显示,可以使用字符串的 replace() 方法,将 webp 的后缀名替换为 jpg 的后缀名。ios处于安全性的考虑,不大支持http引入外部资源,所以引入外部资源的时候最好用https,防止引入失败。监听error事件,当事件目标位img标签时,替换图片路径中的webp。toLocaleString在部分苹果手机不能用。,所以用时间文本获取时间戳的时候要做一下处理。ios识别不了时间文本里的。
2024-06-08 01:02:28 397
原创 【优化过往代码】关于vue自定义指令的运用
"OpenInstall.parseUrlParams()获取链接参数"'OpenInstall资源加载完成'
2024-06-07 14:51:25 1012
原创 八股文-Vue篇
这个问题具体要看项目和业务情况,因为组件的加载顺序是,会先执行父组件的前3个生命周期,再执行子组件的前4个生命周期。如果业务是父组件引入子组件,并且优先加载子组件的数据,那么在父组件中当前请求要放在。如果请求是在methods里封装好的,在beforeCreate里是拿不到methods的方法的。如果使用了keep-alive组件,当前组件会额外增加两个生命周期。中,让子组件的请求先去执行,让子组件的数据先加载出来。如果当前组件加入了keep-alive,只会执行。:有父子组件关系的时候,进行请求;
2024-06-05 15:09:56 1456 2
原创 js中的遍历(for、forEach、map、filter、reduce、every、some、includes、find)
filter()过滤方法,会对原数组中的每个元素应用指定的函数,并返回一个新数组,其中包含符合条件的元素。方法对数组中的每个元素按序执行一个提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回 false。方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。方法返回数组中满足提供的测试函数的第一个元素的值。
2024-05-30 18:52:20 1052
原创 ES6 Generator函数
Generator 函数是 ES6 提供的一种异步编程解决方案。Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。一是,function关键字与函数名之间有一个星号二是,函数体内部使用yield表达式,定义不同的内部状态(yield在英语里的意思就是“产出”)。
2024-05-20 20:58:06 685
原创 Vue3 Vite配置环境变量
使用 Vite 导出的 loadEnv 函数来加载指定的 .env 文件。:全局环境默认配置文件,无论什么环境都会加载合并。:uat环境的配置文件。Vite 在一个特殊的。:开发环境的配置文件。对象上暴露环境变量。
2024-04-19 15:26:17 879
原创 Vue Router基础知识整理
aliaspath: "/",// alias: "/home", // 单个alias: ["/home", "/index"], // 多个meta: { title: '首页', icon: '', keepAlive: true }},meta: { title: '个人主页', icon: '', keepAlive: true }routes,})路径和/home/index是同一页面。
2024-04-16 22:38:05 1169
原创 浅析Vuex
v-bind属性绑定v-on事件绑定兄弟组件之间共享数据:EventBus($on接收方,$emit发送方)EventBus使用方法->vue组件通信方式之eventBus(PS:来源于Hello_MrShu博主)
2024-03-29 17:42:14 853
原创 浅析BFC
BFC全称Block Formatting Context,块级格式化上下文。一个BFC区域包含创建该上下文元素的所有子元素,但是不包括创建了新的BFC的子元素的内部元素,BFC是一块块独立的渲染区域,可以将BFC看成是元素的一种属性,拥有了这种属性的元素就会使他的子元素与世隔绝,不会影响到外部其他元素。
2024-03-11 11:52:18 235
原创 浅析js中的闭包
指那些引用了另一个函数作用域中变量的函数,通常是在嵌套函数中实现的。。只要是代码都一个作用域中,写在函数内部的局部作用域,未写在任何函数内部即在全局作用域中;如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域;根据在的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作。。:由于垃圾回收器不会将闭包中变量销毁,于是就造成了内存泄露,内存泄露积累多了就容易导致内存溢出。闭包会保留它们包含函数的作用域,所以比其他函数更占用内存。过度使用闭包可能导致内存过度占用。
2024-01-18 11:20:12 454
原创 JS数据类型(undefined、null、boolean、number、bigInt、string、symbol、object,8种)
ECMAScript有7种简单数据类型:Undefined、Null、Boolean、Number、BigInt、String、和 Symbol;1种复杂数据类型:Object。
2024-01-17 11:07:49 1013
原创 cookie、Web Storage
Web Storage提供在cookie之外的存储会话数据的途径,提供跨会话持久化存储大量数据的机制。分为localStorage永久存储机制对象和sessionStorage跨会话存储机制对象。当Storage对象发生变化时(不区分sessionStorage和localStorage),都会在文档上触发storage事件。子cookie是在单个cookie存储的小块数据,本质上是使用cookie的值在单个cookie中存储多个键值对,来绕过浏览器对每个域cookie数的限制。
2024-01-15 16:58:39 1003
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人