页面生命周期：DOMContentLoaded, load, beforeunload, unload
HTML页面的生命周期有以下三个重要事件： DOMContentLoaded —— 浏览器已经完全加载了 HTML，DOM 树已经构建完毕，但是像是 和样式表等外部资源可能并没有下载完毕。 load —— 浏览器已经加载了所有的资源（图像，样式表等）。 beforeunload/unload —— 当用户离开页面…
阅读全文文章归档
文章与笔记
关于前端、工程与日常思考的记录。找到一个主题，开始阅读。
IIFE 立即执行函数表达式
IIFE全称为Immediately Invoked Function Express-立即执行函数（表达式），顾名思义，是在定义之后立即执行的函数。IIFE主要以保护变量范围著称，时候也会被称为“自执行的匿名函数”（self-executing anonymous function）。 实际使用 闭包 定义在I…
阅读全文怎么总有人混淆Service Worker 和 Web Worker？
Web技术日新月异，我们可以发现21世纪初和现在的网页之间的巨大差异。随着我们对性能提升的体验越好，浏览器或应用程序所需处理的多线程任务就越多。 Service Worker 是如何工作的? 在Service Worker的帮助下，你的浏览器在后台工作，但令人惊讶的是，它不会将当前网页捆绑到后台任务中。Servi…
阅读全文Google 核心 Web 指标（Core Web Vitals）及其他感官性能优化指标
LCP (Largest Contentful Paint) 最大内容绘制 LCP(Largest Contentful Paint)翻译为最大内容绘制，用于记录首屏中最大元素渲染的时间，和 FCP 不同的是，FCP 更关注浏览器什么时候开始绘制内容，比如一个 loading 页面或者骨架屏，并没有实际价值，所以…
阅读全文TS 装饰器使用一览
来自官网： 装饰器是一种包装代码的简单方法，它也是一种设计模式，能够扩展包装代码的功能而不修改它。 尽管装饰器在 TypeScript 和 Python 等语言中被广泛使用，但是 JavaScript 装饰器的支持仍处于第 2 阶段提案中。但是，我们可以借助 Babel 和 TypeScript 编译器使用 Ja…
阅读全文CORS 跨域及其 Nodejs 服务端配置实践
CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。 整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求…
阅读全文JavaScript 如何跳出（终止）forEach 循环
在forEach中，不能使用 continue 和 break ，可以使用 return 或 return false 跳出循环，效果与 for 中 continue 一样，但是该方法无法一次结束所有循环。 如果直接使用 continue 或者 break 还会报错，如下所示： 即解释器无法确定break出去之后…
阅读全文执行和清除Effect的时机
React 何时清除 effect？ React 会在组件卸载的时候执行清除操作。众所周知，effect 在每次渲染的时候都会执行，而这就是为什么 React 会在执行当前 effect 之前对上一个 effect 进行清除，因为这有助于避免Bug，这是React的默认行为。 原因：为什么每次更新的时候都要运行 …
阅读全文Webpack 常见面试题
整理自： web前端面试 - 面试官系列 话说校招生整这个，真的是越来越卷了呢 Webpack中常见的Loader？解决了什么问题？ style-loader: 将css添加到DOM的内联样式标签style里 css-loader :允许将css文件通过require的方式引入，并返回css代码 less-loa…
阅读全文HTTP 版本整合
HTTP 1.0 随着互联网技术的飞速发展，HTTP协议被使用的越来越广泛，协议本身的局限性已经不能满足互联网功能的多样性。因此，1996年5月HTTP/1.0诞生，其内容和功能都大大增加了。对比与HTTP/0.9，新的版本包含了以下功能： 在每个request的GET一行后面添加版本号 在response第一行…
阅读全文Antd 表单基础使用
获取表单实例 表单数据操作 Antd form表单的使用、设值、取值、清空值 1、使用 2、设值 3、取值 4、清空值
阅读全文Antd Pro 新手上路基础知识
参照学习内容： 新手须知 各种库 dva Ant Design Chart简单好用的 React 图表库 ProComponents 模板组件 useModel 简易数据流 Umi插件 plugin-access，权限管理 plugin-analytics，统计管理 plugin-antd，整合 antd UI …
阅读全文没有找到相关文章
试试其他关键词，或重置筛选条件。