![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
镜中的女孩-potato
爱好广泛
展开
-
前端可视化大屏适配方案
前端可视化大屏适配方案转载 2022-10-13 23:36:11 · 3142 阅读 · 2 评论 -
移动端不同屏幕适配的方法
移动端不同屏幕适配的方法原创 2022-10-13 23:23:05 · 3087 阅读 · 0 评论 -
适用pc流媒体查询适配
适用pc流媒体查询原创 2022-10-13 23:14:07 · 471 阅读 · 0 评论 -
node-sass安装失败,或者npm install安装失败出现找不到python的方法(亲测有效)
node-sass无法下载导致构建失败时可使用如下命令下载。# linuxSASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass# windowset SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass&& npm install node-sass...原创 2022-05-19 00:33:33 · 1374 阅读 · 0 评论 -
防抖和节流的实现
高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 思路: 每次触发事件时都取消之前的延时调用方法functiondebounce(fn){lettimeout=null;//创建一个标记用来存放定时器的返回值returnfunction(){clearTimeout(timeout);//...原创 2022-05-06 15:11:13 · 155 阅读 · 0 评论 -
vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You
之前自己安装的vue版本是2.9.6的但是最近项目需要,cli的命令vue create无法使用,报错vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You网上找了很多方法不太实用,卸载不了2.9.6版本,卸载了很多遍依然很坚刚npm uninstall vue-cli -gnpm install -g @vue/clinpm vue -V上述方法根本不好使,如果你也是这样看卡下面教转载 2021-12-03 13:41:36 · 3219 阅读 · 2 评论 -
uniapp和vue实现打开手机前置摄像头和相机的方法
最近在项目遇到了一个问题,用uniapp的框架做一个功能,就是打开平板自带的前置摄像头拍照,uniapp上的功能只有打开默认相机的功能,但是前置摄像头需要你自己去手动转换一下,客户体验感很不好,产品经理要求必须要打开就是前置摄像头~~~~~~~~~~~~~这可愁坏了我,于是各种百度,小伙伴球高人指点,uniapp的官方群也问了,都么有用,其中群里有个人给了一个方法,但是调用腾讯云的接口,但是小编开发的是本地开发~网上有个input方法,但是要在https环境下才能用。小编没用过,不知道有么有用~原创 2021-10-09 21:23:07 · 8876 阅读 · 13 评论 -
vue中rem的使用
vue中的rem如何做?首先项目中,新建一个目录config,并且在新建一个js文件rem.js在rem.js里面使用闭包写进如下代码// 设置基准const BASE = 15;(function (doc, win) { let docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',//去..原创 2021-09-23 22:53:52 · 1548 阅读 · 0 评论 -
uniapp checkbox样式失效,选中框选中按钮不显示
找了很多方法最后网上一个博主找到了解决方法在项目的main.css里面如果你不知道你的css样式在哪个文件夹直接全局搜索‘找到注释两个地方第一个找到这一行注释箭头指的地方就可以第二个注释这两个地方,然后保存刷新就可以...原创 2021-09-10 10:32:06 · 3281 阅读 · 8 评论 -
[转载]uni-app 换肤实现-原生导航栏、tabbar和页面全部替换
通过全局缓存参数设置当前主题:换肤代码如下 setSkinme(theme) { uni.setStorageSync("theme", theme) uni.showModal({ title: "系统提醒", content: '切换成功,是否重启生效?', confirmText: "是", cancelText: "否", success: res =>..转载 2021-09-07 23:58:51 · 930 阅读 · 0 评论 -
vue获取地理位置自动定位---腾讯地图
前两天因为工作需求需要获取地理位置打开腾讯地图定位找到控制台选择新建应用应用名称和类型选择好了后添加key这里就获取到了定位在vue视图中需要定位的 <div class="locationWrapper" @click="getPosition">js代码mounted() { // this.getLocation() }, methods:{ //获取定位 getLoc...原创 2021-09-01 21:07:00 · 4140 阅读 · 5 评论 -
element中图片加载失败
element引入图片使用el-image引入图片运行却出现加载失败看了好多次官网,确认无误,最后网上查了好久,发现引入的时候要在后面加一个require最后才成功!require明明是引入模块的方式,不太懂这里为什么要用require但是问题解决了,mark'一下...原创 2021-08-22 17:58:48 · 993 阅读 · 0 评论 -
如何在使用cdn在vue中引入element
平时开发环境都使用npm惯了,那么正式的上线环境,如何使用cdn引入element呢小编这里用的vue-cli工具,原生的vue大家自行去探索使用cli工具以后,会有一个public文件夹找到下面的index.html这个位置引入css可能此时你的版本与我的不一样,那么这个版本要去element官网找样式引入完了,接下来要引入element组件库我们知道组件库这个时候要在vue的app挂载这个页面中引入此时就要找到app.vue这个vue页面此时对应版..原创 2021-08-22 14:03:57 · 5181 阅读 · 2 评论 -
vue报错SassError: Expected newline.
以前一直在vue中less,今天心血来潮试了sass,然后运行就报这个错SassError: Expected newline.研究了许久,发现这里有个坑,你在vue中使用sass不能在style中写sass得写成scss改成这样就不会报错了...原创 2021-08-22 13:17:21 · 3935 阅读 · 4 评论 -
浅谈vue双向绑定的原理
一、什么是双向绑定我们先从单向绑定切入单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新双向绑定就很容易联想到了,在单向绑定的基础上,用户更新了View,Model的数据也自动被更新了,这种情况就是双向绑定举个栗子当用户填写表单时,View的状态就被更新了,如果此时可以自动更新Model的状态,那就相当于我们把Model和View做了双向绑定关系图如下二、双向绑定的原理是什么我们都知道 Vue 是数原创 2021-08-20 14:36:31 · 3451 阅读 · 0 评论 -
Expected indentation of 2 spaces but found 4 indent
vue的eslint报错原因严格的检查缩进问题,不是报错,我们可以关闭这个检查规则在vue的src文件夹下找到这个文件.eslintrc.js然后添加这个如果没有这个文件夹的话,可以创建一个或者在package.json里面有个rules添加然后npmrunserve重启一下vue...原创 2021-08-19 18:27:21 · 417 阅读 · 0 评论 -
安装vue-cli创建项目的时候 gyp ERR! build error的npm包遇到以下错误
npm ERR! gyp ERR! node -v v14.16.0npm ERR! gyp ERR! node-gyp -v v3.8.0尝试安装错误:gyp ERR! build error msbuild.exefailed with exit code: 1执行如下命令:npm install -g node-gyp原创 2021-08-19 18:03:18 · 1139 阅读 · 3 评论