前端学堂
学有所用

前端学堂的文章

JavaScript|Node

解决依赖组件版本冲突

前端学堂阅读(25)

版本冲突相信大家经常遇到,如果有一天你发现升级了一个组件导致页面挂了,报出来的异常明显是某个组件中的,比如redux,那么可以大胆猜想可能是依赖的该组件版本冲突导致的。 关于版本冲突 比如项目中依赖A、B两个组件,A依赖C@^1.0.1版本...

“总阻塞时间”(TBT)
前端教程

“总阻塞时间”(TBT)

前端学堂阅读(70)

总阻塞时间(TBT)是衡量负载响应能力的重要实验室指标,因为它有助于量化页面在变得可靠交互之前的非交互性的严重程度-低TBT有助于确保页面 可用。 什么是TBT?# “总阻塞时间”(TBT)度量标准度量了“首屏内容渲染(FCP)”和“可交互...

累积版式移位(CLS)
前端教程

累积版式移位(CLS)

前端学堂阅读(64)

累积版式移位(CLS)是衡量用户视觉稳定性的一项重要的以用户为中心的度量标准,因为它有助于量化用户经历意外的版式移位的频率-较低的CLS有助于确保页面 令人愉悦。 您是否曾经在页面上突然发生变化时在线阅读文章?在没有警告的情况下,文字移动了...

最大内容绘画(LCP)
前端教程

最大内容绘画(LCP)

前端学堂阅读(74)

最大内容绘画(LCP)是衡量用户感知加载速度的一项重要的以用户为中心的度量标准,因为它标记了页面主要内容可能已加载时页面加载时间线中的时间点-快速的LCP有助于使用户确信页面 有用。 从历史上看,Web开发人员衡量网页主要内容的加载速度和对...

前端流程驱动设计研发实战
前端教程

前端流程驱动设计研发实战

前端学堂阅读(140)

云课堂:在线视频教程 (附参考代码) segment课堂:在线教程 课程收获 干货满满的综合性项目,提升个人综合实力!!! 亮点一: 从需求到流程引擎设计 亮点二: 流程引擎编码实现 亮点三: 可视化流程编排设计 适用人群 具有一定前端基础...

JavaScript|Node

target=”_blank”打开新窗口漏洞

前端学堂阅读(316)

Target=”_blank”有史以来最低估的漏洞 人们在Html链接中使用 target=’_blank’ 以便打开另外一个新页面,但是新页面会通过window.opener对象访问到原来页面,因此这给攻击者留下了攻击漏洞,设想在一个用户...

JavaScript|Node

前端开发编码一些原则和实践

前端学堂阅读(284)

开发原则 在软件开发中,为了提高软件系统的可维护性和可复用性,增加软件的可扩展性和灵活性,程序员要尽量根据 7 条原则来开发程序,从而提高软件开发效率、节约软件开发成本和维护成本。 以下是面向对象设计的原则,react hooks更多的是函...

PM2启动eggjs
旁门左道

PM2启动eggjs

前端学堂阅读(424)

egg 在egg项目的根目录定义启动文件: // server.js const egg = require('egg'); const workers = Number(process.argv[2] || require('os').c...