随笔分类 - 前端性能优化
摘要:前言 函数防抖和节流作为性能优化的常用函数,他俩总是一起出现,以至于有时候有些分不清区别,一旦说手写下代码就会一时语塞🌚本文就梳理下以加固理解 函数防抖 debounce 防抖,顾名思义就是防止抖动,比如输入框输入的时候,绑定的数据会一直改变,如果此时想要在输入结束才去进行接口请求等操作,就需要用
阅读全文
摘要:前言 现在已经是vue-cli3.x webpack4.x 的时代了,但是网上很多拆包配置还是一些比较低版本的。 本文主要是分享自己的拆包踩坑经验。 主要是用了webpack4 的 splitChunks 来进行拆包的配置以及在配置中的一些踩坑。 首屏加载的优化主要在于两个方面,一个是减小包的总体积
阅读全文
摘要:前端性能优化方法: 一 . 减少http请求 (1)通过合并图片,减少请求,俗称css sprites(css精灵)css sprites (2)lazyload懒加载,在需要的时候再加载 1.定义:懒加载也称为延迟加载,图片需要用到的时候再去价值 2.用法:就是重写对象的get方法,当系统调用ge
阅读全文
摘要:1. 什么是DOCTYPE及其作用 DTD(document type definition,文档类型定义)是一系列的语法规则,用来定义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型,决定使用何种协议来解析及切换浏览器模式 DOCTYPE是用来声明文档类型和DTD规范的,一个主要的用
阅读全文
摘要:HTML语义化是什么? HTML语义化是指根据内容的结构化,选择合适的标签。举个例子:之前所有的都用div, span等标签实现页面结构,而这些标签都没有实际的意义, 而新的HTML5标签<header> <footer> <nav> <section> <article> <aside> 等这些标
阅读全文