腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
偏前端工程师的驿站
专栏成员
举报
274
文章
365113
阅读量
59
订阅数
订阅专栏
申请加入专栏
全部文章（274）
数据处理（52）
其他（45）
javascript（45）
java（41）
html（33）
.net（20）
css（19）
编程算法（18）
html5（12）
vue.js（10）
asp.net（9）
linux（9）
存储（9）
windows（9）
缓存（8）
数据库（7）
打包（7）
node.js（6）
xml（6）
api（6）
网站（6）
渲染（6）
网络安全（6）
mybatis（6）
https（6）
react（5）
ajax（5）
typescript（5）
android（5）
github（5）
express（5）
jquery（4）
centos（4）
apache（4）
http（4）
grep（4）
jsp（3）
json（3）
sql（3）
容器（3）
jvm（3）
bash（2）
actionscript（2）
regex（2）
ecmascript（2）
access（2）
spring（2）
游戏（2）
yum（2）
面向对象编程（2）
jdbc（2）
数据结构（2）
nat（2）
gridview（2）
分页（2）
c++（1）
php（1）
python（1）
lua（1）
angularjs（1）
jquery ui（1）
qt（1）
oracle（1）
postgresql（1）
ide（1）
eclipse（1）
tomcat（1）
unix（1）
bash 指令（1）
命令行工具（1）
svg（1）
webpack（1）
开源（1）
自动化（1）
运维（1）
shell（1）
spring boot（1）
npm（1）
tcp/ip（1）
kernel（1）
安全（1）
canvas（1）
es（1）
attributes（1）
bind（1）
bit（1）
default（1）
directive（1）
el（1）
input（1）
int（1）
max（1）
min（1）
polymer（1）
precision（1）
select（1）
ui（1）
继承（1）
异常（1）
搜索文章
搜索
搜索
关闭
React魔法堂：size-sensor源码略读
https
网络安全
api
html
github
echarts-for-react在对echarts进行轻量级封装的基础上，额外提供图表尺寸自适应容器尺寸的这小而实用的功能，而这功能的背后就是本文想介绍的size-sensor了。
^_^肥仔John
2022-10-31
534
0
React魔法堂：echarts-for-react源码略读
容器
react
jquery
渲染
canvas
在当前工业4.0和智能制造的产业升级浪潮当中，智慧大屏无疑是展示企业IT成果的最有效方式之一。然而其背后怎么能缺少ECharts的身影呢？对于React应用而言，直接使用ECharts并不是最高效且优雅的方式，而echarts-for-react则是针对React应用对ECharts进行轻量封装和增强的工具库。
^_^肥仔John
2022-10-28
1.1K
0
petite-vue源码剖析-沙箱模型
javascript
网络安全
html
在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式，而且能够读取当前作用域上的属性。而evaluate的实现如下：
^_^肥仔John
2022-05-09
388
0
petite-vue源码剖析-逐行解读@vue-reactivity之effect
react
vue.js
bash
bash 指令
当我们通过effect将副函数向响应上下文注册后，副作用函数内访问响应式对象时即会自动收集依赖，并在相应的响应式属性发生变化后，自动触发副作用函数的执行。
^_^肥仔John
2022-05-09
714
0
petite-vue源码剖析-逐行解读@vue-reactivity之Map和Set的reactive
java
编程算法
javascript
http
typescript
本篇我们会继续探索reactive函数中对Map/WeakMap/Set/WeakSet对象的代理实现。
^_^肥仔John
2022-05-09
1.2K
0
petite-vue源码剖析-逐行解读@vue/reactivity之reactive
网络安全
vue.js
编程算法
android
在petite-vue中我们通过reactive构建上下文对象，并将根据状态渲染UI的逻辑作为入参传递给effect，然后神奇的事情发生了，当状态发生变化时将自动触发UI重新渲染。那么到底这是怎么做到的呢？ @vue/reactivity功能十分丰富，而petite-vue仅使用到reactive和effect两个最基本的API，作为入门本文将仅仅对这两个API进行源码解读。
^_^肥仔John
2022-05-09
636
0
petite-vue源码剖析-优化手段template详解
vue.js
html
<template>是2013年定稿用于提供一种更统一、功能更强大的模板本存放方式。具体表现为
^_^肥仔John
2022-05-09
265
0
petite-vue源码剖析-ref的工作原理
node.js
vue.js
ref内部的工作原理十分简单，其实就是将指令ref、:ref或v-bind:ref标识的元素实例存储到当前作用域的refs对象中，那么我们就可以通过this.refs获取对应的元素实例。但由于作用域继承上有点小窍门，所以我们能从this.
^_^肥仔John
2022-05-09
401
0
前言
html
vue.js
https
linux
网络安全
双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on，而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非字符串值的能力。
^_^肥仔John
2022-05-09
810
0
petite-vue源码剖析-事件绑定`v-on`的工作原理
vue.js
在书写petite-vue和Vue最舒服的莫过于通过@click绑定事件，而且在移除元素时框架会帮我们自动解除绑定。省去了过去通过jQuery的累赘。而事件绑定在petite-vue中就是一个指令(directive)，和其他指令类似。
^_^肥仔John
2022-05-09
422
0
petite-vue-源码剖析-v-for重新渲染工作原理
渲染
react
vue.js
编程算法
在《petite-vue源码剖析-v-if和v-for的工作原理》我们了解到v-for在静态视图中的工作原理，而这里我们将深入了解在更新渲染时v-for是如何运作的。
^_^肥仔John
2022-05-09
554
0
petite-vue源码剖析-属性绑定`v-bind`的工作原理
attributes
bind
directive
el
属性绑定、事件绑定和v-modal底层都是通过指令(directive)实现的，那么什么是指令呢？我们一起看看Directive的定义吧。
^_^肥仔John
2022-05-09
472
0
petite-vue源码剖析-v-if和v-for的工作原理
渲染
编程算法
我们看到在v-if和v-for的解析过程中都会生成块对象，而且是v-if的每个分支都对应一个块对象，而v-for则是每个子元素都对应一个块对象。其实块对象不单单是管控DOM操作的单元，而且它是用于表示树结构不稳定的部分。如节点的增加和删除，将导致树结构的不稳定，把这些不稳定的部分打包成独立的块对象，并封装各自构建和删除时执行资源回收等操作，这样不仅提高代码的可读性也提高程序的运行效率。
^_^肥仔John
2022-05-09
587
0
petite-vue源码剖析-从静态视图开始
typescript
编程算法
javascript
vue.js
渲染
静态视图是指首次渲染后，不会因UI状态变化引发重新渲染。其中视图不包含任何UI状态，和根据UI状态首次渲染后状态不再更新两种情况，本篇将针对前者进行讲解。
^_^肥仔John
2022-05-09
416
0
petite-vue源码剖析-为什么要读源码？
vue.js
网站
渲染
根据官方解释，petite-vue是专门为非前后端分离的历史项目提供和Vue相近的响应式开发模式。 与完整的Vue相比最大的特点是，面对数据的变化petite-vue采取直接操作DOM的方式重新渲染。
^_^肥仔John
2022-05-09
492
0
Another Intro for Cookies
网络安全
http
html
Cookies are strings of data that are stored directly in the browser. They are a part of HTTP protocol, defined by RFC 6265 specification.
^_^肥仔John
2021-12-14
958
0
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.
^_^肥仔John
2021-12-01
266
0
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).
^_^肥仔John
2021-12-01
540
0
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.
^_^肥仔John
2021-11-11
403
0
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.
^_^肥仔John
2021-10-28
324
0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪，探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑，知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客，速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档
