移动端
文章平均质量分 93
九号窗口
这个作者很懒,什么都没留下…
展开
-
前端面试总结(vue篇)
vue的优点1、vue是个轻量级的框架,是一个构建数据的视图集合,大小只有几十Kb2、vue是组件化开发,适合多人开发3、vue中的双向数据绑定更方便操作表单数据4、因为vue是MVVM的框架,视图,数据,结构分离使数据的更改更为简单5、vuex可以管理所有组件用到的数据,不需要借助之前props在组件间传值6、官方文档通俗易懂,易于理解和学习;vue父子组件之间传递数据1、父组件向子组件传递数据通过props,例子如下<template> <div> .转载 2020-07-21 15:04:40 · 25666 阅读 · 1 评论 -
解决Chrome调试移动端项目时鼠标光标消失的问题
打开核芯显卡控制面板2.逐步找到量化范围设置项:显示器 —— 一般设置 —— 量化范围3.将量化范围设置成全范围即可原创 2020-03-05 10:34:02 · 2289 阅读 · 0 评论 -
mintUI的picker组件获取后台数据进行渲染
<mt-popup v-model="popupVisible" popup-transition="popup-fade" closeOnClickModal="true" position="bottom"> <mt-picker :slots="pickerData" @change="onValuesChange" showTool...原创 2019-09-24 11:27:11 · 600 阅读 · 0 评论 -
vue移动端图片压缩上传(图片文件方式)
vue移动端经常使用到图片上传功能,由于现在手机拍摄的照片文件较大,直接上传的话需等待时间过长造成用户体验不好,这里用到一个简单易用的插件 localResizeIMG ,具体代码如下:首先安装包 npm install lrz在main.js中引入 import lrz from 'lrz'使用fileChange(el) {//以图片文件方式上传 let _thi...原创 2019-08-15 11:31:17 · 1139 阅读 · 3 评论 -
vue刷新当前页面的方法
可以采用window.reload(),或者this.$router.go(0)等方法,缺点是会出现短暂的空白页面,体验不好在父组件中通过provide来提供变量,然后在子组件中通过inject来注入变量,具体实现如下2.1、在App.vue中声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载<template> <div id="...原创 2019-08-20 14:08:50 · 905 阅读 · 0 评论 -
vue移动端项目实现弹框选择器功能
实现该功能主要用到mintUI中的Picker与Popup组件1、引入组件 import { MessageBox, Toast, Picker, Popup, Header } from "mint-ui";2、写弹框选择器的结构样式 <mt-popup v-model="popupVisible1" popup-transition="popup-fade"...原创 2019-07-25 15:24:34 · 4419 阅读 · 0 评论 -
对v-for中返回的日期值去除时分秒保留年月日
this.$http.get("goods/scSubcardManagements", data).then(res => { console.log(res.data.data) this.list = res.data.data for(let i=0;i<this.list.length;i++){ ...原创 2019-07-12 15:57:17 · 1877 阅读 · 1 评论 -
将qrcode生成的二维码转成图片
将页面上原来canvas格式的二维码隐藏,新建一个div用于存放生成的img标签 <div class="canvasCode" id ="query" style="display:none"> <canvas id="canvas"></canvas> </div> <...原创 2019-04-19 14:49:09 · 8281 阅读 · 0 评论 -
在vue-cli项目中动态生成付款二维码
首先引入qrcodenpm install qrcode2.在需要使用到生成二维码的组件中引入import QRCode from 'qrcode' //引入生成二维码组件3.在template中定义生成二维码的位置和样式 <mt-popup v-model="qrcode" popup-transition="popup-fade" class="qrcod...原创 2019-04-16 15:08:18 · 2413 阅读 · 0 评论 -
css实现多行文字超出隐藏并以省略号方式显示
.mesCon{ height: 70%; // overflow: hidden; // text-overflow: ellipsis; // white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical;...原创 2019-04-10 10:49:10 · 365 阅读 · 0 评论 -
给引入的样式文件天添加动态版本号
<script type="text/javascript"> document.write("<link rel='stylesheet' type='text/css' href='css/style.css?v="+new Date().getTime()+"'>"); document.write("<link rel='stylesheet' typ.转载 2019-02-13 14:12:23 · 935 阅读 · 0 评论 -
移动端项目页面渲染完成前添加 "正在加载" 动画
1.HTML结构中引入fontawesome字体用于动画显示(可用其他字体或图片代替)<link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">2.在该页面中的css样式文件中加入动画样式.loadding::before { content: ""; position: fixed...原创 2019-01-10 10:39:08 · 1640 阅读 · 2 评论