vue
老李的花花世界
这个作者很懒,什么都没留下…
展开
-
node-sass 版本不兼容
node-sass 版本不兼容原创 2022-09-19 18:16:49 · 269 阅读 · 1 评论 -
2021 前端面试题及答案
废话不多说直接上干货1.js运行机制JavaScript单线程,任务需要排队执行 同步任务进入主线程排队,异步任务进入事件队列排队等待被推入主线程执行 定时器的延迟时间为0并不是立刻执行,只是代表相比于其他定时器更早的被执行 以宏任务和微任务进一步理解js执行机制 整段代码作为宏任务开始执行,执行过程中宏任务和微任务进入相应的队列中 整段代码执行结束,看微任务队列中是否有任务等待执行,如果有则执行所有的微任务,直到微任务队列中的任务执行完毕,如果没有则继续执行新的宏任务 执行新的宏...原创 2021-03-04 22:49:08 · 27992 阅读 · 18 评论 -
Vue.js devtools
发现 chrome 拓展 Vue.js devtools 那个图标亮了,但打开控制台没有 Vue 这个选项。后面修改了项目入口文件:mian.jsVue.config.devtools = true;原创 2021-03-04 11:12:45 · 468 阅读 · 1 评论 -
Vue的三种路由模式
路由模式解析这里要讲vue-router的路由模式,首先要了解的一点就是路由是由多个URL组成的,使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道,浏览器中对页面的访问是无状态的,所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白,在切换页面时是没有重新进行请求也没有重新刷新页面,使用起来就好像页面是有状态的,这是什么原因呢。这其实是借助了浏览器的History API来实现的,这样可以使得页面跳转而不刷新,页原创 2021-03-03 19:31:49 · 9589 阅读 · 1 评论 -
模拟淘宝/支付宝——实现tab栏左右拖动,进度条同步滑动距离
html<divclass="boxtab"ref="navTabItems"@touchmove="slide"><span>开始</span><span>开始</span><span>开始</sp...原创 2019-12-29 17:15:04 · 762 阅读 · 0 评论 -
cropper.js裁剪
官网http://fengyuanchen.github.io/cropper/文档https://github.com/fengyuanchen/cropper/blob/master/README.md–v3.x版本引入+使用<link href="/path/to/cropper.css" rel="stylesheet"><script src="/pa...原创 2019-11-14 18:58:08 · 659 阅读 · 0 评论 -
vue 图片Base64压缩上传
let _this = this;// console.log(e)var imgFile = e.target.files[0]; // 获取图片文件var fr = new FileReader(); // 读取文件fr.onload = function () { // 图片读取完成后 _this.imgBase64 = fr.result; ...原创 2019-11-02 17:31:15 · 800 阅读 · 0 评论 -
vue面试题2018
1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数? 答:在router目录下的index.js文件中,对path属性加上/:id。 使用router对象的params.id 3、vue-router有哪几种导航钩子? 答:三种,一...原创 2018-11-14 12:53:52 · 455 阅读 · 0 评论