深圳幻海软件技术有限公司

一、浏览器本地存储方式及使用场景1.Cookie概念：Cookie是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题，Cookie就出现了。Cookie的大小只有4kb，它是一种纯文本文件，每次发起HTTP请求都会携带Cookie。特性：Co

摘要：要想减少回流和重绘的次数，首先要了解回流和重绘是如何触发的。本文分享自华为云社区《前端页面之“回流重绘”》，作者：CoderBin。“回流重绘”是什么？在HTML中，每个元素都可以理解成一个盒子，在浏览器解析过程中，会涉及到回流与重绘：回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位

vivo互联网前端团队-JiangZuohan一、背景VAPD是一款专为团队协作办公场景设计的项目管理工具，实践敏捷开发与持续交付，以「项目」为核心，融合需求、任务、缺陷等应用，使用敏捷迭代、小步快跑的方式进行开发及质量跟踪，简化工作流程，帮助团队快速迭代并高效完成产品开发交付。但早期VAPD以“一

作者｜Liang，携程资深测开专家，开源项目作者，专注于DevOps，自动化框架、工具平台等。一、背景多端研发对于当今时代的前端开发来说是个绕不过去的话题，为了解决这些问题，行业内推出了很多开发方案，但是跨端UI自动化测试的解决方案并不多。Flybirds从2022年初开源至今已有3月有余，通过与社

前言浏览器本地存储，是每一个前端小伙伴都相当熟悉的知识点。目前使用率最高的当之无愧为WebStorageAPI​，也就是localStorage和sessionStorage​，API简单，读取效率高。然后是indexedDB​，但大部分时间是存在于八股文和面试题中。indexedDB​的优势为存储

javascript在浏览器中运行的性能，可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂，事实上，多数浏览器使用单一进程来处理用户界面和js脚本执行，所以同一时刻只能做一件事。js执行过程耗时越久，浏览器等待响应的时间越长。加载和执行一.提高加载性能1

当ES模块第一次在ECMAScript2015中被引入，作为在JavaScript中标准化模块系统的一种方式时，它是通过在import语句中指定相对或绝对路径来实现的。复制importdayjsfrom"https://cdn.skypack.dev/dayjs@1.10.7";//ESmodule

注：本系列对ahooks的源码解析是基于 v3.3.13。自己folk了一份源码，主要是对源码做了一些解读，可见 详情[1]。今天我们来聊聊定时器。useInterval和useTimeout看名称，我们就能大概知道，它们的功能对应的是setInterval和setTimeout

在早年间(其实也不是很早)，写过几篇关于CSSReset的文章-reset.css知多少[1]。详细描述了当时业界比较常用的，两个CSSreset方案：reset.css与Normalize.css。以更为推荐的Normalize.css为例，它的核心思想是：统一了一些元素在所有浏览器下的表现，保护

在今天的文章中，我们将看到JavaScript动画库如何帮助实现这一切。首先，介绍一下JavaScript的动画添加只需要一个动作的简单动画(例如，切换)是一回事。对于这一点，你总是可以使用简单的CSS动画。但是，对于更复杂或高级的效果。JavaScript是一个更好的工具。不言而喻，使用JavaS

请求发送过慢导致耗时增加；DNS解析过慢导致耗时增加；恶劣的网络环境导致耗时增加；一直在排队导致响应过慢；服务端响应过慢导致耗时增加；响应体积过大导致耗时增加；等等……一般从感官上觉得API接口响应慢，大部分人会直接归结于服务端处理慢，其实是不合理的。通过在内网环境下的API耗时分析和外网环境下的A

 作为前端开发人员，互联网有很多令人惊叹的工具，这些工具为我们的生活提供了极大的便利。本文将快速回顾开发工作中经常使用的11个工具。大家和小芯一起来看看吧~1.Minify为减小应用代码的包大小空间，可以对其进行压缩。压缩能清除空白格,无效代码等，让应用程序的包大小大幅减小，从而加快浏览器

前言看到标题，大家就能想起这个需求在很多项目上都能用到。我们部署在Web服务器上的前端应用，既可以用PC浏览器访问，也可以用手机浏览器访问，再加上现在智能设备的推广，我们甚至能在车载系统、穿戴设备和电视平台上访问。设备的多样化让用户无处不在，有时候我们需要根据不同的浏览器运行环境做出对应的处理。浏览

老实说，GitHub在国内的使用体验并不算太好，这其中很大的原因就是网络了。GitHub访问起来比较卡，这个看起来貌似无解。国内的gitee网速倒是可以，但是无法代替GitHub，个人感觉gitee上还是开源项目多一些，工具类库要少一些。在网络比较卡的情况下，如果我们想在线查看GitHub上项目的源

互联网的迅速发展，软件行业成了更多年轻人的就业选择。HTML5简单易学门槛低，是Web时代前端开发超好用的工具。而HTML5开发人员的就业薪资也远远高于其他行业。资料显示，初级HTML5开发人员的平均薪资在8K-10K左右，拥有一定工作经验的人薪资普遍达到15K-20K。如此广阔的前景当然吸引了无数

从输入URL加载起看方向从输入URL到页面加载完成的过程：  1.首先做DNS查询，如果这一步做了智能DNS解析的话，会提供访问速度最快的IP地址回来  2.接下来是TCP握手，应用层会下发数据给传输层，这里TCP协议会指明两端的端口号，然后下发给网络层。网络

 作为一个经常和web打交道的程序员，了解这些协议是必须的，本文就向大家介绍一下这些协议的区别和基本概念，文中可能不局限于前端知识，还包括一些运维，协议方面的知识，希望能给读者带来一些收获，如有不对之处还请指出。1.web始祖HTTP全称：超文本传输协议(HyperTextTransfer

为什么web性能如此重要?真的非常重要!响应更快的网站会带给用户更好的体验，理论上讲，好的体验等于好的用户满意度。更快，也意味着用户在放弃之前，有希望更快的访问到你的网站。放弃的原因有很多：页面加载时间太长，用户失去了兴趣，浏览器崩溃等等。提高性能可以降低放弃率，会给网站了带来显著的效益。运行时的性

上一篇讲了两种获取样式的方式。1.通过直接访问style对象2.通过方法getAttribute这两种方法都没法获取用户代理或者样式表设置的样式值。今天我来讲一种跨浏览器的方式来获取所有的与DOM相关的样式值。一.跨浏览器方法 currentStyle对象是一个特定于IE的对象。它包含了一

最近，我们将jQuery完全从GitHub.com的前端代码中移除了，这标志着我们数年来逐步移除jQuery这个渐进式的过程终于结束了，这对我们来说是一件里程碑式的事件。这篇文章将介绍过去我们是如何依赖上jQuery的，随着时间地推移，我们意识到不再需要它，但到***我们并没有使用另一个库或框架取代