摘要：有趣的图形通过不同的属性，我们能组合出很多有趣的图形。系列是以基础概念为主题的系列文章，旨在帮助大家更深刻地了解并且提高在各位开发者心目中的地位。 作者：陈大鱼头 github： KRISACHAN 前言 上一节留了一个问题：为什么 currentColor 是...
摘要：图片与文字对齐，图标与标题对齐很多时候，在页面中会遇到图标与文字混排的情况，用并不能让图片完全对齐于文字。目的是达成这种效果这并不是用实现的先看一下用的样子是设置在上的，此时虽然能凑合看，但并不完美。作为完美主义者是肯定受不了的。 im...
摘要：官方说法就是它规定了用户端在媒介中如何处理文档树。是的包含块，同时又是的包含块，不是绝对的。因此称为匿名盒子。行内盒子行内级元素会生成行内级盒子，该盒子同时会参与行内格式化上下文的创建。如果只有一个值指定为，则其使用的值来自相等。 ...
摘要：下面我们来使用面向对象类图这里就不再画了首先面试题中所提到的我们都可以看成类，比如停车场是一个类吧，它里面的车位是一个类吧，摄像头，屏幕。。。 以下是某场的一道面试题(大概): 1、一个停车场，车辆入场时，摄像头记录下车辆信息2、屏幕上显示...
摘要：现象代码失效，元素没有预想中的拉伸。预期的现象应该是这样的。所有的子元素的高度是。这个高度是固定的，不可改变的。 现象：showImg("https://segmentfault.com/img/bVbvoT9?w=1011&h=146"); 代码： div.root { ...
摘要：在伸缩容器上使用它，伸缩容器内部所有的元素都一致地受制于的值。此时就不能使用，因为作用于整体。我们希望作用于部分。的可取值和的可取值完全相同。之前一直看不懂和的区别那是因为没有发挥想象力。 align-items在伸缩容器上使用它，伸缩容器内部...
摘要：一属性定义剩余空间的分成。的默认值为，的值为时不缩放。示例代码代码当父元素的宽度大于三个子元素的宽度时，三个子元素的宽度会放大。使用实现代码代码参考文章布局下的属性详解布局九宫格布局的方法汇总更新中 一、flex-grow、flex-shrink、flex-b...
摘要：等价于是一个返回函数的函数就是个高阶函数返回的函数就是一个高阶组件，该高阶组件返回一个与关联起来的新组件的也是一样的总结一下高阶组件是对代码进行更高层次重构的好方法，如果你想精简你的和生命周期方法，那么高阶组件可以帮助你提取出可重用的...
摘要：百分比尺寸问题子元素尺寸相对于父元素尺寸，以百分比的形式确定时，需要注意的是，此时默认的盒模型是的标准盒模型。 百分比尺寸问题 #root { width: 800px; height: 600px; paddi...
摘要：每当投出去，就石沉大海，没有下文多年来笔者浏览过数不清的实习生简历，我将以面试官的角度来为你讲讲面试官想要的是什么样的简历。面试官想要什么样的简历之实习应届生简历 前言 如果你是实习生/应届生，正在准备面试前端开发岗位，那么这篇文章就是...
摘要：原理首先把元素隐藏掉，然后用设置元素其他元素也可以的样式，选中时的样式使用选中，无须使用图片和效果预览代码男女代码清楚默认样式让层级高于，使之能选中这里显示矩形的一半边框再旋转度来实现对勾样式 原理：首先把input元素隐藏掉，然后用CSS设...
摘要：标准盒模型盒子总宽度高度。以上支持，除此外还可以取到相对于视窗的上下左右的距离。包括高度宽度内边距和边框，不包括外边距。主要看怎么父元素的盒模型如何设置。空元素的边距重叠是取与的最大值。 一、概念 CSS盒模型本质上是一个盒子，封装周围的...
摘要：核心思想是将每个大小的字体多带带作为独立的行，多带带设置，而不是在同一行这样就解决了 核心思想是将每个大小的字体多带带作为独立的行，多带带设置line-height，而不是在同一行 HTML CSS .a { display: flex; height: 40...
摘要：创建项目当前最新版本是使用脚手架工具创建一个项目由于要在项目中使用暴露配置文件配置需要暴露配置文件，这就要使用脚手架工具提供的命令，运行命令前需要将项目一下，否则项目无法成功，打开终端运行命令或者，命令是一次性命令，运行后无法恢复 创...
摘要：基于的大文件分片上传我们在做文件上传的时候，如果文件过大，可能会导致请求超时的情况。所以，在遇到需要对大文件进行上传的时候，就需要对文件进行分片上传的操作。所以把文件名称加上。方便后续文件合并。 基于Node.js的大文件分片上传 我们在做文...
摘要：总的过程分为以下几步生产正方形的块获取图片的原始尺寸，选择适应的样式一生产正方形的块运用生成块的方法很多，我用的是的方法。 最近在做项目的过程中，需要把图片正方形展示出来，多余的部分进行裁剪。但是从后端接口拿过来的图片可能有各种各样的...
摘要：倒计时在中不生效这个问题，是第二次出现了，为了不再犯第三次，所以打算记录下来倒计时之所以在中不生效的原因是，中无法识别格式的时间百度之后发现的，因为混合开发是第一次做，所以这个坑我不知道 倒计时在ios中不生效这个问题，是第二次出现了，...
摘要：选择器匹配流程前进一个选择器按照来拆成数段，每当满足一段条件的时候，就前进一段。后退选择器的作用范围，匹配到本标签的结束标签时作用范围边缘回退。 加载css 加载是异步，不会影响DOM树的构建，只是说在CSS没处理好之前，构建好的DOM并不会显...
摘要：在这片文章中，我将会专研的过渡中更加复杂的部分，从链式和事件到硬件加速和动画函数。只有当需要的时候，你才应该用硬件加速，并且完全不需要在每个元素上都使用它。此外，不同的浏览器用不同的硬件加速的库，这可能会造成跨浏览器问题。 CSS3的过渡...
摘要：第三集从零开始实现组件本集定位为什么要叫那因为我感觉这个组件细节比较多应该会讲很多内容所以先把基础功能在这一集实现下集去做拓展组件这是一个基本上每个工程都会用到的组件传统的千篇一律的样式仿佛按钮不做的一样就没法用似的我偏要加一些别人没...
摘要：因为只有用到位图的地方才会出现像素缺失和像素丢失的状况其他的元素都是系统绘制的矢量图形不受是否是高清屏幕的影响。解决方案图标准还是按照上方的标准。比如大小为的按钮按上面标准换算成为这就蛋疼了，你无法直观看出这个按钮多大修改起来更是蛋疼...
摘要：对应多种语法规则可以为指定样式。渲染页面绘制到屏幕后，页面结构的改变也有可能导致渲染树重新计算，其中重排和重绘是最耗时的部分。 写了这么多class,color,background,display...; 也许有时候会疑惑，怎么就显示在页面上，改变元素的样式。 本文简...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风