ZeFeng Blog

vue3 依赖注入

vue3 provide inject

本文是 Vue 3.0 进阶系列的第六篇文章，在这篇文章中，将带大家一起探索 Vue 3 中的依赖注入功能。使用过 Angular 的小伙伴对依赖注入应该不会陌生，依赖注入简称为 DI（Dependency Injection）。组件之间的依赖关系由容器在运行期决定，形象的说，即由容器动态的将某个依赖关系注入到组件之中。依赖注入的目的并非为软件系统带来更多功能，而是为了提升组件重用...

Posted by ZeFeng on March 3, 2021

Vue 3.0 自定义事件

vue3 function

这是 Vue 3.0 进阶系列的第二篇文章。本文将以一个简单的示例为切入点，带大家一起一步步揭开自定义事件背后的秘密。 <div id="app"></div> <script> const app = Vue.createApp({ template: '<welcome-button v-on:welcome="sayHi"...

Posted by ZeFeng on March 3, 2021

vue3 VNode

本文是 Vue 3.0 进阶系列的第五篇文章，在这篇文章中，将介绍 Vue 3 中的核心对象 —— VNode，该对象用于描述节点的信息，它的全称是虚拟节点（virtual node）。与 “虚拟节点” 相关联的另一个概念是 “虚拟 DOM”，它是我们对由 Vue 组件树建立起来的整个 VNode 树的称呼。通常一个 Vue 应用会以一棵嵌套的组件树的形式来组织：（图片来源：htt...

Posted by ZeFeng on March 3, 2021

Vue3.0动态组件

Vue3 component

本文是 Vue 3.0 进阶系列的第四篇文章，在这篇文章中，将介绍 Vue 3 中的内置组件 —— component，该组件的作用是渲染一个 “元组件” 为动态组件。如果你对动态组件还不了解的话也没关系，文中会通过具体的示例，来介绍动态组件的应用。由于动态组件内部与组件注册之间有一定的联系，所以为了让大家能够更好地了解动态组件的内部原理，会先介绍组件注册的相关知识。一、组件注册 ...

Posted by ZeFeng on March 2, 2021

工具函数

tool function instructions

前言这里给大家收集比较常用的工具函数为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on...

Posted by ZeFeng on May 16, 2020

大前端时代

large front end

调查大家下午好，我今天讲的主题是，结合海贼王这部动漫来简单讲讲大前端。海贼王小缩影咋们先来了解了解，海贼王讲了什么。在很久很久以前，有个叫Luffy(路飞)，全名叫蒙奇·D·路飞的男一号，也就是我们的男猪脚。小时候，很调皮，在村子里到处捣乱，甚至在历代火影头像雕刻上涂鸦。。。哦～，不对，拿错剧本了～从新来。。。在很久很久以前，有个叫Luffy(路飞)的，小时候十分调皮,因为他...

Posted by ZeFeng on December 4, 2019

页面加载性能优化

performance optimizing

4. 页面加载性能优化在互联网网站百花齐放的今天，网站响应速度是用户体验的第一要素，其重要性不言而喻，这里有几个关于响应时间的重要条件：用户在浏览网页时，不会注意到少于0.1秒的延迟；少于1秒的延迟不会中断用户的正常思维，但是一些延迟会被用户注意到；延迟时间少于10秒，用户会继续等待响应；延迟时间超过10秒后，用户将会放弃并开始其他操作；因此大家都开始注重性能优化，...

Posted by ZeFeng on October 28, 2019

map source code parsing

browser-sync instructions

map源码解析 // 如果没有数组原型没有map if (!Array.prototype.map) { Array.prototype.map = function(callback, thisArg) { var T, A, k; if (this == null) { throw new TypeError(" this is null or not...

Posted by ZeFeng on August 22, 2019

How-To-Ask-Questions-The-Smart-Way

tool instructions

Posted by ZeFeng on April 28, 2019

ZeFeng Blog

vue3 依赖注入

vue3 provide inject

Vue 3.0 自定义事件

vue3 function

vue3 VNode

vue3 VNode

Vue3.0动态组件

Vue3 component

工具函数

tool function instructions

大前端时代

large front end

推荐mac比较好用的软件

recommend mac software

页面加载性能优化

performance optimizing

map source code parsing

browser-sync instructions

How-To-Ask-Questions-The-Smart-Way

tool instructions

FEATURED TAGS

ABOUT ME

FRIENDS