^_^肥仔John

LV1
举报
发表了文章

petite-vue源码剖析-沙箱模型

在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式,而且能够读取当前作用域上的属性。而evaluate的实...

^_^肥仔John
JavaScript网络安全HTML
发表了文章

petite-vue源码剖析-逐行解读@vue-reactivity之effect

当我们通过effect将副函数向响应上下文注册后,副作用函数内访问响应式对象时即会自动收集依赖,并在相应的响应式属性发生变化后,自动触发副作用函数的执行。

^_^肥仔John
ReactVue.jsBashBash 指令
发表了文章

petite-vue源码剖析-逐行解读@vue-reactivity之Map和Set的reactive

本篇我们会继续探索reactive函数中对Map/WeakMap/Set/WeakSet对象的代理实现。

^_^肥仔John
Java编程算法JavaScriptHTTPTypeScript
发表了文章

petite-vue源码剖析-逐行解读@vue/reactivity之reactive

在petite-vue中我们通过reactive构建上下文对象,并将根据状态渲染UI的逻辑作为入参传递给effect,然后神奇的事情发生了,当状态发生变化时将自...

^_^肥仔John
网络安全Vue.js编程算法Android
发表了文章

petite-vue源码剖析-优化手段template详解

<template>是2013年定稿用于提供一种更统一、功能更强大的模板本存放方式。具体表现为

^_^肥仔John
Vue.jsHTML
发表了文章

petite-vue源码剖析-ref的工作原理

ref内部的工作原理十分简单,其实就是将指令ref、:ref或v-bind:ref标识的元素实例存储到当前作用域的refs对象中,那么我们就可以通过this.r...

^_^肥仔John
Node.jsVue.js
发表了文章

前言

双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v...

^_^肥仔John
HTMLVue.jshttpsLinux网络安全
发表了文章

petite-vue源码剖析-事件绑定`v-on`的工作原理

在书写petite-vue和Vue最舒服的莫过于通过@click绑定事件,而且在移除元素时框架会帮我们自动解除绑定。省去了过去通过jQuery的累赘。而事件绑定...

^_^肥仔John
Vue.js
发表了文章

petite-vue-源码剖析-v-for重新渲染工作原理

在《petite-vue源码剖析-v-if和v-for的工作原理》我们了解到v-for在静态视图中的工作原理,而这里我们将深入了解在更新渲染时v-for是如何运...

^_^肥仔John
渲染ReactVue.js编程算法
发表了文章

petite-vue源码剖析-属性绑定`v-bind`的工作原理

属性绑定、事件绑定和v-modal底层都是通过指令(directive)实现的,那么什么是指令呢?我们一起看看Directive的定义吧。

^_^肥仔John
发表了文章

petite-vue源码剖析-v-if和v-for的工作原理

我们看到在v-if和v-for的解析过程中都会生成块对象,而且是v-if的每个分支都对应一个块对象,而v-for则是每个子元素都对应一个块对象。其实块对象不单单...

^_^肥仔John
渲染编程算法
发表了文章

petite-vue源码剖析-从静态视图开始

静态视图是指首次渲染后,不会因UI状态变化引发重新渲染。其中视图不包含任何UI状态,和根据UI状态首次渲染后状态不再更新两种情况,本篇将针对前者进行讲解。

^_^肥仔John
TypeScript编程算法JavaScriptVue.js渲染
发表了文章

petite-vue源码剖析-为什么要读源码?

根据官方解释,petite-vue是专门为非前后端分离的历史项目提供和Vue相近的响应式开发模式。 与完整的Vue相比最大的特点是,面对数据的变化petite-...

^_^肥仔John
Vue.js网站渲染
发表了文章

Another Intro for Cookies

Cookies are strings of data that are stored directly in the browser. They are a ...

^_^肥仔John
网络安全HTTPHTML
发表了文章

TypeScript Crash Course: Property Access Modifiers

There is no other great moment to head into the world of TypeScript instead of r...

^_^肥仔John
TypeScriptAccessJava编程算法
发表了文章

Yet Another Intro for Symbol

First of all, symbol is a built-in primitive type. And it's guaranteed to be uni...

^_^肥仔John
Linux编程算法RegExJavaScript面向对象编程
发表了文章

Source Code Reading for Vue 3: How does `hasChanged` work?

Hey, guys! The next generation of Vue has released already. There are not only t...

^_^肥仔John
Vue.js编程算法
发表了文章

Yet Another Intro to Event Loop

As we tell, there're tons of posts talking about event loop, the basic of the ba...

^_^肥仔John
Linux编程算法
发表了文章

Cross-Context Communication in BroadcastChannel API

The broadcast channel API allows basically communication between browsing contex...

^_^肥仔John
API面向对象编程
发表了文章

Going Bundleless: ES Modules

It's really a long period I have been out of touch to front-end trending, until ...

^_^肥仔John
编程算法ESNode.jsTCP/IPJavaScript

个人简介

个人成就

扫码关注腾讯云开发者

领取腾讯云代金券