当前位置:首页 > 前端

前端

  • 最新
  • 浏览
  • 评论

Vue的diff算法解析

放牧的风1周前 (06-16)43
Vue的diff算法解析
1. 前言diff算法是一种通过同层的树节点进行比较的高效算法,避免了对树进行逐层搜索遍历,所以时间复杂度只有 O(n)。diff算法的在很多场景下都有应用,例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新...

什么是BFC?看这一篇就够了

放牧的风1周前 (06-16)43
什么是BFC?看这一篇就够了
BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并...

前端性能优化的知识(下)

放牧的风1周前 (06-16)38
引言当遇见“你为性能优化做了哪些事情”,70% 的人上来就说减少合并资源、减少请求、数据缓存这些优化手段;15% 的人会提到需要在 DevTools 下先看看首屏时间,围绕首屏来优化;10%的人会提到需要接入一个性能平台来看看现状,诊断一下...

前端性能优化的知识(上)

放牧的风1周前 (06-15)61
前言引言反复看下以下三个问题。有木有不同的人问过你:什么是前端性能优化?有木有不同的面试官问过你:你为前端性能优化做过什么?有木有哪一次,你问过自己:别人问我前端性能优化到底应该如何答复?...

Vue3.0七大亮点

放牧的风3周前 (06-02)93
Vue3.0七大亮点
一,性能比2.x快1.2~2倍diff算法的优化在vue2中,虚拟dom是全量比较的。在vue3中,增加了静态标记PatchFlag。在创建vnode的时候,会根据vnode的内容是否可以变化,为其添加静态标记PatchFlag。diff的...

这些原生DOM操作你还记住多少😨

放牧的风3周前 (06-01)110
这些原生DOM操作你还记住多少😨
前言 最近在二次封装一个公司内部的UI组件库,其中一个模块就是给 element-plus 的 message 进行扩展,大量运用到了原生DOM操作,操作DOM最方便...

CSS3 @media 用法总结

放牧的风4周前 (05-27)113
//语法: @media mediatype and | not | only (media feature) { css-code;&n...

script中defer和async区别

放牧的风1个月前 (05-25)133
script中defer和async区别
主要记录下defer和async的区别:在没有defer或者async的情况下,会立即执行脚本,所以通常建议把script放在body最后<script src="script.js"></s...

三十分钟包会——正则表达式

放牧的风1个月前 (05-24)138
三十分钟包会——正则表达式
一、前言正则表达式,对大家来说既熟悉又陌生。熟悉是因为工作中有很多场景能用到,比如手机号、邮箱、密码等规则校验。陌生则是因为正则表达式看上去就是一堆乱码,且一眼看上去很难看懂匹配规则。有时候在网上去找一个特定规则的正则表达式,搜出来的结果各...

彻底理解浏览器的缓存机制

放牧的风1个月前 (05-20)108
彻底理解浏览器的缓存机制
概述浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的,所以在分析浏览器缓存机制之前,我们先使用图文简单介绍一下HTTP报文,HTTP报文分为两种:HTTP请求(Request)报文,报文格式为:请求行...

经得住拷问的HTTPS原理解析

放牧的风3个月前 (03-24)102
经得住拷问的HTTPS原理解析
此文涵盖的大致内容:理解HTTPS原理的概念什么是对称加密和非对称加密?什么是数字签名?怎么生成?怎么校验?啥时候是对称加密?啥时候是非对称加密?啥时候进行算法加密?什么算法?第三方机构包含哪些?HTTPS 是什么?具体流程HTTPS和HT...

JavaScript内存管理和垃圾回收机制

放牧的风3个月前 (03-19)101
像C语言这样的底层语言一般都有底层的内存管理接口,比如 malloc()和free()。相反,JavaScript是在创建变量(对象,字符串等)时自动进行了分配内存,并且在不使用它们时“自动”释放。 释放的过程称为垃圾回收。这个“...

跨域资源共享 CORS 详解

放牧的风4个月前 (02-24)89
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详...

浏览器同源政策及其规避方法

放牧的风4个月前 (02-24)91
浏览器同源政策及其规避方法
浏览器安全的基石是"同源政策"(same-origin policy)。很多开发者都知道这一点,但了解得不全面。本文详细介绍"同源政策"的各个方面,以及如何规避它。一、概述1.1 含义1995年,同源...

如何理解HTTP响应的状态码?

放牧的风4个月前 (02-19)76
如何理解HTTP响应的状态码?
我们知道HTTP协议是通过HTTP请求和HTTP响应来实现双向通信的。 HTTP状态码(HTTP Status Code)是用以表示Web服务器HTTP响应状态的3位数字代码,由RFC 2616规范定义。 合理的状态码不仅可以让用...