logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

swiper在微信开发者工具内无法滑动

1.使用swiper在微信开发者工具内无法滑动,浏览器是没问题的需要打开控制台-More tools-Sensors-Touch-Force enabled

#微信#html5
cursor: not-allowed不起作用,没有禁止手势

因为同时用了pointer-events:none;解决办法:不用pointer-events:none;用cursor: not-allowed的同时,点击事件增加判断禁止条件

react+ts+vite+tailwind+shadcn

1.创建项目升级node切换node并安装yarn后重新执行创建遇到的选择:实验性说明还不够稳定,所以选择NO安装依赖并启动成功访问端口安装依赖包配置 Tailwind CSS + Shadcn/ui遇到的问题:npx tailwindcss init -p报错安装低版本的解决配置配置tsconfig.json选择base color如果没有想要的,先选择一个再访问官方复制代码修改index.cs

vue3 keepalive

摘要:本文介绍了通过动态管理Vue的keep-alive缓存列表来实现列表页数据保留功能。当从详情页返回列表页时保持缓存,而从其他页面进入列表页时则先清除缓存强制刷新,再重新添加缓存。关键代码使用watch监听路由变化,通过修改cachePages数组动态控制组件缓存状态,解决了单纯使用router配置keepalive无法满足需求的问题。该方法实现了列表页数据的智能缓存管理,优化了用户体验。

前端fetch接收text/event-stream流式数据

【代码】前端fetch接收text/event-stream流式数据。

#react.js#javascript#前端
react+ts+vite+tailwind+shadcn

1.创建项目升级node切换node并安装yarn后重新执行创建遇到的选择:实验性说明还不够稳定,所以选择NO安装依赖并启动成功访问端口安装依赖包配置 Tailwind CSS + Shadcn/ui遇到的问题:npx tailwindcss init -p报错安装低版本的解决配置配置tsconfig.json选择base color如果没有想要的,先选择一个再访问官方复制代码修改index.cs

移动端H5 ios使用word-break:break-all无效

移动端H5ios使用word-break:break-all无效,改为word-break:break-word。

#html
微信H5 ios需要2次触发点击事件

yarn addfastclick// main.jsimport FastClick from 'fastclick'FastClick.attach(document.body)

#ios#html5
微信H5 ios安卓自动播放视频音频

mounted (){const vm = thisif (window.WeixinJSBridge) {vm.mediaPlay()} else {document.addEventListener('WeixinJSBridgeReady', function(){vm.mediaPlay()}, false)}},methods: {mediaPla.

#ios#html5#javascript
到底了