vue项目总结
文章平均质量分 82
kayla_wang
这个作者很懒,什么都没留下…
展开
-
vue项目踩坑之安卓4,5,ios9页面空白
最近在用vue做项目,项目在安卓4,5,ios9页面显示空白,问题解决跟大家分享一下安卓4,5,ios9页面空白原因:低版本不支持es6,需要将es6编译成es5具体解决方法1.npm install --save-dev babel-preset-es2015(安装ES2015转码规则)2.npm install --save-dev babel-polyfill3.mian.js 中引用 im...原创 2018-05-18 16:06:17 · 9059 阅读 · 2 评论 -
vu项目总结之组件库vux使用
安装1.npm install vux --save-dev2.npm install vux-loader --save-dev 这个是用以vux组件按需加载3.npm install less-loader --save-dev 这个是用以正确编译less源码,4. 在build文件夹下webpack.base.conf.js 文件进行配置const vuxLoader = require(...原创 2018-06-04 15:11:57 · 1049 阅读 · 0 评论 -
前后端分离模拟数据神器mockjs
前后端分离开发,静态页面写好后,后端接口还未写好,漫长的等待实在是蓝瘦香菇,终于找到了mockjs这个神器,前端可以模拟数据,实现前后端开发,提高开发效率。刚开始用mockjs这个神器,因此理解比较粗浅,以后会深入使用,再与大家分享。1.安装 npm install mockjs2.使用: 因为现在做的是vue项目,所以以vue项目中使用为例 (1).创建mock.js文件,参照moc...原创 2018-05-24 16:22:12 · 894 阅读 · 0 评论 -
vue项目总结之配置本地,测试,生产环境api
最近在做vue项目,想实现通过不同的命令,打包之后调用不同环境的api,防止来回切换不同的api出错。例如: npm run dev 调用本地环境 npm run test 调用阿里测试环境api npm run build 调用 生产环境api先简单说一下创建vue项目的流程:1. npm install -g vue-cli 全局安装脚手架(只安装一次)2....原创 2018-05-31 09:53:38 · 13027 阅读 · 3 评论 -
vue项目解决css3新特性兼容的方法
使用工具自动补全浏览器前缀安装npm install Autoprefixernpm install AutoprefixerAutoprefixer是一个后处理程序,不象Sass以及Stylus之类的预处理器。它适用于普通的CSS,可以实现css3代码自动补全。PostCSS的目标是通过自定义插件和工具这样的生态系统来改造CSS。与Sass和Less这些预编译器相同的原则,PostCSS把扩展的...原创 2018-06-25 14:16:55 · 6203 阅读 · 1 评论 -
vue项目之微信分享
1. npm install weixin-js-sdk --save 2. mian.js引入 import wx from 'weixin-js-sdk'Vue.prototype.wx = wx3.wxapi.js 封装的公共jsimport wx from 'weixin-js-sdk'import Vue from 'vue'export function wx...原创 2018-08-07 11:27:01 · 1078 阅读 · 0 评论 -
移动端因软键盘的原因,固定在页面底部的按钮被弹起解决方案
问题描述:移动端,当需要输入内容时,软键盘弹出往往会导致固定在底部的按钮、导航栏等被弹起。解决思路:1.当键盘弹起时隐藏掉按钮,键盘隐藏时按钮显示2.监测键盘是否弹起(浏览器页面是否发生变化)代码:1、定义一个底部按钮<div class="returnbtn" v-show="isOriginHei" :class="{active: canSubmit}" v-on:clic...转载 2018-12-05 14:19:19 · 1231 阅读 · 0 评论