VUE
yang_B621
后天的努力改变生活!When life gives you lemons,make lemonade.
展开
-
VUE 首屏加载优化
https://segmentfault.com/a/1190000010042512转载 2018-08-17 17:26:26 · 685 阅读 · 0 评论 -
使用vue-cli快速构建项目
vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。 安装vue-cli之前,需要先安装了vue和webpack· node -v //(版本低引起:bash: npm: command not found)· npm -v //以上帮助检查是否安装 node npm · 输...转载 2019-06-24 16:17:06 · 94 阅读 · 0 评论 -
弹性布局各种坑爹兼容
当然也看到过遇到flexbox布局的属性将所有的新的老的前缀都加上的,这样省事啊 谁闲着没事整天研究那几个属性的兼容,更可况前端发展这么快说不定有更牛逼的样式出现但是想在移动端用好这个布局摸透这个属性 我还是一个个都探究下吧,在此先说下各浏览器PC端最新版本情况目前:IE最新版本是ie11, FF最新版本是ff41.0, Chrome最新版本是chrome45.0, Safira最新版本8.0...转载 2019-06-27 15:24:35 · 522 阅读 · 0 评论 -
vscode (Visual Studio Code)安装汉化以及前端常用插件推荐
个人IDE软件使用经过 DW => HBulider => sublime => vscode,感觉还是 vscode 用着更爽一些。vscode 全称 Visual Studio Code 是一个由微软开发的,同时支持Windows、Linux和macOS操作系统且开放源代码的文本编辑器,支持很多用得着用不着的功能,自己去发掘吧。一、下载安装直接到 官网 点击 Down...转载 2019-06-24 14:17:41 · 538 阅读 · 0 评论 -
Vue.js环境搭建+VSCode+Win10(按步骤就能搭建好完整的环境)
一,安装Node.js(js的运行环境)1.在Node.js官网https://nodejs.org/en/download/下载安装包。2.下载后进行安装。3.打开命令行,输入node -v可以查看到版本号。输入npm –v可看到npm版本号。新版的Node.js已自带npm(类似.net中的nuget包管理器),安装Node.js时会一起安装。(将来要更新npm可用这个命令npm i...转载 2019-06-24 11:53:07 · 564 阅读 · 0 评论 -
在VUE项目中使用SCSS ,对SCSS的理解和使用(简单明了)
https://blog.csdn.net/zhouzuoluo/article/details/81010331原创 2019-06-26 17:25:00 · 393 阅读 · 0 评论 -
vue 使用less全局变量
我们经常用less定义一些全局变量,比如头部的高度,比如主题的颜色,比如侧边栏的宽度,这时我们定义less 全局文件是有必要的,那如何在vue中使用呢?我首先尝试着把common.less文件,放在main.js中,发现并不起作用。。。在网上搜了一下,可以这样配置:首先安装一个包:npm install sass-resources-loader --save-dev然...原创 2019-06-26 17:12:51 · 920 阅读 · 0 评论 -
【mpvue】如何升级mpvue版本
1、查看当前mpvue版本打开小程序项目,在package.json文件中可以看到mpvue当前的版本,可以看出我当前mpvue的版本是"^2.0.0",意思是安装mpvue时,2.X.X的最新版本。 "dependencies": { "mpvue": "^2.0.0", "vuex": "^3.0.1", "wafer2-client-sdk": "^2.1...转载 2019-06-26 10:24:34 · 662 阅读 · 0 评论 -
VUE--axios
axios中文文档|axios中文网 :www.axios-js.com/zh-cn/docs/原创 2019-06-25 16:28:14 · 101 阅读 · 0 评论 -
vue项目中实现复制内容到剪贴板
项目中要实现分享功能,现在各种接口都关闭了,而且不同的浏览器要使用不同的代码,最后决定直接复制url,然后手动分享Vue中使用了vue-clipboard2github地址:https://github.com/Inndy/vue-clipboard2例子:1 npm install --save vue-clipboard2main.js引入1 import VueC...原创 2019-06-21 15:08:02 · 752 阅读 · 0 评论 -
vue项目使用sass-loader
1、使用save会在package.json中自动添加。npm install node-sass --save-devnpm install sass-loader --save-dev注:通常使用npm安装会出现以下报错,安装失败。(网路问题) 可以通过淘宝的npm镜像安装node-sass,解决以上问题。npm install -g cnpm --registry=ht...转载 2019-06-21 14:31:46 · 1701 阅读 · 0 评论 -
vue阻止移动端浏览器点击图片浏览行为的几种方法
总结了以下几种方法供参考手机端页面,点击img的图片,会变成预览模式这会造成用户体验比较差,原来只要是手机端的img就肯定会有这个情况1-----、 全局设置 img{ pointer-events: none; }2-----、 在img元素上添加 οnclick=“return false”3-----、.图片用背景图的方式插入 background:url(a.png) nor...转载 2019-06-21 11:43:20 · 1369 阅读 · 0 评论 -
vue生命周期简介和钩子函数
转载:http://blog.csdn.net/qq_15766181/article/details/73549933钩子就好像是把人的出生到死亡分成一个个阶段,你肯定是在出生阶段起名字,而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮,也是不行的。组件也是一样,每个阶段它的内部构造是不一样的。所以一般特定的钩子做特定的事,比如ajax获取数据就可以在mounted阶段。一...转载 2019-06-27 16:27:31 · 98 阅读 · 0 评论