乐胖代购免代理版

React魔法堂：echarts-for-react源码略读

前言在当前工业4.0和智能制造的产业升级浪潮当中，智慧大屏无疑是展示企业IT成果的最有效方式之一。然而其背后怎么能缺少ECharts的身影呢？对于React应用而言，直接使用ECharts并不是最高效且优雅的方式，而echarts-for-react则是针对React应用对ECharts进行轻量封

自适应

宽高

封装

原创 2022-12-13 00:53:17 201 阅读

React魔法堂：size-sensor源码略读

前言 echarts-for-react在对echarts进行轻量级封装的基础上，额外提供图表尺寸自适应容器尺寸的这小而实用的功能，而这功能的背后就是本文想介绍的size-sensor了。源码介绍 size-sensor源码十分精简，主要是对原生APIResizeObserver方案和object

递归调用

github

初始化

原创 2022-10-23 01:37:03 150 阅读

React魔法堂：echarts-for-react源码略读

前言在当前工业4.0和智能制造的产业升级浪潮当中，智慧大屏无疑是展示企业IT成果的最有效方式之一。然而其背后怎么能缺少ECharts的身影呢？对于React应用而言，直接使用ECharts并不是最高效且优雅的方式，而echarts-for-react则是针对React应用对ECharts进行轻量封

自适应

宽高

html

原创 2022-10-17 09:30:03 123 阅读

《Ext JS 4 First Look》翻译之一：新特性

第一章新特性 Extjs 4相对于之前的版本作出了重大的修正。其中包括全新的类系统、新平台的引入、API的修整和加强还有新组件的引入（如新的图表和图形组件）。Extjs 4提供更快速、更稳定的用户体验，并且让开发人员更容易上手。在本章我们将学习到下列内容： 1.1. 入手Extjs 4 1.1.

实例化

命名空间

ide

原创 2022-08-26 16:24:41 166 阅读

《Ext JS 4 First Look》翻译之二：全新的数据包

第二章全新的数据包 Extjs 4引入新的数据包，其中新增了不少新类并对旧有的类作出了修整。使数据包更强大和更容易使用。本章我们将学习一下内容： 2.1. 概述新特性 2.2. 新Model类 2.2.1. 字段声明 2.2.2. 合法性验证 2.2.3. 通过proxies和stores加载和

字段

子类

服务端

原创 2022-08-26 16:24:23 193 阅读

《Ext JS 4 First Look》翻译之三：布局

第三章布局布局用于定义容器如何组织内部子元素和控制子元素的大小。在一个应用程序中，作为定义容器的组织形式，布局是一个十分重要的组件。是显示单个子元素？还是垂直或水平显示多个子元素？这些均由布局来定义。并且布局将占用应用程序大部分的呈现时间。Extjs4中对布局进行了重大的修整。下面我们将学习并熟

html

配置项

子类

原创 2022-08-26 16:24:05 171 阅读

《Ext JS 4 First Look》翻译之五：Grid、Tree和Form

《Ext JS 4 First Look》翻译之五：Grid、Tree和Form 至此我们已经学习了Data包和布局等API。下面我们来学习作为Extjs框架中我们用得最多的用来展现数据的Grid、Tree和Form吧！目录： 5.1. Grid panel 5.1.1. Columns 5.1.

sed

数据

属性值

原创 2022-08-26 16:23:48 383 阅读

个人技术系列文章导航

《Petite-Vue源码剖析》结合示例从在线渲染、响应式系统和沙箱模型分别对源码逐行解读，其中还对响应式系统中利用JS引擎的SMI优化依赖清理算法作详细分析。绝对是入门Vue3源码前绝佳的踏脚石喜欢的话记得转发、赞赏哦！

响应式

源码剖析

公众号

原创 2022-04-30 16:59:15 91 阅读

个人技术系列文章导航

《Petite-Vue源码剖析》结合示例从在线渲染、响应式系统和沙箱模型分别对源码逐行解读，其中还对响应式系统中利用JS引擎的SMI优化依赖清理算法作详细分析。绝对是入门Vue3源码前绝佳的踏脚石喜欢的话记得转发

响应式

源码剖析

公众号

原创 2022-04-30 16:58:52 90 阅读

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

当我们通过effect将副函数向响应上下文注册后，副作用函数内访问响应式对象时即会自动收集依赖，并在相应的响应式属性发生变化后，自动触发副作用函数的执行。 // ./effect.ts export funciton effect<T = any>( fn: () => T, options?: R

响应式

嵌套

数组

原创 2022-04-30 16:58:15 242 阅读

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

本篇我们会继续探索reactive函数中对Map/WeakMap/Set/WeakSet对象的代理实现。 Map/WeakMap/Set/WeakSet的操作由于WeakMap和WeakSet分别是Map和Set的不影响GC执行垃圾回收的版本，这里我们只研究Map和Set即可。 Set的属性和方法

迭代器

迭代

键值对

原创 2022-04-30 16:57:12 101 阅读

CSS魔法堂：不得不说的Containing Block

前言《CSS魔法堂：重新认识Box Model、IFC、BFC和Collapsing margins》中提到在没有floated兄弟盒子时，line box的左右边框会与所属的containing block的左右content edge相接触。那到底什么是containing block(abbr. CB)呢？ containing block在CSS的visual formatti

绝对定位

html

css

原创 2022-03-29 15:03:41 159 阅读

CSS魔法堂：hasLayout原来是这样!

前言过去一直听说旧版本IE下很多诡异bug均由一个神秘角色引起的，那就是hasLayout。趁着最近突然发神经打算好好学习CSS，顺便解答多年来的疑惑。hasLayout到底是何方神圣？hasLayout可以简单看作是IE5.5/6/7中的BFC(Block Formatting Context)。也就是一个元素要么自己对自身内容进行组织和尺寸计算(即可通过width/height来设置自身的宽

css

html

块级元素

原创 2022-03-29 15:02:59 88 阅读

.Net魔法堂：开启IIS的WebGarden、WebFarm和StateServer之旅

前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　公司系统虽然配置有1台NLB后拖4台App Server最后搭一台强劲无比的DB Server，但每天下午4点左右总被投诉系统慢，报表下载不了等问题。究其原因，原来NLB采用锁定sessionId转发请求，而IIS的最大工作进程数却是1而已，只能通过增加工作线程的方式来提高并发量，但增加线程会消耗更多内存，当所占内存

工作线程

sql

服务器

原创 2022-03-29 15:02:20 221 阅读

JS魔法堂：判断节点位置关系

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　在polyfill querySelectorAll 和写弹出窗时都需要判断两个节点间的位置关系，通过jQuery我们可以轻松搞定，但原生JS呢？下面我将整理各种判断方法，以供日后查阅。二、祖孙关系　　　　　　　　　　　　　　　　　　　　　　　　html<div id="ancestor">

chrome

html

jquery

原创 2022-03-29 15:01:40 413 阅读

.NET魔法堂：工程构建基石->MSBuild

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　 MSBuild是一个既熟悉又陌生的名字，Visual Studio的项目加载和构建均通过MSBuild来实现。VS中右键打开项目菜单，对应MSBuild的Build目标，对应MSBuild的Rebuild目标，对应MSBuild的Clean目标，对应MSBuild的PublishOnly目标。到这里我想大家都明白MS

jquery

microsoft

css

原创 2022-03-29 15:00:55 237 阅读

CSS3魔法堂：认识@font-face和Font Icon

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　过去我们总通过图片来美化站点的LOGO、标题、图标等，而现在我们可以通过@font-face获取另一种更灵活的美化方式。二、看看例子　　　　　　　　　　　　　　　　　　　　　　　　　　　/* 定义 */@font-face { font-family: 'MicrosoftYaHei'; sr

ico

safari

加载

原创 2022-03-29 15:00:10 448 阅读

JS魔法堂：再识ASCII实体、符号实体和字符实体

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　相信大家都熟悉通过字符实体   来实现多个连续空格的输入吧！本文打算对三类HTML实体及JS相关操作作进一步的整理和小结，若有纰漏请大家指正，谢谢。二、初识HTML实体 &nbs

html

表单

chrome

原创 2022-03-29 14:59:46 312 阅读

JS魔法堂：再识IE的内存泄露

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　 IE6~8除了不遵守W3C标准和各种诡异外，我想最让人诟病的应该是内存泄露的问题了。这阵子趁项目技术调研的机会好好的再认识一回，以下内容若有纰漏请大家指正，谢谢！目录一大坨！二、内存泄漏到底是哪里漏了？ 2.1.

内存泄漏

内存空间

当前页

原创 2022-03-29 14:59:30 138 阅读

CSS魔法堂：你真的理解z-index吗？

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　假如只是开发简单的弹窗效果，懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好，那么充分理解z-index背后的原理及兼容性问题就是必要的知识储备了。本文作为对W3C Recommendation-Layered presentation学习后整理的笔记，以便日

属性值

d3

css

原创 2022-03-29 14:59:05 290 阅读

JS魔法堂：被玩坏的innerHTML、innerText、textContent和value属性

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　由于innerText并非W3C标准属性，因此我们无法在FireFox中使用它(修正：FF45+已经支持innerText属性)，一般情况下我们可以使用textContent来代替，但它两者是否就能完全等同呢？在坑爹的表单元素（如input、textarea等）中表现是否依旧诡异呢？文本将记录一些实验结果，避免日

html

取值

赋值

原创 2022-03-29 14:58:35 353 阅读

Java魔法堂：枚举类型详解

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 Java的枚举类型相对C#来说具有更灵活可配置性，Java的枚举类型可以携带更多的信息。// C#enum MyColor{ RED = 0, BLUE = 1}Console.Write(MyColor.RED);// Javaenum MyColor{ RED("Hot", 4), BLUE("SA

java

ico

构造函数

原创 2022-03-29 14:58:14 145 阅读

CSS魔法堂：再次认识font

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　文字承载着站点内涵，而良好的字体、排版则为用户提供舒适的阅读体验。本文打算对字体稍微深入一下子网页字体的内容，若有纰漏请大家指正，谢谢！目录一坨: 二, 字体分类 1. 衬线体(Serif)

css

html

中文字体

原创 2022-03-29 14:57:48 321 阅读

JS读书心得：《JavaScript框架设计》——第12章异步处理

一、何为异步　　　　　　　　　　　　　　　　　　　　　　　　　　　　执行任务的过程可以被分为发起和执行两个部分。同步执行模式：任务发起后必须等待直到任务执行完成并返回结果后，才会执行下一个任务。异步执行模式：任务发起后不等待任务执行完成，而是马上执行下一个任务，当任务执行完成时则会收到通知。面对IO操作频繁的场景，异

流程控制

异步任务

回调函数

原创 2022-03-29 14:57:02 109 阅读

JS魔法堂: Native Promise Only源码剖析

一, 前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　深入学习Promise的朋友应该都看过<深入理解Promise五部曲>这一系列的文章, 以解除回调地狱之外的观点来剖析Promise更多的内涵,确实十分精彩. Part 1: The Sync Problem Part 2: The

子节点

事件处理

异步请求

原创 2022-03-29 14:56:31 134 阅读

Java魔法堂：解读基于Type Erasure的泛型

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　还记得JDK1.4时遍历列表的辛酸吗？我可是记忆犹新啊，那时因项目需求我从C#转身到Java的怀抱，然后因JDK1.4少了泛型这样语法糖（还有自动装箱、拆箱），让我受尽苦头啊，不过也反映自己的水平还有待提高，呵呵。JDK1.5引入了泛型、自动装箱拆箱等特性，C#到Java的过渡就流畅了不少。下面我们先重温两者非泛型和

泛型

类型参数

java

原创 2022-03-29 14:55:40 176 阅读

代数几何:三角函数

一, 三角函数　　　　　　　　　　　　　　　　　　　　　　　　　　正弦sin(a) = b / c 余弦cos(a) = a / c tan(a) = b / a csc(a) = 1 / sin(a) = c / b sec(a) = 1 / cos(a) =

三角函数

公众号

原创 2022-03-29 14:54:57 3809 阅读

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

一, 笛卡尔坐标系　　　　　　　　　　　　　　　　　　　　　　　　笛卡尔坐标系是数学中的坐标系,而计算机中则采用屏幕坐标系统.而三维坐标系则没有一个工业标准,分别有 Y轴向上(y-up)的坐标系, Z轴向上(z-up)的坐标系, 右手坐标系(right-handed coordinate system), 左手坐标系(left-handed coordinate system).下面的是y-u

3d

2d

代码片段

原创 2022-03-29 14:52:31 1509 阅读

Java魔法堂：URI、URL（含URL Protocol Handler）和URN

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　过去一直搞不清什么是URI什么是URL，现在是时候好好弄清楚它们了！本文作为学习笔记，以便日后查询，若有纰漏请大家指正！二、从URI说起　　　　　　　　　　　　　　　　　　　　　　　　　　 1. 概念 URI（Uniform Resource Identifier，统一

java

网络协议

.net

原创 2022-03-29 14:52:04 154 阅读

Java魔法堂：JVM的运行模式

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 JVM有Client和Server两种运行模式。不同的模式对应不同的应用场景，而JVM也会有相应的优化。本文将记录JVM模式的信息，以便日后查阅。二、介绍　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　在$JAVA_HOME/jre/bin下有client和server两个目录，分别

运行模式

java

sed

原创 2022-03-29 14:51:02 252 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

React魔法堂：echarts-for-react源码略读

React魔法堂：size-sensor源码略读

React魔法堂：echarts-for-react源码略读

《Ext JS 4 First Look》翻译之一：新特性

《Ext JS 4 First Look》翻译之二：全新的数据包

《Ext JS 4 First Look》翻译之三：布局

《Ext JS 4 First Look》翻译之五：Grid、Tree和Form

个人技术系列文章导航

个人技术系列文章导航

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

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

CSS魔法堂：不得不说的Containing Block

CSS魔法堂：hasLayout原来是这样!

.Net魔法堂：开启IIS的WebGarden、WebFarm和StateServer之旅

JS魔法堂：判断节点位置关系

.NET魔法堂：工程构建基石->MSBuild

CSS3魔法堂：认识@font-face和Font Icon

JS魔法堂：再识ASCII实体、符号实体和字符实体

JS魔法堂：再识IE的内存泄露

CSS魔法堂：你真的理解z-index吗？

JS魔法堂：被玩坏的innerHTML、innerText、textContent和value属性

Java魔法堂：枚举类型详解

CSS魔法堂：再次认识font

JS读书心得：《JavaScript框架设计》——第12章异步处理

JS魔法堂: Native Promise Only源码剖析

Java魔法堂：解读基于Type Erasure的泛型

代数几何:三角函数

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

Java魔法堂：URI、URL（含URL Protocol Handler）和URN

Java魔法堂：JVM的运行模式

欢迎