皮皮网

1.EasyLogger源码学习笔记（4）
2.Vue Router 源码学习笔记5 - 视图更新的网页网页实现
3.2023小红书web端搜索采集笔记视频点赞关注评论去水印接口源码nodejs
4.免费开源的在线 Markdown 编辑器
5.easylogging源码学习笔记（6）
6.Vue Router 源码学习笔记4 - pushState和replaceState的实现

EasyLogger源码学习笔记（4）

       setbuf函数用于开启或关闭缓冲机制，关闭时使用setbuf(stdout,笔记笔记 NULL);。

       在编程中，源码源码用unlikely(x) 和 likely(x) 函数通过宏定义 __builtin_expect(!!(x),网页网页 1) 和 __builtin_expect(!!(x), 0) 实现，用以帮助优化编译器，笔记笔记实现等价于if(a)但更高效的源码源码用简洁的授权源码条件判断。

       semget()函数用于创建或获取信号量，网页网页其原型为 int semget(key_t key,笔记笔记 int num_sems, int sem_flags)。它接受一个键值、源码源码用指定信号量数量及标志位，网页网页成功时返回信号标识符，笔记笔记失败时返回-1。源码源码用

       semctl()函数用于设置或获取信号量的网页网页值，而semop()函数则用于执行信号量的笔记笔记P操作或V操作。

       信号量在共享内存管理中扮演关键角色，源码源码用内核维护一个名为shmid_ds的数据结构，用于管理共享内存段。

       利用fseek()函数，可以设置文件流的位置，通过参数offset和whence来确定查找位置的偏移量。

       a+方式打开文本文件，允许读写，若文件不存在则创建，读取从头开始，写入只能追加。

       sem_post函数（int sem_post(sem_t *sem);）将信号量值增加1，当线程阻塞在该信号量上时，调用此函数会使一个线程解除阻塞，选择机制由线程调度策略决定。

       sem_wait函数（int sem_wait(sem_t * sem);）则将信号量值减去1，但需等待信号量值非零时才开始减法操作。

       一种应用方法是利用信号量实现类似于信号传递的功能，某线程在特定条件下执行任务，其他线程通过调用sem_post()使信号量加一，该线程在调用sem_wait()后解除阻塞，继续执行。

Vue Router 源码学习笔记5 - 视图更新的实现

       History模块的updateRoute方法主要执行三项关键任务。首先，此方法触发了cb函数，该函数相当于注册监听器，这一过程在VueRouter初始化(src/index.js)阶段完成。免费微信平台源码其次，更新了内部的_route属性。那么，视图为何会据此更新呢？答案在于响应式属性的机制。

       VueRouter的install方法(src/install.js)对全局Vue对象进行了扩展，其中将_route属性定义为响应式属性。这意味着每当_route属性变化，视图就会自动更新。

       响应式属性的实现原理基于Object.defineProperty，这是一种JavaScript对象属性的动态绑定机制。通过它，可以为对象属性添加读取和写入操作的监听逻辑，从而实现在属性值改变时触发相应的响应行为。

       从设计模式的角度来看，这里采用了发布订阅模式。发布者（即属性值）在变化时发出事件，订阅者（视图）接收到事件后执行相应的更新操作。

       进一步探索，可以尝试实现类似Object.defineProperty的功能，以深入理解其工作原理和在Vue中响应式系统中的应用。

小红书web端搜索采集笔记视频点赞关注评论去水印接口源码nodejs

       本文旨在提供对小红书web端接口的概览，仅供学习与研究，严禁用于非法用途。请遵守法律法规，尊重版权。如有侵权，请及时告知，感谢配合。

       一、notejs接口调用方法（源码级别）：

       获取笔记信息：helpnow_get_note_by_id("笔记ID")

       获取当前用户信息：helpnow_self_info()

       获取用户信息：helpnow_user_info("用户ID")

       获取主页推荐：helpnow_home_feed(RECOMMEND)

       搜索笔记：helpnow_note_by_keyword("搜索关键字")

       获取用户笔记：helpnow_user_notes("用户ID")

       获取笔记评论：helpnow_note_comments("笔记ID")

       获取笔记子评论：helpnow_note_sub_comments("笔记ID", "父评论ID")

       评论笔记：helpnow.comment_note("笔记ID", "评论内容")

       删除笔记评论：helpnow.delete_note_comment("笔记ID", "评论ID")

       评论用户：helpnow.delete_note_comment("笔记ID", "评论ID", "评论内容")

       关注用户：helpnow.follow_user("用户ID")

       取关用户：helpnow.unfollow_user("用户ID")

       收藏笔记：helpnow.collect_note("笔记ID")

       取消收藏笔记：helpnow.uncollect_note("笔记ID")

       点赞笔记：helpnow.like_note("笔记ID")

       取消点赞笔记：helpnow.dislike_note("笔记ID")

       点赞评论：helpnow.like_comment("笔记ID", "评论ID")

       取消点赞评论：helpnow.dislike_comment("评论ID")

       获取二维码：helpnow.get_qrcode()

       检查二维码状态：helpnow.check_qrcode("二维码ID", "二维码编码")

       二、推荐部分小红书使用接口更新：

       以下是小红书推荐接口的代码示例，用于更新推荐内容。

       RECOMMEND = "homefeed_recommend"

       FASION = "homefeed.fashion_v3"

       FOOD = "homefeed.food_v3"

       COSMETICS = "homefeed.cosmetics_v3"

       MOVIE = "homefeed.movie_and_tv_v3"

       CAREER = "homefeed.career_v3"

       EMOTION = "homefeed.love_v3"

       HOURSE = "homefeed.household_product_v3"

       GAME = "homefeed.gaming_v3"

       TRAVEL = "homefeed.travel_v3"

       FITNESS = "homefeed.fitness_v3"

       三、已支持接口列表如下：

       包含以下接口用于访问与小红书相关的数据：

       小红书关键字搜索

       小红书用户信息详情

       小红书用户笔记列表

       小红书单个笔记详细数据

       小红书用户关注列表

       小红书用户粉丝列表

       小红书用户点赞的笔记列表

       小红书用户收藏的笔记列表

       小红书笔记的评论列表

       小红书单条评论下的回复列表

       小红书单个笔记关联的商品列表

       小红书商城店铺下的商品列表

       小红书话题页/poi页相关接口

免费开源的在线 Markdown 编辑器

       Markdown 是一种轻量级标记语言，广泛应用于文档编写和网页发布。许多人利用其简洁特性进行文章创作。对于寻求 Linux 环境下 Markdown 编辑器的用户，已有多款编辑器可供选择。然而，对于那些不希望在本地安装额外软件，门户网站asp源码或追求在线协作、发布集成、笔记同步的用户，免费开源的在线 Markdown 编辑器则成为理想选择。

       在线 Markdown 编辑器通过提供一系列高级功能，简化了 Markdown 文档的创建和协作过程。它们支持实时预览、发布到各类平台、同步至云端服务等，满足用户在多种场景下的需求。

       本篇文章将为你推荐五款免费开源的在线 Markdown 编辑器，它们在功能、易用性等方面各具特色，可满足不同用户的需求。

       1. StackEdit

       StackEdit 是最受欢迎的开源在线 Markdown 编辑器之一，提供直观的用户界面和丰富功能，包括协作能力、文档同步至 Blogger、WordPress、GitHub 等平台。它支持 LaTeX 数学表达式、UML 图等 Markdown 扩展，界面友好，支持离线工作，且可离线使用 Chrome 应用程序和扩展。

       用户可轻松导入和导出文件，StackEdit 的 GitHub 仓库提供源代码，便于部署到服务器。

       2. Dillinger

       Dillinger 是另一个有趣的开源在线 Markdown 编辑器，支持与 Dropbox、GitHub、Medium 等服务的链接，方便文件管理。与 StackEdit 相比，Dillinger 的界面较为简洁，不支持 LaTeX 表达式或图表扩展，适合简单在线 Markdown 编辑需求。Dillinger 也支持 Docker 容器部署，GitHub 页面提供更多技术细节。

       3. Write.as

       Write.as 基于自由开源软件 WriteFreely 开发，网络电视直播 源码允许用户在服务器上托管服务。它支持基本的 Markdown 功能，并提供了付费订阅以解锁额外功能。Write.as 与 Mastodon、ActivityPub 等社交平台集成，支持轻松关注和分享博客文章。GitHub 页面提供了更多关于 WriteFreely 的信息。

       4. Editor.md

       Editor.md 是一个功能丰富的开源 Markdown 编辑器，支持嵌入自定义网页。它提供实时预览、GitHub 风格的 Markdown 支持，具备所见即所得的编辑器功能，支持表情符、LaTeX 表达式、流程图等。用户可选择自托管服务，GitHub 页面提供详细部署信息。

       5. CodiMD

       CodiMD 是一个开源在线 Markdown 编辑器，提供实时协作功能。基于 HackMD 的源代码，CodiMD 提供演示实例进行测试，并支持黑暗模式，易于使用。计划在未来的发布版本中更名“HedgeDoc”。GitHub 页面提供关于 Docker/Kubernetes 部署和其他手动配置选项的信息。

       6. Wri.pe

       Wri.pe 是一款简单开源在线 Markdown 编辑器，具有实时预览和笔记导出功能。尽管不再维护，但仍然可用。Wri.pe 的特点是用户体验友好，支持 Dropbox/Evernote 导出。对于寻求轻量级在线 Markdown 编辑工具的用户，Wri.pe 是一个不错的选择。

       此外，推荐 Markdown Web Dingus 和 Markdown Journal 等工具，尽管 Markdown Journal 已停止开发，但 Markdown Web Dingus 由 Markdown 语言的创造者提供，适用于在线 Markdown 编辑和预览。

       在线 Markdown 编辑器为用户提供了灵活的创作环境，支持多种功能，dnf登录器源码满足从个人到团队协作的不同需求。选择适合自己的在线 Markdown 编辑器时，应考虑功能、易用性、协作能力、平台集成以及是否需要部署至服务器等因素。

easylogging源码学习笔记（6）

       `LOG` 是默认日志、CLOG自定义日志、LOG_IF条件日志

       特殊日志

       LOG_EVERY_N、LOG_AFTER_N、LOG_N_TIMES

       for (int i = 1; i <= ; ++i) {

       LOG_EVERY_N(2, INFO) << "Logged every second iter";

       }// 5 logs written; 2, 4, 6, 7,

       for (int i = 1; i <= ; ++i) {

       LOG_AFTER_N(2, INFO) << "Log after 2 hits; " << i;

       }// 8 logs written; 3, 4, 5, 6, 7, 8, 9,

       for (int i = 1; i <= ; ++i) {

       LOG_N_TIMES(3, INFO) << "Log only 3 times; " << i;

       }// 3 logs writter; 1, 2, 3

       条件日志和特殊日志可以搭配使用

       * `VLOG_IF(condition, verbose-level)`

       * `CVLOG_IF(condition, verbose-level, loggerID)`

       * `VLOG_EVERY_N(n, verbose-level)`

       * `CVLOG_EVERY_N(n, verbose-level, loggerID)`

       * `VLOG_AFTER_N(n, verbose-level)`

       * `CVLOG_AFTER_N(n, verbose-level, loggerID)`

       * `VLOG_N_TIMES(n, verbose-level)`

       * `CVLOG_N_TIMES(n, verbose-level, loggerID)`

       日志详细等级判定

       if (VLOG_IS_ON(2)) {

       // Verbosity level 2 is on for this file

       }

       性能追踪

       * `TIMED_FUNC(obj-name)`

       * `TIMED_SCOPE(obj-name, block-name)`

       * `TIMED_BLOCK(obj-name, block-name)`

       这些宏实际上都是关于el::base::type::PerformanceTrackerPtr，一个指向el::base::PerformanceTracker的指针

       #if defined(ELPP_FEATURE_ALL) || defined(ELPP_FEATURE_PERFORMANCE_TRACKING)

       PerformanceTracker::PerformanceTracker(const std::string& blockName,

       base::TimestampUnit timestampUnit,

       const std::string& loggerId,

       bool scopedLog, Level level) :

       m_blockName(blockName), m_timestampUnit(timestampUnit), m_loggerId(loggerId), m_scopedLog(scopedLog),

       m_level(level), m_hasChecked(false), m_lastCheckpointId(std::string()), m_enabled(false) {

       #if !defined(ELPP_DISABLE_PERFORMANCE_TRACKING) && ELPP_LOGGING_ENABLED

       // We store it locally so that if user happen to change configuration by the end of scope

       // or before calling checkpoint, we still depend on state of configuration at time of construction

       el::Logger* loggerPtr = ELPP->registeredLoggers()->get(loggerId, false);

       m_enabled = loggerPtr != nullptr && loggerPtr->m_typedConfigurations->performanceTracking(m_level);

       if (m_enabled) {

       base::utils::DateTime::gettimeofday(&m_startTime);

       }

       #endif // !defined(ELPP_DISABLE_PERFORMANCE_TRACKING) && ELPP_LOGGING_ENABLED

       }

       在构造函数中获取一个时间，

       PerformanceTracker::~PerformanceTracker(void) {

       #if !defined(ELPP_DISABLE_PERFORMANCE_TRACKING) && ELPP_LOGGING_ENABLED

       if (m_enabled) {

       base::threading::ScopedLock scopedLock(lock());

       if (m_scopedLog) {

       base::utils::DateTime::gettimeofday(&m_endTime);

       base::type::string_t formattedTime = getFormattedTimeTaken();

       PerformanceTrackingData data(PerformanceTrackingData::DataType::Complete);

       data.init(this);

       data.m_formattedTimeTaken = formattedTime;

       PerformanceTrackingCallback* callback = nullptr;

       for (const std::pair& h

       : ELPP->m_performanceTrackingCallbacks) {

       callback = h.second.get();

       if (callback != nullptr && callback->enabled()) {

       callback->handle(&data);

       }

       }

       }

       }

       #endif // !defined(ELPP_DISABLE_PERFORMANCE_TRACKING)

       }

       在析构函数中获取一个时间，处理时间data，使用PerformanceTrackingCallback类型指针callback，并在callback->handle(&data)中处理输出。

       由于定义了ELPP_FEATURE_PERFORMANCE_TRACKING，因此在初始化（INITIALIZE_EASYLOGGINGPP）中实际上是安装了一个base::DefaultPerformanceTrackingCallback。

       在PerformanceTracker类的handle函数中，callback是一个PerformanceTrackingCallback类型指针，由于安装的是DefaultPerformanceTrackingCallback对象，因此是一个基类指针指向了派生类对象。处理输出的逻辑在DefaultPerformanceTrackingCallback类的handle函数中。

       DefaultPerformanceTrackingCallback类的handle函数首先会将数据成员m_data的指针赋值给函数参数，并创建一个base::type::stringstream_t类型的对象ss用于构建输出内容。根据m_data的dataType，输出不同的信息。在输出时，会使用el::base::Writer类构造并输出内容。

Vue Router 源码学习笔记4 - pushState和replaceState的实现

       在Vue Router中，HTML5History的push和replace操作主要通过util/push-state.js中的相应函数来执行，它们依赖window.history.pushState和window.history.replaceState API。对于HTML5History，如果浏览器支持，就按照标准流程进行，即利用pushState或replaceState改变浏览器的历史记录，而不会导致页面刷新。

       对于HashHistory，浏览器支持与否对操作方式有影响。若支持，同样采用类似方法，通过pushState设置hash部分，replaceState则调用window.location.replace替换当前URL。然而，如果浏览器不支持pushState，会直接操作window.location更改URL，以#符号为标志。

       MDN文档中提到，pushState需要三个参数：状态对象、标题（通常忽略）和可选的URL。而replaceState与pushState类似，只是替换当前历史项，而非新增，尽管它会在浏览器历史中生成新的记录。

       当路由更改后，紧接着是视图的同步更新。详细了解这两个方法的使用，可以参考MDN文档：developer.mozilla.org/zh-CN/docs/Web/API/History/pushState。

       继续深入学习，确保在实际项目中正确运用这些原理，实现无缝的路由切换。

Vuex 4源码学习笔记 - mapState、mapGetters、mapActions、mapMutations辅助函数原理（六）

       在前一章中，我们通过了解Vuex的dispatch功能，逐步探索了Vuex数据流的核心工作机制。通过这一过程，我们对Vuex的整体运行流程有了清晰的把握，为深入理解其细节奠定了基础。本章节，我们将聚焦于Vuex的辅助函数，包括mapState、mapGetters、mapActions、mapMutations以及createNamespacedHelpers，这些函数旨在简化我们的开发流程，使其更符合实际应用需求。

       请注意，这些辅助函数在Vue 3的Composition API中不适用，因为它们依赖于组件实例（this），而在Setup阶段，this尚未被创建。因此，它们仅适用于基于选项的Vue 2或Vue 3经典API。

       以mapState为例，它允许我们以计算属性的形式访问Vuex中的状态。当组件需要获取多个状态时，通过mapState生成的计算属性可以显著减少代码冗余。若映射的计算属性名称与state子节点名称相同，只需传入字符串数组。此外，通过对象展开运算符，我们能轻松地在已有计算属性中添加新的映射。

       深入代码层面，mapState的核心功能在src/helpers.js文件中得以实现。通过normalizeNamespace函数统一处理命名空间和map数据，然后利用normalizeMap函数将数组或对象格式数据标准化，最终返回一个封装后的函数对象。通过这种方式，mapState有效简化了状态访问的实现。

       mapGetters、mapMutations、mapActions遵循相似的模式，通过normalizeNamespace统一输入，然后使用normalizeMap统一数据处理，最后返回对象格式的函数集合，支持对象展开运算符的使用。这些函数简化了获取、执行actions和mutations的过程。

       createNamespacedHelpers则是为管理命名空间模块提供便利。通过传入命名空间值，它生成一组组件绑定辅助函数，简化了针对特定命名空间的模块操作。此函数通过bind方法巧妙地将namespace参数绑定到返回的函数集合中，实现了高效、灵活的命名空间管理。

       本章节对mapState的实现原理进行了深入分析，并展示了其余辅助函数的相似之处。通过理解这些函数的工作机制，我们能更高效地应用Vuex，优化组件间的交互与状态管理。利用这些工具，开发者能够更专注于业务逻辑的实现，而不是繁琐的状态获取和管理。

       在探索更多前端知识的旅程中，让我们一起关注公众号小帅的编程笔记，每天更新精彩内容，与编程社区一同成长。

EasyLogger源码学习笔记（5）

       在EasyLogger源码的学习中，我们了解到日志对象使用了互斥锁以确保同一时刻只有一个线程能进行操作，保证了日志管理的安全性与高效性。

       对于异步输出，EasyLogger通过信号量实现了优化。当需要等待执行时，某个线程会被阻塞，以减少CPU的占用。这一特性允许用户单独设置异步输出的日志等级，提高系统的灵活性与可控性。

       在文件输出时，使用了信号量集合，其中仅包含一个信号量。这一设计确保了同时只有一个线程能向文件中写入日志，避免了多线程并发写入导致的文件混乱。

       日志输出的多样选择体现了EasyLogger的灵活性，无论是输出到文件还是串口，都可以根据需要配置是否采用异步输出，以适应不同的应用场景与性能需求。

       此外，sem_post函数用于解锁由semby指定的信号量，执行对特定信号量的解锁操作。而semop函数则用于执行一组预先定义的信号量操作，适用于对多个信号量进行原子性操作。

       在信号量集合仅包含一个信号量的情况下，使用sem_post函数进行操作可能直接替代使用semop函数。这一设计简化了信号量管理，提高了代码的可读性和效率。

EasyLogger源码学习笔记（1）

       在编程中，预处理器通过宏定义执行特定的逻辑。使用`#ifdef`和`#else`可以实现条件编译。当`#ifdef _XXXX`中的标识符_XXXX被`#define`命令定义时，编译器将执行`#ifdef`后的程序段1，否则执行`#else`后的程序段2。`#ifndef _XXXX`则表示如果标识符未被定义，则执行程序段1，反之执行程序段2。

       ANSI C宏提供了多种实用信息，如`__DATE__`返回当前日期，`__TIME__`返回当前时间，`__FILE__`包含当前文件名，`__LINE__`包含当前行号。`__STDC__`常量用于判断程序是否遵循ANSI C标准。`__FUNCTION__`宏在预编译时返回所在函数的名称。

       宏参数的处理可以通过`#`将参数变为字符串，使用`##`将两个宏参数连接起来。`__VA_ARGS__`是一个可变参数宏，需配合`define`使用，将宏左侧的`..`内容原样复制到右侧。

       `#if defined`和`#if !defined`在功能上相似，都用于判断宏是否定义。`#error`指令在编译时生成错误消息并停止编译，用于警告开发者。

       `extern`关键字用于引用其他文件中的函数或全局变量。例如`extern ElogErrCode elog_port_init(void);`声明了一个名为`elog_port_init`的外部函数，调用时需要指明返回值类型和参数。

       在多线程编程中，使用`sched_param`结构来管理线程调度参数。`sem_t`表示信号量，用于实现互斥和同步。`pthread_attr_setschedpolicy(&thread_attr, SCHED_RR);`设置进程调度策略为实时轮转调度。

       `SCHED_OTHER`默认分时调度策略，`SCHED_FIFO`采用先进先出策略，而`SCHED_RR`是`SCHED_FIFO`的增强版，提供实时轮转功能。使用`sched_get_priority_max(int policy);`和`sched_get_priority_min(int policy);`函数可以获取线程可设置的最高和最低优先级，其中策略参数即上述三种调度策略的宏定义。

       `pthread_attr_setschedparam(&thread_attr, &thread_sched_param);`用于设置线程的优先级。通过这些函数，开发者可以精细地控制线程调度，提高程序性能。

Vue2源码学习笔记 - .响应式原理一computed与watch浅析

       本文仅简要介绍Vue2源码中计算属性和侦听属性的初始化过程，深入研究响应式原理将在后续内容中进行。

       计算属性初始化：在Vue实例化过程中，传入的计算属性配置被传递至initComputed函数。该函数生成每个计算属性的Watcher对象，且设置lazy选项为真。通过defineComputed函数定义计算属性为响应式变量，实现计算属性的初始化。在defineComputed中，使用Object.defineProperty将计算属性设置为响应式属性，通过生成getter函数（如computedGetter），在获取属性值时，计算并收集依赖。

       侦听属性初始化：在initState函数中，侦听属性的初始化调用initWatch函数。此函数直接将侦听属性传递至Vue.prototype.$watch方法，配置侦听属性与回调函数，实现侦听属性的初始化。$watch方法实例化Watcher对象，监听属性变动，当检测到变动时执行回调函数。

       总结：计算属性与侦听属性的初始化相对简化，主要依赖于Watcher类。计算属性通过生成Watcher对象与getter函数，实现响应式计算与依赖收集；侦听属性则通过配置Watcher对象与回调函数，实现属性变动时的自动响应。在后续内容中，将深入研究Watcher类及其与计算属性、侦听属性的关联与配合机制。