爱烤火的鱼

在说到对图片资源进行优化时，那就不得不提到图片预加载和图片懒加载，可能很多朋友都了解这两者，但是一直没有很清晰的概念，以及什么时候用，用在什么场景下，今天就来详细的了解一下...

懒加载和预加载的目的都是为了提高用户的体验，二者行为是相反的，一个是延迟加载，另一个是提前加载。懒加载对缓解服务器压力有一定作用，预加载则会增长服务器前端压力缓存。 懒加载...

路由懒加载是一种优化技术，它可以将页面组件按需加载，只有当用户访问到某个路由时才加载对应的页面组件，从而提升应用的初始加载速度。...

Vue3框架的优点特点 首次渲染更快 diff 算法更快 内存占用更少 打包体积更小 更好的 Typescript 支持 Composition API 组合 API 一、...

很多大公司面试喜欢问这样一道面试题，输入URL到看见页面发生了什么？,今天我们来总结一下。 连接结束。 DNS解析实际上就是寻找你所需要的资源的过程。假设你输入www.ba...

前言 为什么需要vue懒加载（按需加载）？ 学习Vue的时候，各类教程都会告诉我们：Vue的特点是SPA - Single Page Application（单页面应用程序...

--- theme: channing-cyan highlight: vs2015 --- # 题外话 彦祖们,前断时间去做梅农了,没有更新文章 先带大家看一看,余姚杨梅...

性能优化总是被面试官问，每次都只能答出那么几个，其实大家都清楚性能优化手段非常多，只要是能让用户体验更好的手段都可以称之为性能优化，本期我就总结下我所知道的性能优化手段，欢...

通过 window.open 或 location.href 实现页面跳转功能，如果不正确使用,可能会引入安全漏洞。本文讨论如何安全地使用这些方法，并提供一些最佳实践。...

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之...

Null、Undefined、NaN、空值的判断平时在工作中会经常用到，如果不加以严谨的判断，会导致程序报错，影响代码的运行。所以今天统一整理一下这些常用假值的判断。...

纯CSS实现Loading特效，承诺不添加一滴JS！本文提供39个例子，剩下的例子放在后面两篇文章中。...

背景 目前作者所在的业务正在升级 Antd5.0，不得不说 Antd5.0 真的太香了，但是由于团队的 UE 规范进行了大改版，Antd5.0 所有的组件必须对齐最新的规范...

今天要分享的实用小知识是最近项目中遇到的标签相关的功能，我不知道叫啥，姑且称之为【多行标签展开隐藏】功能吧，类似于多行文本展开折叠功能，如果超过最大行数则显示展开隐藏按钮，...

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超...

这是系列文章《原生 JS 实现前端常见功能》的第一篇，通过一个小demo讲述如何通过原生 JS 实现表单验证的功能。...

前言 目前react的最新版本是18.2.0。React 团队在 2022 年 3 月 29 日正式发布了 React 的第 18 个版本 是 React 框架的最新版本,...

scrollTop、clientHeight、 scrollHeight、offsetWidth等等，您是不是还对这些JavaScript web API的概念理解不清楚，...

先说结论：window.openner是做什么的？在vue中新窗口可以使用window.openner调用父窗口的方法。下面就来通过笔者的文章进行更详细的学习吧！...

前言 之前看过我文章随手写了个 plugin，就将小程序体积减少了 120k的小伙伴（没看过的也可以了解下前因后果，说不定以后碰到相同的问题，就能按这种方式解决），肯定知道...