rainbowLover - 博客园

2020年10月20日

摘要：记录下最近发现的vue的一个小bug,或者说vue的一个小坑: 项目中父组件引用子组件,子组件对传递过来的prop之value设置了监听, 父组件更改和prop之value无关的属性值,会触发子组件的watch;说不清楚还是看代码吧: // 父组件 <template> <div class="ho 阅读全文

posted @ 2020-10-20 10:23 rainbowLover 阅读(3697) 评论(0) 推荐(0) 编辑

2020年10月9日

5行代码起一个服务

摘要：开发过程中经常会有这样的需求, 写个小demo本地访问会有问题, 需要放到服务器上访问去测试, 怎么快速起一个服务供自己测试显得非常急切: 本文记录下怎么样快速启动一个node服务: const express = require('express'); const path = require(' 阅读全文

posted @ 2020-10-09 15:54 rainbowLover 阅读(117) 评论(0) 推荐(0) 编辑

2020年9月29日

vue打包后引入js和css用相对路径引入

摘要： vue打包后html引入的js和css默认是绝对路径的，如下： <script src=js/app.f316dda1.js> 现在需要打包后是这样的： <script src=./js/app.f316dda1.js> 需要怎么配置呢？查看文档说把publicPath设置为'./'就可以了，阅读全文

posted @ 2020-09-29 11:08 rainbowLover 阅读(4542) 评论(1) 推荐(1) 编辑

2020年9月13日

vue生命周期

摘要： vue组件的生命周期问题， <A> <B /> <C /> </ A> 这样的组件结构各自生命周期执行顺序是怎么样的结果： A beforeCreate A created A beforeMount B bedoreCreate B created B beforeMount C before 阅读全文

posted @ 2020-09-13 13:15 rainbowLover 阅读(109) 评论(0) 推荐(0) 编辑

2020年9月12日

js对象和map的区别

摘要：看一道对象和map的题： function test1(){ var a={},b='123',c=123; a[b]="b"; a[c]="c"; console.log('a :>> ', a);// {123:"c"} console.log('a[b] :>> ', a[b]); // 断言阅读全文

posted @ 2020-09-12 21:38 rainbowLover 阅读(5314) 评论(1) 推荐(0) 编辑

js红任务微任务事件轮巡的面试题

摘要：今天记录下一个关于js宏任务、微任务、事件轮巡机制的经典面试题： async function async1(){ console.log("1"); await async2(); // async2(); console.log("2"); } async function async2(){ 阅读全文

posted @ 2020-09-12 20:41 rainbowLover 阅读(1080) 评论(1) 推荐(0) 编辑

2020年9月4日

vue源码分析(五)>>:data

摘要：今天来看看data，从_init看起，看看初始化时候都走了哪些操作，最终实现了数据响应式的；源码还是从_init走起，_init方法就是初始化各个options的入口，再看下方法体吧： Vue.prototype._init = function (options) { console.log(" 阅读全文

posted @ 2020-09-04 18:34 rainbowLover 阅读(241) 评论(0) 推荐(0) 编辑

vue源码分析(四)>>:compile

摘要：今天分析一下$mount后编译文档节点的执行流程，看下指令和插值都是怎么解析的 1. 执行流程 > 在create钩子函数执行完毕后，判断如果传了el，就走进：vm.$mount(vm.$options.el);//5088行方法； > 进入$mount方法，需要注意的是vue中定义了两个$mou 阅读全文

posted @ 2020-09-04 14:56 rainbowLover 阅读(296) 评论(0) 推荐(0) 编辑

2020年9月3日

vue 之插槽

摘要： vue插槽阅读全文

posted @ 2020-09-03 11:26 rainbowLover 阅读(639) 评论(0) 推荐(0) 编辑

2020年8月27日

vue源码分析(三)>>:computed

摘要：看完watch在看看computed时怎么实现的： step1：用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i 阅读全文

posted @ 2020-08-27 22:01 rainbowLover 阅读(203) 评论(0) 推荐(0) 编辑