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”这类问题都可以使用该方法进行解决。

阅读全文

前端算法--背包问题

背包问题

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

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

阅读全文

前端算法--回文串

题目描述:

给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false

回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。例如,121 是回文,而 123 不是。

阅读全文

Vue开发B端系统常见性能优化技巧

最近工作上一直接触的时B端的管理系统,基本上都是采用Vue Cli生成脚手架后就直接开始写业务逻辑,所以一般都会忽略一些性能优化相关的想法和工作。虽说这种系统对前端要求一般来说比较简单,大多数是一些数据校验和可视化展示,可能重点的工作量在于业务逻辑,但是作为一个前端项目来说,基本的优化还是需要做的,可以参考这篇文章

而本文将会介绍一些基于Vue Cli项目会被我们忽略的一些性能优化,尤其是首屏优化的技巧,如果对你有帮助,可以点赞支持一下。

阅读全文

前端算法--二叉树遍历

二叉树基本概念

二叉树(Binary tree)是树形结构的一个重要类型。许多实际问题抽象出来的数据结构往往是二叉树形式,即使是一般的树也能简单地转换为二叉树,而且二叉树的存储结构及其算法都较为简单,因此二叉树显得特别重要。

阅读全文

《一刻相册》无限空间邀请码

image.png

  • 《一刻相册》作为一个阉割版的百度网盘,其主要存储来自百度网盘,在数据安全上不必太过担心,自从推出后,主打的无线空间看起来也是非常吸引人的,作为照片视频为大头的手机存储上来说,可以将内容上传以此释放空间解决存储问题,尤其对于IOS来说,看起来比iCloud更加实惠,但是体验上不如iCloud。

  • 《一刻相册》现在能推出完全免费的相册空间(需填写邀请码),其实已经不错了,并且该APP附加的一些功能,类似图片视频制作处理工具(类似抖音),记忆幻灯片(类似IOS相册),支持live photo功能也更加吸引人,但是总归来说不排除后期变相收费的可能。

无线空间邀请码:CANQJE(2021年12月28日)

PWA技术理论+实战

导读

随着互联网技术的发展,web应用已经越来越流行,技术的发展越来越迅速,尤其是移动互联网的到来使得HTML5技术,Hybrid混合开发,更加火爆起来,但是web应用没能摆脱PC时代的一些根本性的问题,所需的资源依赖网络下载,用户体验始终要依赖浏览器,这让web应用和Native应用相比尤其在移动手机端的体验,总让人感觉”不正规”,而PWA技术的到来,让下一代web应用终于步入正轨!

基于此,本文主要有以下几部分内容:

  • PWA基本概念讲解
  • Service Worker原理讲解
  • Web Push协议讲解
  • 将一个SPA项目改造为PWA
    • manifest.json配置解析
    • Service Worker资源缓存
    • 添加保存到桌面功能
    • 接收消息推送
  • 总结

阅读全文

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