游客njxd47hac6d2e_社区达人页

2022年05月

• 05.07 17:29:35
  发表了文章 2022-05-07 17:29:35

  谈谈对vitejs预构建的理解（下）

  vite在官网介绍中，第一条就提到的特性就是自己的本地冷启动极快。这主要是得益于它在本地服务启动的时候做了预构建。出于好奇，抽时间了解了下vite在预构建部分的主要实现思路，分享出来供大家参考。
• 05.07 17:28:22
  发表了文章 2022-05-07 17:28:22

  谈谈对vitejs预构建的理解（上）

  vite在官网介绍中，第一条就提到的特性就是自己的本地冷启动极快。这主要是得益于它在本地服务启动的时候做了预构建。出于好奇，抽时间了解了下vite在预构建部分的主要实现思路，分享出来供大家参考。

  
• 05.07 17:25:46
  发表了文章 2022-05-07 17:25:46

  一文搞懂JS模块、模块格式、模块加载器和模块打包器（下）

  接下来我们就来一起学习下js模块、模块化解决方案、模块加载器和模块打包器的区别。 本文的主要意图是帮大家快速理解现代前端JS开发的概念，并不会深入去探讨每种工具和模式。
• 05.07 17:22:42
  发表了文章 2022-05-07 17:22:42

  一文搞懂JS模块、模块格式、模块加载器和模块打包器（中）

  接下来我们就来一起学习下js模块、模块化解决方案、模块加载器和模块打包器的区别。 本文的主要意图是帮大家快速理解现代前端JS开发的概念，并不会深入去探讨每种工具和模式。
• 05.07 17:17:05
  发表了文章 2022-05-07 17:17:05

  一文搞懂JS模块、模块格式、模块加载器和模块打包器（上）

  接下来我们就来一起学习下js模块、模块化解决方案、模块加载器和模块打包器的区别。 本文的主要意图是帮大家快速理解现代前端JS开发的概念，并不会深入去探讨每种工具和模式。
• 05.07 17:14:37
  发表了文章 2022-05-07 17:14:37

  如何删除镜像、容器和数据卷？几个值得收藏的docker命令（下）

  在docker的实践过程中，如果没有注意docker对磁盘的占用，在某一天你可能发现磁盘空间已经被docker一点点吃掉了。那么今天给大家介绍几个清理docker镜像、容器和数据卷的常用命令。
• 05.07 17:07:57
  发表了文章 2022-05-07 17:07:57

  如何删除镜像、容器和数据卷？几个值得收藏的docker命令（上）

  在docker的实践过程中，如果没有注意docker对磁盘的占用，在某一天你可能发现磁盘空间已经被docker一点点吃掉了。那么今天给大家介绍几个清理docker镜像、容器和数据卷的常用命令。
• 05.07 17:05:31
  发表了文章 2022-05-07 17:05:31

  深入理解Vue实例生命周期（下）

  每个 Vue 实例在被创建时都会经过一系列的初始化过程。例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 为了让开发者在Vue实例生命周期的不同阶段有机会插入自己的代码逻辑，vue提供了一种叫做生命周期钩子的函数。
• 05.07 17:03:44
  发表了文章 2022-05-07 17:03:44

  深入理解Vue实例生命周期（中）

  每个 Vue 实例在被创建时都会经过一系列的初始化过程。例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 为了让开发者在Vue实例生命周期的不同阶段有机会插入自己的代码逻辑，vue提供了一种叫做生命周期钩子的函数。
• 05.07 17:01:36
  发表了文章 2022-05-07 17:01:36

  深入理解Vue实例生命周期（上）

  每个 Vue 实例在被创建时都会经过一系列的初始化过程。例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 为了让开发者在Vue实例生命周期的不同阶段有机会插入自己的代码逻辑，vue提供了一种叫做生命周期钩子的函数。

  
• 05.07 16:59:30
  发表了文章 2022-05-07 16:59:30

  keep-alive如何保持组件状态（下）

  keep-alive的设计初衷： 有些业务场景需要根据不同的判断条件，动态地在多个组件之间切换。频繁的组件切换会导致组件反复渲染，如果组件包含有大量的逻辑和dom节点，极易造成性能问题。其次，切换后组件的状态也会完全丢失。keep-alive的设计初衷就是为了保持组件的状态，避免组件的重复渲染。

  
• 05.07 16:58:06
  发表了文章 2022-05-07 16:58:06

  keep-alive如何保持组件状态（上）

  keep-alive的设计初衷： 有些业务场景需要根据不同的判断条件，动态地在多个组件之间切换。频繁的组件切换会导致组件反复渲染，如果组件包含有大量的逻辑和dom节点，极易造成性能问题。其次，切换后组件的状态也会完全丢失。keep-alive的设计初衷就是为了保持组件的状态，避免组件的重复渲染。
• 05.07 16:55:26
  发表了文章 2022-05-07 16:55:26

  vue组件实现原理解析(下)

  组件机制的设计，可以让开发者把一个复杂的应用分割成一个个功能独立组件，降低开发的难度的同时，也提供了极好的复用性和可维护性。本文我们一起从源码的角度，了解一下组件的底层实现原理。
• 05.07 16:53:59
  发表了文章 2022-05-07 16:53:59

  vue组件实现原理解析(中)

  组件机制的设计，可以让开发者把一个复杂的应用分割成一个个功能独立组件，降低开发的难度的同时，也提供了极好的复用性和可维护性。本文我们一起从源码的角度，了解一下组件的底层实现原理。
• 05.07 16:52:27
  发表了文章 2022-05-07 16:52:27

  vue组件实现原理解析(上)

  组件机制的设计，可以让开发者把一个复杂的应用分割成一个个功能独立组件，降低开发的难度的同时，也提供了极好的复用性和可维护性。本文我们一起从源码的角度，了解一下组件的底层实现原理。
• 05.07 16:50:15
  发表了文章 2022-05-07 16:50:15

  vue渲染过程解析-VDOM&DOM（下）

  从上篇文章《编译过程解析》中，我们了解到HTML模板经过编译，最终会生成一个render函数。render函数的主要功能是生成vnode。在vue的渲染过程中总共涉及两大工作：创建vnode和创建DOM节点。本篇文章作为上一篇的延续，重点聊聊渲染过程的实现。
• 05.07 16:47:20
  发表了文章 2022-05-07 16:47:20

  vue渲染过程解析-VDOM&DOM（上）

  从上篇文章《编译过程解析》中，我们了解到HTML模板经过编译，最终会生成一个render函数。render函数的主要功能是生成vnode。在vue的渲染过程中总共涉及两大工作：创建vnode和创建DOM节点。本篇文章作为上一篇的延续，重点聊聊渲染过程的实现。

  
• 05.07 16:44:28
  发表了文章 2022-05-07 16:44:28

  vue编译过程分析（下）

  vue编译过程分析
• 05.07 16:41:20
  发表了文章 2022-05-07 16:41:20

  vue编译过程分析（中）

  vue编译过程分析
• 05.07 16:27:35
  发表了文章 2022-05-07 16:27:35

  vue编译过程分析（上）

  vue编译过程分析

  
• 05.07 16:24:41
  发表了文章 2022-05-07 16:24:41

  Vue执行流程分析

  相信绝大多数的前端小伙伴已记不清做了多少项目，写了多少代码了，每个人如同教科书般地写着Vue代码

  
• 05.07 16:22:35
  发表了文章 2022-05-07 16:22:35

  HTTP 服务器消息推送之SSE

  HTTP 服务器推送也称 HTTP 流，是一种客户端-服务器通信模式，它将信息从 HTTP 服务器异步推送到客户端，而无需客户端请求。现在的 web 和 app 中，越来越多的场景使用这种通信模式，比如实时的消息提醒，IM在线聊天，多人文档协作等。以前实现这种类似的功能一般都是用ajax长轮询，而现在我们有了新的、更优雅的选择 —— WebSocket 和 SSE。

  
• 05.07 16:19:16
  发表了文章 2022-05-07 16:19:16

  总结-使用CORS解决跨域问题（下）

  对前端来说跨域应该是不陌生的，解决跨域的方案有很多种。而我司前端接口调用也正是CORS的方式，所以难免在联调阶段会遇见一些CORS跨域的问题，下面通过一个简单的demo验证一下CORS解决跨域的过程中，对一些不清楚的知识点做一个简单的总结

  
• 05.07 16:17:10
  发表了文章 2022-05-07 16:17:10

  总结-使用CORS解决跨域问题（上）

  对前端来说跨域应该是不陌生的，解决跨域的方案有很多种。而我司前端接口调用也正是CORS的方式，所以难免在联调阶段会遇见一些CORS跨域的问题，下面通过一个简单的demo验证一下CORS解决跨域的过程中，对一些不清楚的知识点做一个简单的总结

  
• 05.07 16:14:38
  发表了文章 2022-05-07 16:14:38

  canvas如何绘制标签，在知识的海洋狗刨（下）

  下面总结了一些canvas绘制标签的心得体会，希望能够对你有所帮助。

  
• 05.07 16:12:48
  发表了文章 2022-05-07 16:12:48

  canvas如何绘制标签，在知识的海洋狗刨（上）

  下面总结了一些canvas绘制标签的心得体会，希望能够对你有所帮助。

  
• 05.07 16:10:49
  发表了文章 2022-05-07 16:10:49

  不走寻常路,CSS垂直居中的另类实现

  众所周知，“css如何实现元素垂直居中？”已经是一个老生常谈的问题了，这个问题目前已经有了许多解决方案，这些方案也都有各自适用的场景以及优缺点

  
• 05.07 16:08:41
  发表了文章 2022-05-07 16:08:41

  前端获取微信头像 base64 数据的踩坑实践

  应用场景 前端生成一张图片, 一般是基于页面的内容(DOM)生成一张用于分享的海报形式的图片(例如通过 html2canvas)。不过当分享的图片要包含微信用户的头像时(图片位于 thirdwx.qlogo.cn 域名,没有转存到自己的域名下)，微信用户的头像图片相当于页面是跨域的。我们如何解决此场景下获取微信头像的问题。

  
• 05.07 15:54:56
  发表了文章 2022-05-07 15:54:56

  如何让你的JavaScript代码更优雅（下）

  写了好多年的JavaScript代码，你的代码是不是可以更加优雅？下面整理了一些优化代码的建议，大家可以酌情做一下参考，希望能给到大家一些帮助。
• 05.07 15:52:10
  发表了文章 2022-05-07 15:52:10

  如何让你的JavaScript代码更优雅（上）

  写了好多年的JavaScript代码，你的代码是不是可以更加优雅？下面整理了一些优化代码的建议，大家可以酌情做一下参考，希望能给到大家一些帮助。
• 05.07 15:49:33
  发表了文章 2022-05-07 15:49:33

  vue路由hash模式引发的血案

  vue路由hash模式引发的血案

  
• 05.07 15:46:01
  发表了文章 2022-05-07 15:46:01

  【收藏】你不知道的css技巧（下）

  下面总结了一些常用又有趣的css技巧

  
• 05.07 15:43:49
  发表了文章 2022-05-07 15:43:49

  【收藏】你不知道的css技巧（上）

  下面总结了一些常用又有趣的css技巧

  
• 05.07 15:39:35
  发表了文章 2022-05-07 15:39:35

  微信小程序图片保存到本地一次问题解决

  最近接到一个小程序保存二维码到本地的需求，以保证用户分享进行推广。看看似简单的一个小需求，其实还是挺麻烦的，为大家分享下（这里项目使用了Taro小程序是一样的）。

  
• 05.07 15:37:42
  发表了文章 2022-05-07 15:37:42

  Flutter基础：Flutter中的div——Container（下）

  将Container比做成Flutter中的div并不恰当，但这并不妨碍前端同学用Container做为起点来学习Flutter。Flutter官方的文档阅读起来不是很直观，对于习惯了看前端类有直观示例的文档的同学来说不是很友好，故简单的总结了一下，从Container的基础用法开始。

  
• 05.07 15:36:10
  发表了文章 2022-05-07 15:36:10

  Flutter基础：Flutter中的div——Container（中）

  将Container比做成Flutter中的div并不恰当，但这并不妨碍前端同学用Container做为起点来学习Flutter。Flutter官方的文档阅读起来不是很直观，对于习惯了看前端类有直观示例的文档的同学来说不是很友好，故简单的总结了一下，从Container的基础用法开始。

  
• 05.07 15:33:50
  发表了文章 2022-05-07 15:33:50

  Flutter基础：Flutter中的div——Container（上）

  将Container比做成Flutter中的div并不恰当，但这并不妨碍前端同学用Container做为起点来学习Flutter。Flutter官方的文档阅读起来不是很直观，对于习惯了看前端类有直观示例的文档的同学来说不是很友好，故简单的总结了一下，从Container的基础用法开始。

  
• 05.07 15:27:17
  发表了文章 2022-05-07 15:27:17

  微信原生小程序转其他平台的小程序实践（下）

  如何将现有的微信原生小程序转其他平台的小程序？我想如果打算做这么一件事，或许大多数同学和我一样可能没什么思路。我第一次听说是在一次小程序生态技术大会上，一公司的一位前端技术人员谈到他们公司主要是将自己的微信小程序通过团队开发的工具转成其他平台的小程序，所以当时我也很想了解这个工具是怎么做的，实现过程是什么？
• 05.07 15:26:05
  发表了文章 2022-05-07 15:26:05

  微信原生小程序转其他平台的小程序实践（中）

  如何将现有的微信原生小程序转其他平台的小程序？我想如果打算做这么一件事，或许大多数同学和我一样可能没什么思路。我第一次听说是在一次小程序生态技术大会上，一公司的一位前端技术人员谈到他们公司主要是将自己的微信小程序通过团队开发的工具转成其他平台的小程序，所以当时我也很想了解这个工具是怎么做的，实现过程是什么？

  
• 05.07 15:24:23
  发表了文章 2022-05-07 15:24:23

  微信原生小程序转其他平台的小程序实践（上）

  如何将现有的微信原生小程序转其他平台的小程序？我想如果打算做这么一件事，或许大多数同学和我一样可能没什么思路。我第一次听说是在一次小程序生态技术大会上，一公司的一位前端技术人员谈到他们公司主要是将自己的微信小程序通过团队开发的工具转成其他平台的小程序，所以当时我也很想了解这个工具是怎么做的，实现过程是什么？

  
• 05.07 15:21:13
  发表了文章 2022-05-07 15:21:13

  uni-app转字节跳动、百度小程序手摸手实战（下）

  从最早发布的微信小程序，到后来的支付宝小程序、钉钉小程序，字节跳动小程序、百度小程序、QQ小程序等，面对这么多套的代码，开发者去编写多套原生代码的成本显然非常高，使用H5的话体验又没有原生好，这时候只需编写一套代码，就能够适配多端的能力就显得尤为需要。 下面进入正题，给大家介绍下uni-app字节小程序的开发

  
• 05.07 15:18:29
  发表了文章 2022-05-07 15:18:29

  uni-app转字节跳动、百度小程序手摸手实战（中）

  从最早发布的微信小程序，到后来的支付宝小程序、钉钉小程序，字节跳动小程序、百度小程序、QQ小程序等，面对这么多套的代码，开发者去编写多套原生代码的成本显然非常高，使用H5的话体验又没有原生好，这时候只需编写一套代码，就能够适配多端的能力就显得尤为需要。 下面进入正题，给大家介绍下uni-app字节小程序的开发

  
• 05.07 15:15:19
  发表了文章 2022-05-07 15:15:19

  uni-app转字节跳动、百度小程序手摸手实战（上）

  从最早发布的微信小程序，到后来的支付宝小程序、钉钉小程序，字节跳动小程序、百度小程序、QQ小程序等，面对这么多套的代码，开发者去编写多套原生代码的成本显然非常高，使用H5的话体验又没有原生好，这时候只需编写一套代码，就能够适配多端的能力就显得尤为需要。 下面进入正题，给大家介绍下uni-app字节小程序的开发

  
• 05.07 15:10:44
  发表了文章 2022-05-07 15:10:44

  浅谈浏览器渲染、回流和重绘

  概要 浏览器渲染的本质； 介绍回流 reflow 和重绘 repaint； 如何优化性能；

  
• 05.07 15:08:17
  发表了文章 2022-05-07 15:08:17

  js基础之new关键字知多少

  一个问题：写一个js方法实现一个 new 运算符。new 都用过，用来创建实例对象，可new 操作背后都做了些什么，我们确很少关注。
• 05.07 15:05:57
  发表了文章 2022-05-07 15:05:57

  如何使用 splitChunks 精细控制代码分割（下）

  前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是 react 还是 vue 都提供了完善的工具，帮我们屏蔽了繁琐的配置工作。当我们对代码进行构建时，已经自动帮我们完成了代码的拆分工作。 所以，很多小伙伴并不知道背后到底发生了什么事。至于为什么这么拆分，到底如何控制代码的拆分，更是一头雾水了。

  
• 05.07 15:03:48
  发表了文章 2022-05-07 15:03:48

  如何使用 splitChunks 精细控制代码分割（中）

  前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是 react 还是 vue 都提供了完善的工具，帮我们屏蔽了繁琐的配置工作。当我们对代码进行构建时，已经自动帮我们完成了代码的拆分工作。 所以，很多小伙伴并不知道背后到底发生了什么事。至于为什么这么拆分，到底如何控制代码的拆分，更是一头雾水了。

  
• 05.07 14:59:26
  发表了文章 2022-05-07 14:59:26

  如何使用 splitChunks 精细控制代码分割（上）

  前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是 react 还是 vue 都提供了完善的工具，帮我们屏蔽了繁琐的配置工作。当我们对代码进行构建时，已经自动帮我们完成了代码的拆分工作。 所以，很多小伙伴并不知道背后到底发生了什么事。至于为什么这么拆分，到底如何控制代码的拆分，更是一头雾水了。

  
• 05.07 14:56:38
  发表了文章 2022-05-07 14:56:38

  webpack原理解析（三）plugin机制

  在之前的文章中，我们了解到了webpack的打包机制和loader，loader 用于转换某些类型的模块，而plugin则可以用于执行范围更广的任务。包括：打包优化，资源管理，注入环境变量。插件目的在于解决 loader 无法实现的其他事。所以我们很有必要探究一下webpack的plugin机制。

  
• 05.07 14:54:35
  发表了文章 2022-05-07 14:54:35

  使用vue实现HTML页面生成图片（下）

  随着网络的发展，越来越多的网络平台应运而生。如何获得更多的流量，吸引更多的眼球已经成为网络平台生存、发展的必要条件。现在网络平台最常见的一种宣传方式就是人邀人。