博客内容转移至慕课网手记,掘金,知乎专栏告知

原因

介于博客的入口流量过于单一,并且越来越多的博主将文章发表在第三方的技术平台中,不仅省去了日常运维等工作,而且能够借助平台的流量涨粉。毕竟除非将个人博客运营的非常好,否则,将文章发表到第三方的技术平台已成为趋势。

入口地址

其它

对于想要折腾的同学来说,从零搭建一个博客系统也是能学到不少东西的,当然如果各位遇到任何前端相关的技术问题,也欢迎和我沟通和留言,感谢各位的支持,多点关注哦。

微前端-最容易看懂的微前端知识

本文将以理论介绍的方式来对微前端这个概念做一个整体扫盲,涉及到的大多数理论知识并不会太过于对展开,如果读者对一些细节比较感兴趣,可以留言或者搜索相关的概念。

什么是微前端?

微前端(Micro-Frontends)是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具,而是一套架构体系,这个概念最早在2016年底被提出,可以参考在Google上搜索Micro-Frontends, 排名靠前的https://micro-frontends.org的博客文章,提出了早期的微前端模型。

阅读全文

B端系统改造Vite最佳实践

目标和环境

最近,迫于原本的vue-cli构建速度越来越慢,每次修改代码要等很久才能看到效果,已经严重了影响了开发效率,遂决定优化项目的构建机制,也体验一把不到1s的飞速快感。

项目采用vue2 + antdv1 + vue-cli的B端项目,目标是改造成dev环境下同时支持vite和webpack,生产环境下支持webpack,这里就需要修改代码和配置时做到既能用webpack也能用vite,并且要尽量减少对src目录下的代码修改,保证生产环境不出问题。

阅读全文

Vue.js Composition API

在Vue 3引入的Composition API翻译过来就叫做组合式API,所谓组合式就是我们可以自由的组合逻辑,即剥离公共逻辑,差异化个性逻辑,维护整体逻辑。我们知道一个大型的Vue应用就是业务逻辑的综合体,而Vue组件就是组成这个综合体的个体。

阅读全文

Vite与Vue Cli

Vite和Vue Cli可以是师出同门,都属于Vue整个团队的产物,他们的功能也非常相似,都是一个提供基本项目脚手架和开发服务器的构建工具。那么在这里就有几个问题需要讨论:

  • Vite和Vue Cli的主要区别。
  • Vite和Vue Cli哪个性能更好。
  • 实际项目中如何选择。

阅读全文

Vue3源码解析--虚拟DOM

什么是虚拟DOM

在浏览器中,HTML页面由基本的DOM树来组成的,当其中一部分发生变化时,其实就是对应某个DOM节点发生了变化,当DOM节点发生变化时就会触发对应的重绘或者重排,当过多的重绘和重排在短时间内发生时,就会可能引起页面的卡顿,所以改变DOM是有一些代价的,那么如何优化DOM变化的次数以及在合适的时机改变DOM就是开发者需要注意的事情。

阅读全文

Vue3源码解析--响应式原理

响应式reactivity是Vue 3相对于Vue 2改动比较大的一个模块,也是性能提升最多的一个模块。其核心改变是采用了ES 6的Proxy API来代替Vue2中Object.defineProperty方法来实现响应式,那么什么是Proxy API呢,Vue 3的响应式又是如何实现的,下面将会进行揭晓。

阅读全文

前端算法--滑动窗口

滑动窗口概述

滑动窗口(Sliding Window)法,也叫尺取法,可以用来解决一些查找满足一定条件的连续区间的性质(长度等)的问题,在一个特定大小的字符串或数组上进行操作,而不在整个字符串或数组上操作,这样就降低了问题的复杂度,从而也达到降低了循环的嵌套深度。往往类似于“请找到满足xx的最x的区间(子串、子数组)的xx”这类问题都可以使用该方法进行解决。

阅读全文

前端算法--背包问题

背包问题

背包问题是一类经典的算法问题,属于动态规划解法范畴,其核心是在一个范围内择出最优解。

一般描述为:给定一组物品和一个背包,每种物品都有自己的重量和价格,在背包限定的总重量内,我们如何选择,才能使得物品的总价格最高。

阅读全文

豫ICP备19009686号
吕小鸣的前端博客正在使用PWA,是否安装到桌面?x
吕小鸣的前端博客正在使用PWA,是否安装到桌面?x