腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

偏前端工程师的驿站

专栏作者

274

文章

346047

阅读量

58

订阅数

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

java 编程算法 javascript http typescript

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

2022-05-09

1.1K0

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

网络安全 vue.js 编程算法 android

在petite-vue中我们通过reactive构建上下文对象，并将根据状态渲染UI的逻辑作为入参传递给effect，然后神奇的事情发生了，当状态发生变化时将自动触发UI重新渲染。那么到底这是怎么做到的呢？ @vue/reactivity功能十分丰富，而petite-vue仅使用到reactive和effect两个最基本的API，作为入门本文将仅仅对这两个API进行源码解读。

2022-05-09

5860

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

渲染 react vue.js 编程算法

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

2022-05-09

5400

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

渲染编程算法

我们看到在v-if和v-for的解析过程中都会生成块对象，而且是v-if的每个分支都对应一个块对象，而v-for则是每个子元素都对应一个块对象。其实块对象不单单是管控DOM操作的单元，而且它是用于表示树结构不稳定的部分。如节点的增加和删除，将导致树结构的不稳定，把这些不稳定的部分打包成独立的块对象，并封装各自构建和删除时执行资源回收等操作，这样不仅提高代码的可读性也提高程序的运行效率。

2022-05-09

5480

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

typescript 编程算法 javascript vue.js 渲染

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

2022-05-09

3860

TypeScript Crash Course: Property Access Modifiers

typescript access java 编程算法

There is no other great moment to head into the world of TypeScript instead of right now. Angular is in TypeScript, React is in TypeScript, and even Vue3 is in TypeScript. That means it's a skill we must equip with rather than wait and see.

2021-12-01

2500

Yet Another Intro for Symbol

linux 编程算法 regex javascript 面向对象编程

First of all, symbol is a built-in primitive type. And it's guaranteed to be unique. Symbols are often used to add unique property keys to an object won't collide with keys that any other code might add to the object. And the properties under the Symbol key are hidden from any mechanisms other code will typically use to access the object(like for...in, for...of, Object.keys, Object.getOwnPropertyNames and JSON.stringify etc.), but can be accessed by Object.getOwnPropertySymbols and Reflect.ownKeys (which will return both string and symbol keys).

2021-12-01

5240

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

vue.js 编程算法

Hey, guys! The next generation of Vue has released already. There are not only the brand new composition API, much more powerful and flexible reactivity system, first-class render function, but also the natural performance with building off the modern browsers.

2021-11-11

3780

Yet Another Intro to Event Loop

linux 编程算法

As we tell, there're tons of posts talking about event loop, the basic of the basic knowledge of JavaScript running mechanism.

2021-10-28

3020

Going Bundleless: ES Modules

编程算法 es node.js tcp/ip javascript

It's really a long period I have been out of touch to front-end trending, until I try to add petite-vue into our team's codebase recently. Fortunately, while our age-old project is built by JSP and LayUI which is an old fashion back-end friendly UI library, there is no need to support IE any more. During exploring the petite-vue codebase, I discovered the brand new build tooling Vite, which is a leaner and faster building solution for large front-end project base on ES module.

2021-09-06

4610

Java魔法堂：调用外部程序

编程算法命令行工具 linux 网站 java

Java虽然五脏俱全但总有软肋，譬如获取CPU等硬件信息，当然我们可以通过JNI调用C/C++来获取，但对于对C/C++和Windows API不熟的码农是一系列复杂的学习和踩坑过程。那能不能通过简单一些、学习成本低一些的方式呢？答案是肯定的，在功能实现放在首位的情况下，借他山之石是最简洁有力的做法。

2021-02-25

1.6K0

SpringBoot魔法堂:@MatrixVariable参数注解使用详解

编程算法 spring api

RFC3986定义URI的路径(Path)中可包含name-value片段，扩充了以往仅能通过查询字符串(Query String)设置可选参数的囧境。假如现在需要设计一个用于“搜索某部门某些员工可选信息中的部分信息”的API，我们分别使用查询字符串和路径name-value方式来设计对比，看看具体效果：

2021-01-21

8550

动手写个数字输入框3：痛点——输入法是个魔鬼

前言最近在用Polymer封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历：《动手写个数字输入框1：input[type=number]的遗憾》《动手写个数字输入框2：起手式——拦截非法字符》《动手写个数字输入框3：痛点——输入法是个魔鬼》《动手写个数字输入框4：魔鬼在细节——打磨光标位置》 IE的先进性辛辛苦苦终于控制只能输入数字了，但只要用户启用了输入法就轻松突破我们的重重包围:-<心碎得一地都是。这是我们会想到底有没有一个A

2018-01-18

9540

JS魔法堂:不完全国际化&本地化手册之理論篇

前言最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下，为后面的技术选型做准备。本篇将阐述国际化和本地化的概念，以及其中一个很重要的概念——Language tag(也叫Language code 或 Culture)。何为国际化？国际化我认为就是应用支持多语言和文化习俗(数字、货币、日期和字符比较算法等)，而本地化则是应用能识别用户所属文化习俗自动适

2018-01-18

7330

JS魔法堂：函数重载之获取变量的数据类型

编程算法 regex javascript

Brief　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　有时我们需要根据入参的数据类型来决定调用哪个函数实现，就是说所谓的函数重载(function overloading)。因为JS没有内置函数重载的特性，正好给机会我们思考和实现一套这样的机制。使用方式： function foo(){ return dispatch(this, arguments) } foo["object,number"] = function(o, n){console.log(o.toString()

2018-01-18

2.4K0

代数几何:点,线,抛物线,圆,球,弧度和角度

一, 笛卡尔坐标系　　　　　　　　　　　　　　　　　　　　　　　　笛卡尔坐标系是数学中的坐标系,而计算机中则采用屏幕坐标系统. 而三维坐标系则没有一个工业标准,分别有 Y轴向上(y-up)的坐标系,

2018-01-18

1.1K0

网页优化系列三：使用压缩后置viewstate

html 编程算法 asp.net

　　Asp.net中的服务器控件都启用了viewstate，虽然方便了开发人员，但页面大小及性能上确实有所影响，对于无需viewstate的控件及页面可以直接把控件或页面的viewstate禁用掉，但对于必须的viewstate我们可以采取另一种方式来处理——压缩。判断是否需要viewstate压缩准则是，内网系统不必考虑压缩（网速够快还闲着没事消耗服务器CPU资源干啥啊。。。），对外系统根据viewstate长度选择性进行压缩（当viewstate长度大于某个值时进行压缩，太短还压缩得不偿失哦。。。）　

2018-01-18

7500

网页优化系列三：使用压缩后置viewstate

html 编程算法 asp.net

　　Asp.net中的服务器控件都启用了viewstate，虽然方便了开发人员，但页面大小及性能上确实有所影响，对于无需viewstate的控件及页面可以直接把控件或页面的viewstate禁用掉，但对于必须的viewstate我们可以采取另一种方式来处理——压缩。判断是否需要viewstate压缩准则是，内网系统不必考虑压缩（网速够快还闲着没事消耗服务器CPU资源干啥啊。。。），对外系统根据viewstate长度选择性进行压缩（当viewstate长度大于某个值时进行压缩，太短还压缩得不偿失哦。。。）　

2018-01-18

7170

没有更多了

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态