京鸿一瞥 - 博客园

2022年4月15日

摘要：本文的主要内容是详细地介绍Vue的内部渲染原理，从而帮助大家深入掌握关于Vue Options、生命周期等概念。为了帮助Vue使用经验较少的同学快速理解Vue，我们先从Vue的简介开始，第二部分再详细介绍Vue渲染原理。一、Vue简介 1. MVVM、MVP和MVC MVVM，即model、vie 阅读全文

posted @ 2022-04-15 10:59 京鸿一瞥阅读(332) 评论(0) 推荐(0)

2022年4月8日

vue-render（入门篇）

摘要： render 函数是什么平常我们写 <template> 里面所使用模板HTML语法组建页面的，其实在 vue 中都会编译成 render 函数，因为vue 中采用的是虚拟DOM 所以拿到template模板时也要转译成 VNode(virtual node 虚拟节点) 函数插一嘴虚拟D 阅读全文

posted @ 2022-04-08 21:56 京鸿一瞥阅读(1114) 评论(0) 推荐(0)

2022年4月6日

水平垂直居中

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-04-06 09:57 京鸿一瞥阅读(26) 评论(0) 推荐(0)

2022年4月2日

1-Vue组件化实战【进阶】（3）

摘要：这节完成弹窗组件知识点 Vue.extend，render 函数 render ：用法 new Vue({ render: creatElement => creatElement( 组件，组件描述的参数，文字text), }).$mount('#app') render 创建组件的例子 <s 阅读全文

posted @ 2022-04-02 17:01 京鸿一瞥阅读(64) 评论(0) 推荐(0)

1-Vue组件化实战【进阶】（2）

摘要：通用表单组件收集数据、校验数据并提交。实现以下组件组件设计原则是高内聚，低耦合；组件的功能高度专一，这样可以使得组件使用变得灵活，组件之间的耦合度也会随之减小，从而可以提高组件的复用性。 Input.vue 组件对着elmentui 简单的实现了一些功能，此段代码有一个问题是 this. 阅读全文

posted @ 2022-04-02 16:06 京鸿一瞥阅读(82) 评论(0) 推荐(0)

2022年4月1日

小白详说 Vue api

摘要：全局 API Vue.extend(option) options {object} 传入组件配置解释：个人理解就是一个 Vue 组件的构造函数，new Vue.extend(options) 则得到一个 Vuecomponent 实例（注意此时为虚拟dom），当调用 .$mount() 方法阅读全文

posted @ 2022-04-01 23:39 京鸿一瞥阅读(181) 评论(0) 推荐(0)

2022年2月27日

解决访问github速度慢的问题

摘要： 1. 修改本地hosts文件用编辑工具打开windows系统的hosts文件的位置如下：C:\Windows\System32\drivers\etc\hostsmac/linux系统的hosts文件的位置如下：/etc/hosts 2. 增加http://github.global.ssl.fa 阅读全文

posted @ 2022-02-27 13:07 京鸿一瞥阅读(272) 评论(0) 推荐(0)

2022年2月24日

Browser 对象

摘要： Windows 对象 parent 返回父窗口 name 返回窗口名称 Window 对象方法 setTimeout setInterval clearTimeout clearInterval close() 关闭浏览器 getSelection() 返回一个Selection 对象，表示用户选择阅读全文

posted @ 2022-02-24 10:58 京鸿一瞥阅读(51) 评论(0) 推荐(0)

2022年2月23日

Vue事件总线（EventBus）、$on、$emit、$off

摘要：在之前我们只用过父传子，子传父进行传数据，这时候当组件嵌套比较深或比较复杂的情况，这时候就用到了事件总线 (EventBus) 如何理解事件总线呢，你可以理解为用来传输数据的一条线注意点：有组件发布事件后剩余的所有组件都可以进行监听事件一、使用EventBus1. 创建事件总线 main.js 阅读全文

posted @ 2022-02-23 15:45 京鸿一瞥阅读(2701) 评论(0) 推荐(0)

2022年2月22日

原型与原型链

摘要：一、prototype 在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。例如： function Person(age) { this.age = age } Person.prototype.name = 'kavin' var person1 = 阅读全文

posted @ 2022-02-22 15:31 京鸿一瞥阅读(53) 评论(0) 推荐(0)