皮皮网

1.ios new和alloc的区别
2.vue源码阅读解析1- new Vue初始化流程
3.(NEW)在线考试系统源码(在线考试 源码)
4.Vue源码（一）—— new vue()
5.聊聊 JS 中的 Object.create
6.RocksDb 源码剖析 (1) | 如何混合 new 、mmap 设计高效内存分配器 arena ?

ios new和alloc的区别

       1.在实际开发中很少会用到new，一般创建对象咱们看到的全是[[className alloc] init]

       ä½†æ˜¯å¹¶ä¸æ„å‘³ç€ä½ ä¸ä¼šæŽ¥è§¦åˆ°new，在一些代码中还是会看到[className new]，

       è¿˜æœ‰åŽ»é¢è¯•çš„时候，也很可能被问到这个问题。

       2.那么，他们两者之间到底有什么区别呢

       æˆ‘们看源码：

       + new { id newObject = (*_alloc)((Class)self, 0); Class metaClass = self->isa; if (class_getVersion(metaClass) > 1) return [newObject init]; else return newObject; } //而 alloc/init 像这样： + alloc { return (*_zoneAlloc)((Class)self, 0, malloc_default_zone()); } - init { return self; }

       é€šè¿‡æºç ä¸­æˆ‘们发现，[className new]基本等同于[[className alloc] init]；

       åŒºåˆ«åªåœ¨äºŽalloc分配内存的时候使用了zone.

       è¿™ä¸ªzone是个什么东东呢？

       å®ƒæ˜¯ç»™å¯¹è±¡åˆ†é…å†…存的时候，把关联的对象分配到一个相邻的内存区域内，以便于调用时消耗很少的代价，提升了程序处理速度；

       3.而为什么不推荐使用new？

       ä¸çŸ¥å¤§å®¶å‘现了没有：如果使用new的话，初始化方法被固定死只能调用init.

       è€Œä½ æƒ³è°ƒç”¨initXXX怎么办？没门儿！据说最初的设计是完全借鉴Smalltalk语法来的。

       ä¼ è¯´é‚£ä¸ªæ—¶å€™å·²ç»æœ‰allocFromZone:这个方法，

       ä½†æ˜¯è¿™ä¸ªæ–¹æ³•éœ€è¦ä¼ ä¸ªå‚æ•°id myCompanion = [[TheClass allocFromZone:[self zone]] init];

       è¿™ä¸ªæ–¹æ³•åƒä¸‹é¢è¿™æ ·ï¼š

       + allocFromZone:(void *) z { return (*_zoneAlloc)((Class)self, 0, z); } //后来简化为下面这个： + alloc { return (*_zoneAlloc)((Class)self, 0, malloc_default_zone()); }

       ä½†æ˜¯ï¼Œå‡ºçŽ°ä¸ªé—®é¢˜ï¼šè¿™ä¸ªæ–¹æ³•åªæ˜¯ç»™å¯¹è±¡åˆ†é…äº†å†…存，并没有初始化实例变量。

       æ˜¯ä¸æ˜¯åˆå›žåˆ°new那样的处理方式：在方法内部隐式调用init方法呢？

       åŽæ¥å‘现“显示调用总比隐式调用要好”，所以后来就把两个方法分开了。

       æ¦‚括来说，new和alloc/init在功能上几乎是一致的，分配内存并完成初始化。

       å·®åˆ«åœ¨äºŽï¼Œé‡‡ç”¨new的方式只能采用默认的init方法完成初始化，

       é‡‡ç”¨alloc的方式可以用其他定制的初始化方法。

vue源码阅读解析1- new Vue初始化流程

       在 Vue 2.6. 版本中，初始化过程从一个简单的HTML文件引入Vue开始。核心在于 src/core/instance/index.js 和 src/core/instance/init.js 文件，其中定义了一个名为的方法，当执行 new Vue(options) 时，龙门镖局源码会调用这个方法进行实例化。

       重点在于理解 $mount 方法，它在 src/platforms/web/entry-runtime-with-compiler.js 中被实现，主要负责将模板编译成可识别的render函数，这对于模板编写和Vue的编译效率至关重要。当使用模板时，Vue会自动编译，而直接写render函数会更高效。

       继续深入，src/core/instance/lifecycle.js 的 mountComponent 方法有两个 $mount，一个用于with-compiler模式，负责模板编译阶段的处理；而其他情况下，template会被Webpack和loader处理并编译。

       在 mountComponent 方法中，创建渲染watcher，watcher内部调用updateComponent。watcher实例化时，vm._watcher = this，接着执行get函数，实际上是执行updateComponent，从而生成Vnode。

       然后进入vm.update函数，giao后台源码进一步调用patch方法，该方法在src/core/vdom/patch.js中，这是new Vue初始化流程的最终步骤。

(NEW)在线考试系统源码(在线考试 源码)

       在线考试系统源码是一种用于创建和管理在线考试的软件工具，它为教育机构、企业培训部门和招聘机构提供了便捷的解决方案。在线考试系统源码的核心功能之一是考试管理和监控功能。管理员可以通过系统实时监控考试进度和考生答题情况，及时发现并处理异常情况。同时，系统还提供了考试结果统计和分析功能，帮助用户全面了解考试情况，及时调整教学和培训方案。

       在线考试系统源码具有丰富的题型设置功能，用户可以根据考试的需要自定义题型和题目数量。系统提供了多种题型的答题方式，如单选、多选、填空、简答等，满足不同考生的需求。在线考试系统源码还具有便捷的用户管理功能，包括学生/考生信息管理、教师/监考员管理等，管理员可以根据需要灵活管理用户权限和角色。

       在线考试系统源码还支持在线学习和考试资源的共享和管理，用户可以上传、视频建模源码分享和下载各种学习资料和考试试卷，促进信息共享和教育资源的利用。在线考试系统源码功能丰富，包括灵活的题型设置、考试安全设置、考试管理和监控、用户管理等，满足不同用户的需求。通过在线考试系统，管理员可以轻松地创建、发布和管理各种类型的考试，实时监控考试进度和结果，为教育和培训工作提供了便捷的解决方案。在线考试系统源码提供了丰富多样的功能，包括灵活的题型设置、考试安全设置、考试管理和监控、用户管理等，满足不同用户的需求。在线考试系统源码的核心功能之一是考试管理和监控功能。管理员可以通过系统实时监控考试进度和考生答题情况，及时发现并处理异常情况。同时，系统还提供了考试结果统计和分析功能，帮助用户全面了解考试情况，及时调整教学和培训方案。在线考试系统源码还支持在线学习和考试资源的血糖 APP源码共享和管理，用户可以上传、分享和下载各种学习资料和考试试卷，促进教育资源的共享和利用。

Vue源码（一）—— new vue()

       探究Vue源码的奥秘，始于Vue实例化过程。在src/core目录下的index.js文件，承载了Vue实例化的核心逻辑。初探此源码，面对未知，不妨大胆猜想，随后一一验证。

       深入分析，我们发现一个简单粗暴的Vue Class定义，随后一系列init、mixin方法用于初始化关键功能。通过代码，确认此入口确实导出一个Vue功能类。进一步探索，核心在于initGlobalAPI，它揭示Vue全局属性，包括官方说明的全局属性。详细代码部分因篇幅限制，仅展示关键代码段。

       关注全局变量，如$isServer、$ssrContext，它们在ssr文档中有详细说明。breed源码修改这些变量与Head管理紧密相关，用于SSR环境下的特殊操作。至此，入口文件解析完成。

       深入Vue class实现，我们揭示其内核，包括Vue的生命周期管理。此部分解析将揭示Vue实例如何运作，以及其生命周期各阶段的重要性。了解这些，有助于我们更深入地掌握Vue的使用与优化。

聊聊 JS 中的 Object.create

        实话说，之前不知道还有这么个玩意。偶然间看手写 new 源码，才算和它第一次认识。

        Object.create() 官方解释：方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。

        其实 Object.create() 有两个参数： Object.create(proto, [propertiesObject])

        proto : 必须，表示新建对象的原型对象。

        即该参数会被赋值到目标对象(即新对象，或说是最后返回的对象)的原型上。

        该参数可以是null， 对象， 函数的 prototype 属性

        注意：创建空的对象时需传null , 否则会抛出 TypeError 异常

        propertiesObject : 可选，添加到新创建对象的可枚举属性。

        ( 即其自身的属性，而不是原型链上的枚举属性 ) 对象的属性描述符以及相应的属性名称。

        这些属性对应 Object.defineProperties() 的第二个参数。

        与 普通方式 创建对象 不同点

RocksDb 源码剖析 (1) | 如何混合 new 、mmap 设计高效内存分配器 arena ?

       本文旨在深入剖析RocksDb源码，从内存分配器角度着手。RocksDb内包含MemoryAllocator和Allocator两大类内存分配器。MemoryAllocator作为基类，提供MemkindKmemAllocator和JemallocNodumpAllocator两个子类，分别集成memkind和jemalloc库的功能，实现内存分配与释放。

       接着，重点解析Allocator类及其子类Arena的实现。基类Allocator提供两个关键接口：内存分配与对齐。Arena类采用block为单位进行内存分配，先分配一个block大小的内存，后续满足需求时，优先从block中划取，以减少内存浪费。一个block的大小由kBlockSize参数决定。分配策略中，Arena通过两个指针（aligned_alloc_ptr_和unaligned_alloc_ptr_）分别管理对齐与非对齐内存，提高内存利用效率。

       分配内存时，Arena通过构造函数初始化成员变量，包括block大小、内存在栈上的分配与mmap机制的使用。构造函数内使用OptimizeBlockSize函数确保block大小合理，减少内存对齐浪费。Arena中的内存管理逻辑清晰，尤其在分配新block时，仅使用new操作，无需额外内存对齐处理。

       分配内存流程中，AllocateNewBlock函数直接调用new分配内存，而AllocateFromHugePage和AllocateFallback函数则涉及mmap机制的使用与内存分配策略的统一。这些函数共同构成了Arena内存管理的核心逻辑，实现了灵活高效地内存分配。

       此外，Arena还提供AllocateAligned函数，针对特定对齐需求分配内存。这一函数在使用mmap分配内存时，允许用户自定义对齐大小，优化内存使用效率。在处理对齐逻辑时，Arena巧妙地利用位运算优化计算过程，提高了代码效率。

       总结而言，RocksDb的内存管理机制通过Arena类实现了高效、灵活的内存分配与管理。通过深入解析其源码，可以深入了解内存对齐、内存分配与多线程安全性的实现细节，为开发者提供宝贵的内存管理实践指导。未来，将深入探讨多线程内存分配器的设计，敬请期待后续更新。

vue源码分析(1)- new Vue

       Vue.js 的核心思想是数据驱动，意味着视图由数据生成，修改视图不直接操作DOM，而是通过改变数据。与传统前端库如 jQuery 修改 DOM 的方式相比，数据驱动简化了代码量，尤其在交互复杂时，关注数据修改使逻辑清晰，DOM 变为数据映射，避免直接碰触 DOM，利于维护。

       使用 Vue 已有两年，专注于项目，未能深入理解及梳理源码。近期决定系统梳理 Vue 源码，并将系列文章发布，欢迎关注。

       今天探讨 Vue 实例化过程。当使用 `new Vue` 时，Vue 会执行 `_init` 方法。此方法在 `src/core/instance/init.js` 定义，主要分为四部分：参数初始化、选项合并、初始化生命周期、事件中心、渲染、数据、属性、计算属性等。

       若存在 `vm.$options.el`，将 `vm` 挂载至 DOM 节点，完成渲染，页面从 `{ { message}}` 变为 'Hello Vue'。疑惑在于数据如何渲染？答案在于初始化的第二部分，使用 `initState` 方法，其中 `initData` 负责处理 `data`，并代理数据至 `vm` 实例，通过 `proxy` 实现。当访问 `this.message` 时，实际上是访问 `this._data.message`。

       初始化最后检测 `el` 存在时，调用 `vm.$mount` 挂载，将模板渲染为 DOM。下章将分析 Vue 挂载过程。

       如有兴趣交流，微信号：，期待您的参与。

Vue2源码细读-new Vue()初始化

       Vue.js 是一个数据驱动的前端框架，其核心是通过数据生成视图，开发者更关注数据模型与流转而非视图生成。

       从 new Vue() 开始，我们将探索 Vue 实例的创建过程。新创建的 Vue 实例本质上是一个 Vue 的实例对象。Vue 作为构造函数，只能通过 new 操作符创建实例，核心功能是调用初始化方法 _init，并传入参数。

       Vue 的实现中，构造函数定义了多个 mixin，这些 mixin 被挂载到 Vue.prototype，以降低耦合度，便于维护。初始化流程包括多个模块的挂载，如初始化、数据状态、事件发布订阅、生命周期与渲染。

       初始化过程主要分为三个阶段：手动调用场景和组件场景。手动调用场景指直接创建的 Vue 实例，优先级高于组件场景。组件场景涉及全局或局部注册的组件，组件创建和继承通过 Vue.extend 实现。

       组件创建过程中，Vue.extend 用于获取组件构造函数，createComponent 则生成初始的 VNode。组件实例的创建发生在 patch 过程中，此时调用 init 钩子，真正创建组件实例。

       组件实例的 options 包含组件配置，通过对象赋值保存到实例中。在组件场景中，initInternalComponent 函数处理组件实例的初始化，包括设置组件选项和相关属性。

       综上所述，new Vue() 过程涉及构造函数的初始化、混合功能的挂载、配置的合并与组件的创建。这一过程在后续篇章中将详细分析。

       参考资料：

[Vue.js 技术揭秘]( 合并配置 | Vue.js 技术揭秘)