vue
文章平均质量分 80
北极那企鹅丶
一只小企鹅的前端之路
展开
-
从源码角度了解vue执行流程(二)
上篇博文已经讲到了执行完import Vue from “vue”,Vue构造函数和实例已经拥有了很多的属性和方法,那么我们接下来继续进行。文章目录import App from "./App.vue";import router from "./router";import store from "./store";Vue.config.productionTip = false;new Vue({ ... })执行initLifecycle(vm)执行initEvents(vm)执行initRen.原创 2021-03-05 17:04:33 · 469 阅读 · 1 评论 -
从源码角度了解vue执行流程(一)
作为一个vuer终于开始对vue源码动手了,激动的心颤抖的手,不如撸行代码走一走。源码基于最新的v2.6.12版本开始叙述,可能会理解错误导致出入,还请指正,另外只做流程梳理,具体源码不做深入讲解,后续计划会出详细博文。文章目录使用vue-cli脚手架创建简单的vue项目import Vue from "vue";定义Vue构造函数执行initMixin(Vue)执行stateMixin(Vue)执行eventsMixin(Vue)执行lifecycleMixin(Vue)执行renderMixin(.原创 2021-03-02 15:46:38 · 621 阅读 · 1 评论 -
vue项目获取不到异步数据dom的解决方案
我们都知道在created钩子函数获取异步数据,mounted钩子函数里面获取dom节点,但是如果出现这种情况,你获取的异步数据比mounted钩子函数还要滞后,导致异步数据的dom渲染不出来,那么这种情况怎么解决呢?第一种方案为了确保异步数据确实获取到了,我们可以在异步数据获取成功里面的回调写我们的逻辑。// 以下为伪代码methods: { async getList() { await getList() // 这里成功获取异步数据 this.$nextTick(() =>.原创 2021-01-28 17:31:44 · 2113 阅读 · 0 评论 -
vue项目使用fullendar v5事件日历的分享
学习新技术是不可能的,这辈子都不可能,要不是需求有这个,我肯定不学,好了吐槽完毕,开始进行事件日历fullendar v5版本的分享效果图首先看一哈效果图,这是总览图这个是添加事件预览图这个是点击单元格快捷添加,最大的区别就是单元格点击事件日期已经确定另外一个就是点击事件时,出现对事件的再次编辑,相当于预览加编辑二合一另外针对事件的删除功能,做成了事件长按删除此外还能拖拽事件到另外一个日期,扩大一个事件的日期范围等功能。如何使用企鹅自己使用的vue项目,所以保证你的项目是vu.原创 2021-01-12 11:05:51 · 2280 阅读 · 5 评论 -
通杀pc端自适应(包含可视化大屏)
最近撸项目时,需求只说了做pc端的自适应项目,结果最后验收时,领导还要在大屏看效果,而且大屏还好几种,有一种是地铁站的那种广告屏,还有一种是类似天猫双十一那种巨屏,可想而知,这种普通的pc端项目放上去是什么效果。熬夜撸代码,终于在头发没剩几根时,想出来了一种pc端的自适应解决方案,通杀pc端的自适应适配问题文章目录pc端的显示分析pxemrempc端显示比例通杀pc端适配方案参考文献pc端的显示分析首先大致说下,px,rem,em这几个单位。pxCSS 像素(CSS Pixel):又称为虚拟.原创 2020-12-11 15:04:48 · 3154 阅读 · 5 评论 -
仿写vue-router,超详细的逐行注释
仿写vue-router原创 2019-11-15 00:30:03 · 409 阅读 · 0 评论 -
webpack多页面教你轻松打造一个vue项目同时跑出pc端和h5端
写在前面的话 最近接到一个官网项目,有pc和h5两端,想着又要新开两个项目,一个放pc,一个放h5,然后发布的时候又要分开,不由得头大,忽然想起webpack不是有多页面嘛,干嘛不一个项目一个pc端页面,一个h5端页面,然后像图片资源,公共方法等等之类的不就可以共用了嘛,发布的时候也只需要打包一个就可以啦...原创 2019-10-24 17:44:53 · 3577 阅读 · 8 评论