随笔分类 -  vue

摘要:module.exports = { /* 部署生产环境和开发环境下的URL:可对当前环境进行区分,baseUrl 从 Vue CLI 3.3 起已弃用,要使用publicPath */ publicPath: process.env.NODE_ENV === 'production' ? '/public/' : '/', /* 输出文件目录:在npm run build时,生成文... 阅读全文
posted @ 2019-11-06 14:16 小短腿奔跑吧 阅读(13818) 评论(0) 推荐(0)
摘要:1.安装 npm install postcss-pxtorem --save 2.找到postcss.config.js 3.重启项目即可 如果在项目中使用了Vant UI,这样设置会导致Vant里的样式很多都改变,那我们即想用Vant又想用postcss怎么办呢? 阅读全文
posted @ 2019-11-05 10:21 小短腿奔跑吧 阅读(2412) 评论(0) 推荐(0)
摘要:1.vscode中安装px2rem 2.打开settings.json ,新增 "px2rem.rootFontSize": 75, 3.重启vscode 4.可以转换了 阅读全文
posted @ 2019-11-04 10:59 小短腿奔跑吧 阅读(750) 评论(0) 推荐(0)
摘要:介绍:轮播使用了swiper,重要用于移动端滑动,详情可查看官网 1.首先用npm安装 npm install swiper 2.main.js 中引入CSS import 'swiper/css/swiper.css' 3.新建swiper-slide.min.css文件 4.新建.vue文件,( 阅读全文
posted @ 2019-11-01 15:52 小短腿奔跑吧 阅读(989) 评论(0) 推荐(0)
摘要:可查看此网站 阅读全文
posted @ 2019-10-30 17:07 小短腿奔跑吧 阅读(544) 评论(0) 推荐(0)
摘要:可查看github网站 阅读全文
posted @ 2019-08-12 15:25 小短腿奔跑吧 阅读(688) 评论(0) 推荐(0)
摘要:index.html中加入script 新建map.vue 阅读全文
posted @ 2019-08-06 17:08 小短腿奔跑吧 阅读(6831) 评论(0) 推荐(0)
摘要:官网地址:https://handsontable.com/ 1.实现效果 2.安装 import { HotTable } from '@handsontable/vue' import Handsontable from 'handsontable' 3.页面引用 <template> <hot 阅读全文
posted @ 2019-07-30 10:23 小短腿奔跑吧 阅读(4743) 评论(2) 推荐(0)
摘要:这个问题是因为项目中出现没有闭合的标签,如<img src=""> 需改成<img src="xxx.png"/> 阅读全文
posted @ 2019-07-29 13:58 小短腿奔跑吧 阅读(551) 评论(0) 推荐(0)
摘要:在一个页面中如果想实现三个页面的拼接组成一个页面,这时候就用到嵌套路由了。 第一种方法: 1.顶部页面 /views/Home.vue 2.左侧栏页面 view/menuSecond.vue 3.右侧栏页面 view/menuThird.vue 路由的配置 router.ts 第二种方法 1.新建 阅读全文
posted @ 2019-07-29 13:55 小短腿奔跑吧 阅读(935) 评论(0) 推荐(0)
摘要:1. 什么是深拷贝和浅拷贝 浅拷贝:对变量值和内存地址的复制,并只用于引用。 深拷贝:对变量值和内存地址的拷贝,拷贝一份创建新的内存地址。 2. 深拷贝和浅拷贝有什么区别 浅拷贝:假如B复制了A, B值改变,A值跟着变,A和B在栈堆只占用了一个内存 深拷贝:假如B复制了A, B值改变,A值不会跟着变 阅读全文
posted @ 2019-07-25 13:55 小短腿奔跑吧 阅读(1664) 评论(0) 推荐(0)
摘要:1.切换进入当前路由之前的钩子函数 beforeRouteEnter 2.离开当前路由之前的钩子函数 beforeRouteLeave 阅读全文
posted @ 2019-07-23 17:09 小短腿奔跑吧 阅读(43504) 评论(0) 推荐(1)
摘要:前言 今年3月份阿里面试题其中之一就是防抖与节流,可解决用户体验及改善高频发事件导致浏览器或服务器带来的性能问题。 场景 浏览器条滚动onscroll事件,input输入框input事件,窗口大小改变onresize事件,鼠标移动onmousemove事件等等。 防抖 (debounce) 概念:持 阅读全文
posted @ 2019-05-15 16:47 小短腿奔跑吧 阅读(224) 评论(0) 推荐(0)
摘要:1.在main.js中定义一个值(红色为重点) 2.在components/EditOrder.vue组件中点击按钮传值 3.components/analysisAddress.vue中接收EditOrder组件传值 好啦,大功告成,是不是很简单的样子 阅读全文
posted @ 2019-05-14 14:52 小短腿奔跑吧 阅读(930) 评论(0) 推荐(0)
摘要:1.vue的生命周期 2.views/createrCustormer.vue为父级 <template> <expressService /> <expressService /> </template> </template> 3.components/expressService.vue 4. 阅读全文
posted @ 2019-05-13 15:57 小短腿奔跑吧 阅读(3296) 评论(0) 推荐(0)
摘要://params是需要复制的内容,callback是一个回调函数,复制内容成功后,后续需要操作的步骤可在函数中进行操作 export function copyBrowser(params, callback) { //创建一个新的input var oInput = document.create 阅读全文
posted @ 2019-05-08 17:26 小短腿奔跑吧 阅读(202) 评论(0) 推荐(0)
摘要:前言 经常我们会遇到elementUI组件库期间有5%达不到我们想要的需求,第一我们重新写组件,第二我们改源码 安装element 新建组件 {"alertText": "./packages/alertText/index.js"} 打包(lib文件) 替换lib文件(新增/已有vue项目) 运行 阅读全文
posted @ 2019-05-07 16:43 小短腿奔跑吧 阅读(7147) 评论(0) 推荐(0)
摘要:需求 因之前是做外包项目居多,经常用到相同的组件,之前的办法是在一个项目中写一个组件,其他项目直接将compents下的组件复制,粘贴到项目中使用,缺点是维护起来,改一个项目,其他项目也需要修改,所以,自己研究准备去封装一个组件库, 前言 日常在项目中我们经常直接根据 npm install/ np 阅读全文
posted @ 2019-05-06 18:14 小短腿奔跑吧 阅读(13218) 评论(0) 推荐(0)
摘要:1.安装: 2.找到store/index.js 阅读全文
posted @ 2019-04-30 17:22 小短腿奔跑吧 阅读(3196) 评论(0) 推荐(0)
摘要:最近公司要做一个关于物流的收货地址智能识别,突然想起来前一段时间使用顺丰寄快递发现了顺丰做的智能识别是真的好,查了些资料整理了一下 可参考一下 前端使用: 1. https://github.com/akebe/address-parse 2.https://github.com/wzc570738 阅读全文
posted @ 2019-04-29 15:06 小短腿奔跑吧 阅读(10553) 评论(1) 推荐(1)