![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 89
senar369
不求多,但求精。
展开
-
UnoCSS给了我一个不用tailwindcss的理由
原子化CSS的理念早已不是新鲜事物了,UnoCSS这类解决方案把这个理念有了一个很好的实践和实现,可以真正的提升开发者体验和编码效率,都是很值得一学的技术。原创 2023-06-15 19:33:46 · 3569 阅读 · 0 评论 -
前端数据缓存技术选型及应用技巧
前端缓存的选型需要贴合业务场景来选择,大家也可以交流分享下自己遇到过的经典场景,看使用哪种方案、如何设计比较好。原创 2023-06-14 15:34:45 · 1046 阅读 · 0 评论 -
The Last Naruto,兼容IE11的vue脚手架
the-last-naruto是一个基于Vue@2.7和Vite@3的一个项目模板(支持IE11浏览器),灵感来源自antfu大佬的vitesse-lite。旨在给项目上还需要支持IE11浏览器的一些同学提供近似Vue3生态的开发体验。原创 2022-07-19 17:54:56 · 569 阅读 · 0 评论 -
记一次在老掉牙的Vue2项目中引入TypeScript和组合式Api和vueuse来改善大家伙的开发体验的艰辛历程
有一个项目2年前创建的,随着时间流逝,代码量已经暴增到了将近上万个文件,但是工程化已经慢慢到了不可维护的状态,想给他来一次大换血,但是侵入式代码配置太多了,最终以一种妥协的方式引入了TS和组合式API原创 2022-01-13 11:42:59 · 902 阅读 · 0 评论 -
删除列表元素的时候有必要通知父组件吗?——uni-app#vue3的一个特性引发的思考
这是个什么bug声明我是为了尝鲜,初始化uni-app项目的时候指定的vue3版本,这个vue3版本的官方还没有加入到正式版,大家项目中还是用vue2的赖。如果有同学也想学习一下可以按照官方的使用cli来创建项目vue create -p dcloudio/uni-preset-vue#vue3 your-project-name有一个列表页面,大概长下面这样:列表中是一个组件通过v-for循环渲染的数据像下面这样:<div v-if="list.length > 0" class原创 2021-08-17 16:33:15 · 156 阅读 · 0 评论 -
快给你的Vue项目添加一个编辑图片组件吧
快给你的Vue项目添加一个编辑图片组件吧给大家推荐一款功能极其强大的图片编辑插件 tui.image-editor快速体验首选在你的前端项目中安装:npm i tui-image-editor// oryarn add tui-image-editor现在你就去新建一个.vue文件,复制进去下面这段代码:<template> <div id="tui-image-editor"></div></template><scr原创 2020-11-22 22:24:13 · 8843 阅读 · 58 评论 -
uni-app小程序录音上传解决方案(后续更新Taro版)
能力依赖RecorderManager 全局唯一的录音管理器录音功能的要求与限制与当前页面其他音频播放/录音功能互斥是否在录音中状态显示结束/不需要录音时,回收RecorderManager对象材料可以/结束 录音录音中Codeing(结果代码直接看最后)构造一个简单的DOM结构<image @click="recordAction" :src="recordImg" class="record"/>先实现小程序的录音功能import iconRecord f原创 2020-09-16 19:42:36 · 2878 阅读 · 3 评论 -
uni-app(vue)基于InnerAudioContext封装一个基本的音频组件
原由同样的是因为小程序官方不维护audio组件了音频组件的要求与限制点击播放或者暂停显示播放进度及总时长通过图标变化显示当前音频所处状态(暂停/播放/加载中)页面音频更新时刷新组件状态全局有且只有一个音频处于播放状态离开页面之后要自动停止播放并销毁音频实例材料/属性/方法让我们开始吧????uni-app Vue同样的先构造DOM结构<view class="custom-audio"> <image v-if="audioSrc !== undefi原创 2020-09-16 18:24:38 · 1903 阅读 · 3 评论 -
OSS is not defined? 检查检查你依赖的core-js吧
事情是这样的第一天小李是一家互联网公司的前端,有一天他闲来无事看到项目的vue-cli依赖版本还是3.0.0-rc,一股升级依赖的使命感涌上心头他看了看官网的升级文档,这么简单,是时候表演真正的技术了最后发现提示没有core-js,然后就随手npm i core-js -S了,部署上线,搞定下班回家第二天凌晨2点Oh,yeah,今天好运气,老狼请吃鸡,你打电话我不接,你打他有啥用啊~小李猛然惊醒,这是他为产品专设的铃声,一看时间,马萨卡。接到电话:“线上上传不了图片了,你干啥了,昨天原创 2020-09-11 21:57:08 · 1667 阅读 · 6 评论 -
web页面(小程序)列表滑动事件穿透解决方案
缘由昨天测试给我的小程序提了一个bug,说:‘我怎么滑动弹出后的这个列表后面的列表也会跟着滑动啊,这很奇快诶’,我:‘我修复一下’。造成问题的场景是一个数据列表页,通过触底上滑加载数据所以我把页面最外层的view加了一个min-height: '100vh'让这个列表可以自动增加高度进行扩容这个列表页有很多筛选条件或者说是筛选项,我做了一个有背景遮罩层的弹出组件,把这些筛选项塞进去,最外层的view给了一个max-height: 85vh; overflow: scroll;让它也可以在数据很多的原创 2020-08-06 17:10:46 · 482 阅读 · 0 评论 -
Nuxt中关于window or document is not defined的问题总结
关于这类问题一般有两种场景引用第三方组价时,比如引用vue-awesome-swiper这种的第三方组件时,因为源组件代码中包含有操作window对象,所以这一类的window is not defined按照官方的使用插件的方法引入就可以解决// 这里就以vue-awesome-swiper这个组件为例import Vue from 'vue'import VueAwesomeSwi...原创 2019-05-29 11:18:40 · 12102 阅读 · 5 评论