![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
摩登开发者Oliver
想记录点什么好像又记录了什么.
展开
-
vue中__ob__: Observer取不到值?谈谈vue中__ob__: Observer的理解
然后你很奇怪为什么console有数据,这就是开头说的vue的数据监控,你能console出这个数据是因为vue对这个数据设置的监控器,这个数据被改变将会输出改变的最终值,然后控制台看到的就是你请求的返回数据了,但是请求比较长的话还是会console出undefined的具体这个时间差是多少就不知道了也不是很重要了,检查一下自己的业务代码吧,还有其它情况也有可能会出现。这个解释有点书面,很多人不太知道为什么要监控,我其它地方也是正常的数据为什么又可以枚举,为什么这里就这样拿不到值了。...原创 2022-08-02 14:45:37 · 724 阅读 · 0 评论 -
vue中的动态导入样式表
如果vue需要根据平台动态导入样式可以这样操作在main.js中定义一个判断平台的变量:在vue2.x中main.js:在vue3.0 vite中因为import发生在编译前,定义的变量还没有被解析就已经执行这时候找不到变量,所以需要同步来执行懒加载。main.js:......原创 2022-06-22 17:20:42 · 944 阅读 · 0 评论 -
用的比较少但是很实用的css属性,总结
img元素有两个特别好用的属性object-fit和object-position属性。它们让我们可以控制 的内容如何调整大小和位置,就像CSS背景图片一样。object-fit的可能值有:fill, contain, cover, none, scale-down它可以这样使用。怎么理解勒,简单点就是比如一张图片400400,但是你给大小是10050,那么这个图片就会变形,但是可以用这两个属性就变成了类似一个div,背景是这个图片,当成了一个背景使用,而不会被变形了,特殊需求可能会很有用。可选值有原创 2022-06-22 16:56:51 · 99 阅读 · 0 评论 -
vue使用firebase做用户数据分析
2.添加项目在firebasehttps://console.firebase.google.com/firebase项目的配置信息:main.js中:我安装的时候:firebase版本4.组件中使用监听用户行为5.chrome安装插件Google Analytics Debugger安装Google Analytics Debugger插件并打开开关,然后去到firebase控制台点击DebugView栏目,同时刷新自己的项目页面,然后在DebugView栏目选择自己的设备:选择自己的设备原创 2022-06-22 16:52:13 · 1106 阅读 · 0 评论 -
vue中好用的视频插件推荐,video+canvas实现视频截图第一帧,ffmpeg实现视频截图第一帧
我项目需求上传需要做封面图,然后安卓用户的插件可以支持自动截取视频第一张图,ios手机上的因为限制不支持视频自动去加载元数据不会自动截取视频第一张图,所以ios的需要特殊处理一下,先将视频设置为运行小窗口播放,然后视频加载时执行一下手动播放然后马上暂停,因为ios不支持自动播放要获取第一帧必须点击一下播放视频,代码如下:...原创 2022-06-22 16:33:06 · 4035 阅读 · 2 评论 -
兼容ios上textarea字符数的问题
在ios上textarea如果使用粘贴会出现换行计算两个字符数,就是/n计算的是两个字符,导致maxlength计算不一致, 这就让电脑上和手机上显示的数量不一致:使用复制粘贴后(复制刚刚的包含一个换行的输入):为什么显示49是因为粘贴会自动加一个空格所以是49,实际是48个字符无法输入, 电脑上粘贴不会出现maxlength计算错误问题,这就是ios有点坑的地方自己设计的maxlength计算规则却不一致,这不扯吗…无奈只能自己写方法去兼容下,这里说清楚了原因,应该都能写出兼容方法了,我就粘贴个我自己写原创 2022-06-22 16:28:05 · 474 阅读 · 0 评论 -
web中图片被自动旋转了,怎么解决
图片旋转, web中图片加载后被旋转了, 利用Exif旋转图片原创 2022-06-22 16:21:36 · 1277 阅读 · 0 评论 -
vue手机调试,mac手机手机调试,squidman设置
就是这个红色的小章鱼,我觉得还是很好用推荐一下。下载地址在官网有:https://squidman.net/squidman/然后使用的时候配置很简单,1.电脑和手机要在一个wifi下2.设置squidman3.设置手机wifi代理好了手机可以访问你电脑的本地项目了,比如你的vue启动的本地服务,local*******:xxxx或者其它的自定义的host...原创 2021-08-26 11:08:46 · 191 阅读 · 0 评论 -
vue中引用svg,vue引入svg不显示,vue引用svg配置,vue3.0+ts如何配置svg
注意:如果按照下面配置正确发现svg依然无法显示可能s'v'g-sprite-loader的版本过高,重新指定版本下载npm i svg-sprite-loader@3.8.0 --save-dev, 就可能正确显示svg。(vue3.0应该是没有这个问题的)还有就是可能是创建的icons不在src根目录(2.x最开始我尝试在assets中创建文件来装svg图标,但是并没有显示,换到根目录就正常了,具体应该是那里还是有点问题,3.0正常,按道理讲应该是放到assets中也是可以的以后空了研究暂时这样原创 2021-06-22 14:34:59 · 3942 阅读 · 0 评论 -
vue如何使用sass,vue如何使用less
vue2.x cli21、npm i sass-loader@7.3.1 node-sass style-loader css-loader webpack -Dstyle-loader css-loader是需要一起安装的备注:单独写--save或者--dev都只会被安装到生产环境,一起写才是安装到开发环境安装过程中可能会由于sass版本过高导致报错: this.getResolve is not a function. 或者报其它错误,所以sass-loader这里我指定了版本7.3.1原创 2021-06-22 14:32:05 · 188 阅读 · 0 评论 -
iconPark的使用
9月份字节跳动推出了iconPark图标,可以直接支持Vue,React。于是我就尝试了下,发现确实好用。我使用的格式是svg格式也支持直接使用图片。官网:https://iconpark.bytedance.com/在vue 还有 react中使用的话只需要去官网复制代码直接项目使用就ok,代码往往很简洁比如:<mail theme="outline" size="24" fill="#333"/>这就是一个邮件的svg icon,使用步骤:(官网有教程我这里只记录vu原创 2021-06-22 14:28:06 · 6775 阅读 · 0 评论 -
vue router自动导入,动态导入,异步加载组件
router自动加载组件具体详情 router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)let siteRoutes = [];function importAll(r) {//r 参数自带两个处理属性一个keys 一个是resolve 这里用的keys 具体看官网APi: context module API r.keys().forEach((key) =原创 2021-06-22 14:25:38 · 948 阅读 · 0 评论