
vue
文章平均质量分 91
_ouo_
解决问题大多数都很容易;找到问题出在哪里却很难。
展开
-
vue前端面试题整合
一、基础必备Vue等单页应用的优缺点优点:Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件,核心是响应式系统。缺点:不支持低版本浏览器,最低仅支持ie9;不利于SEO的优化,首页加载耗时相对偏长一些。vue.js的两个核心是什么?数据驱动组件系统vue的优点是什么?低耦合:视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定...原创 2020-04-15 22:09:02 · 2195 阅读 · 1 评论 -
基于vue实现的预览图片的组件
因为项目中需要能预览一系列图像,element-ui里面图像预览组件已不能满足自身需求,所以就自己仿照其封装了插件已满足需求,其中也用到了swiper:npm install vue-awesome-swiper --save在main.js中引用(注:也可在组件中引用)importVueAwesomeSwiper from'vue-awesome-swiper'Vue....原创 2020-01-09 14:13:48 · 1159 阅读 · 1 评论 -
vue2.0和3.0适应大屏方法总结
项目有适应大屏显示的需求,查了很多资料,最终选择通过px2rem插件配合flexible.js来解决,下面分别是在vue-cli2.0和vue-cli3.0中的配置:一、准备flexible 1.使用flexible插件安装lib-flexible:npm install --save lib-flexible在项目入口文件main.js中引入lib-flexible:...原创 2019-12-31 17:04:18 · 1605 阅读 · 2 评论 -
vue中如何实现点击除了自己元素及其内部元素之外都将自身元素隐藏的功能
1.目标元素布局<template> <div id="emoji"> <span class="emoji-icon"></span> <img class="emoji-icon" @click.stop="handleShowEmoji" src="../../static//...原创 2019-12-12 15:18:50 · 1366 阅读 · 0 评论 -
vue-cli创建2.0/3.0项目
一、准备,全局安装npm,已安装则跳过此步骤在node.js官网下载:https://nodejs.org/en/download/,安装; 在终端查看是否安装成功:npm -v 安装淘宝镜像cnpm:npm i -g cnpm--registry=https://registry.npm.taobao.org二、创建vue3.0项目安装脚手架vue-cli3.0: cnpm...原创 2019-12-09 10:21:52 · 597 阅读 · 0 评论 -
vue3.0根据环境分配请求地址
1.在package.json添加测试打包环境:"test":"vue-cli-servicebuild--modetest"2.在根目录新建.env.test 文件,在文件里面添加:NODE_ENV = 'test'3.在你的工具文件夹新建文件,名字根据自身项目(我的是base.js),在文件添加一下内容let baseURL = ""; switch (pro...原创 2019-11-11 11:49:35 · 727 阅读 · 0 评论 -
ie下通过ActiveX获取本地文件夹及文件信息
项目里面有上传文件夹的功能,谷歌解决了,使用的是input的webkie属性,网上有很多封装好的插件随便拿来用,高高兴兴搬砖去。但是要兼容IE !!!上网搜了狠多资料,换着法的换插件,就是不ok,又继续查资料,对之介绍的少之又少,很对都是直接放弃ie的,但是项目对应的用户不想放弃,那只能苦逼的继续了。在ie下可以直接通过ActiveX来直接访问和操作本地文件,但这个方法有很多局限性,只...原创 2019-11-04 11:12:10 · 1627 阅读 · 6 评论 -
分片上传文件夹或者文件
1、在WebUploader的官网去下载文件包,因为项目基于jquery所以也要下载jquery文件,然后在放在public下新建的webUpload文件夹下。2、在index.html的body后面引入jquer和插件js3、vue3.0 在vue中进行封装<template> <div class="upload"></div></...原创 2019-10-28 17:35:59 · 393 阅读 · 0 评论 -
基于vue的时间选择插件
个人博客:http://kingsman96.top 欢迎来访!!!一、效果展示二、代码片段1、子组件代码<template> <div id = "myDate" > <el-select v-model="yearsModel" @change="dateChange(1)" placeholder="请选择" > ...原创 2019-10-28 16:56:50 · 2549 阅读 · 0 评论