前端学堂
min（），max（）和clamp（）：今天要使用的三个逻辑CSS函数
了解如何使用这些受支持的CSS函数控制元素的大小，保持适当的间距以及实现流体排版。 随着响应式设计的发展和日益细化，CSS本身也在不断发展，并为作者提供了更多的控制权。的 min()， max()和 clamp()功能，现在支持所有现代浏览...
前端学堂的文章
解决依赖组件版本冲突
版本冲突相信大家经常遇到，如果有一天你发现升级了一个组件导致页面挂了，报出来的异常明显是某个组件中的，比如redux，那么可以大胆猜想可能是依赖的该组件版本冲突导致的。 关于版本冲突 比如项目中依赖A、B两个组件，A依赖C@^1.0.1版本...
“总阻塞时间”（TBT）
总阻塞时间（TBT）是衡量负载响应能力的重要实验室指标，因为它有助于量化页面在变得可靠交互之前的非交互性的严重程度-低TBT有助于确保页面 可用。 什么是TBT？＃ “总阻塞时间”（TBT）度量标准度量了“首屏内容渲染（FCP）”和“可交互...
累积版式移位（CLS）
累积版式移位（CLS）是衡量用户视觉稳定性的一项重要的以用户为中心的度量标准，因为它有助于量化用户经历意外的版式移位的频率-较低的CLS有助于确保页面 令人愉悦。 您是否曾经在页面上突然发生变化时在线阅读文章？在没有警告的情况下，文字移动了...
最大内容绘画（LCP）
最大内容绘画（LCP）是衡量用户感知加载速度的一项重要的以用户为中心的度量标准，因为它标记了页面主要内容可能已加载时页面加载时间线中的时间点-快速的LCP有助于使用户确信页面 有用。 从历史上看，Web开发人员衡量网页主要内容的加载速度和对...
content-visibility：新的CSS属性可提高您的渲染性能
该 content-visibility 属性在Chromium 85中启动，可能是影响页面加载性能的最具影响力的新CSS属性之一。content-visibility使用户代理可以跳过元素的渲染工作，包括布局和绘画，直到需要它为止。因为跳...
前端流程驱动设计研发实战
云课堂：在线视频教程 （附参考代码） segment课堂：在线教程 课程收获 干货满满的综合性项目，提升个人综合实力！！！ 亮点一： 从需求到流程引擎设计 亮点二： 流程引擎编码实现 亮点三： 可视化流程编排设计 适用人群 具有一定前端基础...
target=”_blank”打开新窗口漏洞
Target=”_blank”有史以来最低估的漏洞 人们在Html链接中使用 target=’_blank’ 以便打开另外一个新页面，但是新页面会通过window.opener对象访问到原来页面，因此这给攻击者留下了攻击漏洞，设想在一个用户...
前端开发编码一些原则和实践
开发原则 在软件开发中，为了提高软件系统的可维护性和可复用性，增加软件的可扩展性和灵活性，程序员要尽量根据 7 条原则来开发程序，从而提高软件开发效率、节约软件开发成本和维护成本。 以下是面向对象设计的原则，react hooks更多的是函...
PM2启动eggjs
egg 在egg项目的根目录定义启动文件： // server.js const egg = require('egg'); const workers = Number(process.argv[2] || require('os').c...
