ZeFeng Blog

跟上潮流 不断学习

vue3 依赖注入

vue3 provide inject

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

Vue 3.0 自定义事件

vue3 function

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

vue3 VNode

vue3 VNode

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

Vue3.0动态组件

Vue3 component

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

工具函数

tool function instructions

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

大前端时代

large front end

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

推荐mac比较好用的软件

recommend mac software

前言 作为一个工具控,一直在社区索取别人的营养,今天在下将我搜集的一些应用贡献出来,推介二十几个我常用的软件。一些是其他人反复推介确实经典,另一些是我偶然发现但经过使用感觉非常好用,一并献上,大家可以根据自己的需要,看看是不是正需要这些软件,并解决自己生产生活中的痛点。 下面我将简单介绍一下这些软件,并且附上下载方式和链接。如果本文确实帮助到了你,那么别忘了点赞 👍,嘻嘻,你的点赞是我继...

页面加载性能优化

performance optimizing

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

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...

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

tool instructions

转载 原文链接 Copyright © 2001,2006,2014 Eric S. Raymond, Rick Moen Copyleft 2001 by D.H.Grand(nOBODY/Ginux), 2010 by Gasolin, 2015 by Ryan Wu 声明 许多项目在他们的使用协助/说明网页中链接了本指南,这么做很好,我们也鼓励大家都这么做。但如果你是负责管理这个项目...