李永宁_lyn-优快云博客

原创 PDF 生成（6）— 服务化、配置化

系列完结篇，PDF 生成能力服务化、配置化，将 PDF 生成能力暴露给用户.............

2024-07-03 10:19:17 872

原创 PDF 生成（5）— 内容页支持由多页面组成

突破 puppeteer 的限制，PDF 内容页支持由多个页面组成，从而解决业务方代码维护问题 ..

2024-07-01 13:25:15 1133

原创 PDF 生成（4）— 目录页

本文详细阐述了如何为 PDF 文件增加目录页，目录页在一本书或一篇长文中扮演着非常重要的角色，它是内容的整体概览，可以帮助读者快速了解内容的整体结构，并定位到感兴趣的章节，也是整个系列的难点、亮点之一

2024-06-26 14:41:26 1918

原创 PDF 生成（3）— 封面、尾页

通过文件合并的方式为 PDF 文件增加封面和尾页

2024-06-26 14:37:53 1207

原创 PDF 生成（2）— 生成 PDF 文件

本文我们以百度新闻为例，讲解如何通过 puppeteer 将百度新闻页打印成一份完整的 PDF 文件

2024-06-18 21:47:33 1435 1

原创 PDF 生成（1）— 开篇

本系列旨在介绍纯前端技术方案下的 PDF 生成最佳实践。内容涵盖业务背景、选型思路和实践历程，从简单的 PDF 文件生成到复杂的配置化与服务化。整个实践过程以技术为驱动，同时也展示了如何打造技术产品的过程。是一份适合任何人实践的教程。

2024-06-18 14:31:53 1176

原创手写 Vue2 系列之 computed

本篇的目标是实现 computed 计算属性，完成模版中计算属性的展示。涉及的知识点：计算属性的本质、计算属性的缓存原理

2022-03-21 10:52:01 350

原创手写 Vue2 系列之 patch —— diff

手写 Vue2 系列之 patch —— diff。实现 DOM diff，完成响应式数据的更新

2022-03-18 10:25:34 658

原创手写 Vue2 系列之初始渲染

实现 Vue.js 的初始渲染过程，涉及内容包括： render helper、VNode、patch 初始渲染、指令、实例化子组件、插槽的处理

2022-03-17 12:44:09 937

原创手写 Vue2 系列之编译器

完成 Vue2 编译器的一个简版实现，从字符串模版解析开始，到最终得到 `render` 函数

2022-03-16 10:15:59 1397

原创手写 Vue 系列之从 Vue1 升级到 Vue2

手写 Vue 系列之从 Vue1 升级到 Vue2，将上篇文章中写的 lyn-vue 升级到 Vue2

2022-03-15 10:16:28 774

原创手写 Vue 系列之 Vue1.x

手写 Vue1，实现数据响应式原理、编译器、指令(v-bind、v-model、v-on).....

2022-03-14 08:21:26 975

原创 Vue 源码解读（12）—— patch

深入理解 Vue 的 patch 阶段，理解其 diff 算法的原理

2022-03-09 10:30:15 1999

原创 Vue 源码解读（11）—— render helper

在 Vue 编译器的基础上，进一步深入理解一个组件是如何通过这些运行时的工具方法（render helper）生成 VNode 的

2022-03-08 12:45:06 421

原创 Vue 源码解读（10）—— 编译器之生成渲染函数

深入理解渲染函数的生成过程，理解编译器是如何将 AST 变成运行时的代码，也就是我们写的类 html 模版最终变成了什么？

2022-03-07 10:37:58 543

原创 Vue 源码解读（9）—— 编译器之优化

深入理解编译器的静态标记过程

2022-03-04 09:04:31 178

原创 Vue 源码解读（8）—— 编译器之解析（下）

深入理解 Vue 编译器的解析过程，理解如何将类 html 模版字符串转换成 AST 对象

2022-03-03 08:34:22 244

原创 Vue 源码解读（8）—— 编译器之解析（上）

深入理解 Vue 编译器的解析过程，理解如何将类 html 模版字符串转换成 AST 对象

2022-03-02 08:40:35 397

原创 Vue 源码解读（7）—— Hook Event

1、理解什么是 Hook Event ？明白其使用场景2、深入理解 Hook Event 的实现原理

2022-03-01 08:11:46 193

原创 Vue 源码解读（6）—— 实例方法

深入理解以下实例方法的实现原理： vm.$set、vm.$delete、vm.$watch、vm.$on、vm.$emit、vm.$off、 vm.$once、vm._update、vm.$forceUpdate、vm.$destroy、vm.$nextTick、vm._render

2022-02-28 08:33:57 112

原创 Vue 源码解读（5）—— 全局 API

深入理解以下全局 API 的实现原理：Vue.use、Vue.mixin、Vue.component、Vue.filter、Vue.directive、Vue.extend、Vue.set、Vue.delete、Vue.nextTick

2022-02-25 09:09:19 507

原创 Vue 源码解读（4）—— 异步更新

1、深入理解 Vue 的异步更新机制2、nextTick 的原理

2022-02-24 08:44:22 135

原创 Vue 源码解读（3）—— 响应式原理

1、深入理解 Vue 数据响应式原理。2、methods、computed 和 watch 有什么区别？

2022-02-23 08:30:00 780

原创 Vue 源码解读（2）—— Vue 初始化过程

深入理解 Vue 的初始化过程，再也不怕 **面试官** 的那道面试题：`new Vue(options)` 发生了什么？

2022-02-22 08:30:00 331

原创 Vue 源码解读（1）—— 前言

专栏的第一篇，主要介绍专栏的目的、规划、适用人群，以及准备工作和扫盲的基础知识

2022-02-21 07:58:53 299

原创 uni-app、Vue3 + ucharts 图表 H5 无法渲染

从问题定位开始，到给框架（uni-app）提 issue、出解决方案(PR)，再到最后的思考，详细记录了整个过程

2022-02-17 08:00:00 2079 2

原创如何快速为团队打造自己的组件库（下）—— 基于 element-ui 为团队打造自己的组件库

在了解 Element 源码架构的基础上，接下来我们基于 element-ui 为团队打造自己的组件库

2022-02-14 08:39:58 2009

原创如何快速为团队打造自己的组件库（上）—— Element 源码架构

详细讲解了 ElementUI 的源码架构，为下一步基于 ElementUI 打造团队自己的组件库打好坚实的基础

2022-02-11 12:50:26 2916

原创按需加载原理分析

了解 `Babel` 插件基本知识，理解按需加载的内部原理，再也不怕面试官问我按需加载的实现原理了

2022-02-09 13:48:06 2980

原创从0到1搭建组件库

从实现项目基本架构 -> 支持多规范打包 -> 实现按需加载 -> 发布 npm 包，带你从 0 到 1 搭建组件库

2022-02-08 11:22:11 992

原创 qiankun 2.x 运行时沙箱源码分析

从源码层面详细讲解了 `qiankun` 框架中的 JS 沙箱和样式沙箱的实现原理

2022-02-07 11:47:42 3813 2

原创 HTML Entry 源码分析

从 HTML Entry 的诞生原因 -> 原理简述 -> 实际应用 -> 源码分析，带你全方位刨析 HTML Entry 框架

2022-02-05 18:44:54 1199

原创微前端框架之 qiankun 从入门到源码分析

从 single-spa 的缺陷讲起 -> qiankun 是如何从框架层面解决 single-spa 存在的问题 -> qiankun 源码解读，带你全方位刨析 qiankun 框架

2022-02-04 11:39:19 2013

原创微前端框架之 single-spa 从入门到精通

从基本使用 -> 部署 -> 框架源码分析 -> 手写框架，带你全方位刨析 single-spa 框架

2022-01-25 11:07:18 2508

原创 Javascript 运行机制

详细讲解 Javascript 的执行原理及过程

2022-01-18 15:17:47 383

m0_66439275的博客