摘要：实现的方法有很多，我们这里要讨论的是如何简洁地使用布局来实现我这里采用的方法是使用自动的外边距在主轴上对齐。这很好理解自动外边距将平分全部的剩余空间。下面就来尝试下这个方案吧，代码如下然后看一下效果貌似有点不对。 问题描述 先来看一个...
摘要：今天我们学习如何使用创建一个炫酷的图片轮播组件。我们还可以改变小圆圈的颜色并添加一个阴影效果。图片的容器将占据所有的宽度，并且绝对定位。当然通过这个效果我们还可以延伸出更多的切片效果，例如效果二效果三效果四要获取以上轮播效果的代码可以...
摘要：需求页面某个模块的文字内容是动态的可能是几个字也可能是一句话然后希望文字少的时候居中显示文字超过一行的时候居左显示该如何实现呢核心代码如下需求展开收起带有滑动效果核心代码如下一个足够大的最大高度值需求鼠标移动到文字上方时文字被替 1.需...
摘要：在正常情况下，页面总是从左到右，从上到下布局，这种被称为正常的流。破坏文档流这是最本质的特性，因此设计的初衷就是破坏文档流。但是也有一种情况是，浮动元素前后并没有内联元素，因此也就不存在行框盒子，这时候就是浮动锚点在起作用。 前几天有...
我是内容 .outer_div { position: relative; overflow: hidden; width: 200px; height: 200px; } .inner_div { position: absolute; left: 10px; right: -20px; top: 0; bottom: 0; overflow-x...
摘要：最近工作中有机会复习一下的基本知识，那么先从的盒模型开始吧，因为这是当时进现在这家公司笔试的第一题怎么把盒模型变成标准盒模型嗯，有办法，就可以啦。具体参见链接描述常见的盒模型分两类怪异盒模型和标准盒模型，两种盒模型有着很大的不同。 最...
摘要：页面实现等比例缩放自适应通过和实现一和简介是相对长度单位，是指相对于根元素即元素字号大小的倍数。当过大时，以其为基准的数值会出现精度丢失，造成较大的误差。此时，单位会以为基准进行计算，页面就会整个跑偏。 WEB页面实现等比例缩放自适应 - ...
摘要：前段时间在开发中，遇到需要给背景层加颜色遮罩的项目，现在特定总结一下给背景图层加颜色遮罩的方法。 前段时间在开发中，遇到需要给背景层加颜色遮罩的项目，现在特定总结一下给背景图层加颜色遮罩的方法。 showImg("https://segmentfault.com/img/b...
摘要：块及元素水平方向居中原理两侧，则平分剩余空间，相当于水平居中。代码如下块及元素水平居右原理一侧，一侧没设置，则设置的一侧分配所有剩余空。想让居右显示，已经很简单了。再设置垂直方向上下为，即可实现垂直居中。 首先了解下，margin的auto属性...
摘要：一站式前端资源上传工具使用阿里云安装特性支持转译支持压缩和优化支持转支持自动加浏览器前缀支持单位转单位可选支持压缩和优化支持压缩和优化，优化包括渐进式加载等支持处理文件，自动处理中引用的所有资源自动生成全站唯一，形如自动设置缓存头，永...
摘要：虽然我们现在大都使用字体图标或者图片，似乎使用来做图标意义不是很大，但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。 虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做图标意义不是很大，但怎么实现这些图标用到的一些技...
摘要：自定义属性可以方便的实现很多功能例如主题变化。最近我一直在尝试利用自定义属性和网格的组合能实现什么神奇的效果，我需要在不同的断点处重新定义和属性。太多的可能性了浏览器支持目前，全球的浏览器都支持自定义属性及以下版本是明显的例外。 我在...
摘要：两个，子元素设置了后，发现并没有跟想象的一样，而发现父元素产生了间距。父元素的第一个子元素的上边距如果碰不到有效的或者就会不断一层一层的找自己领导父元素，祖先元素的麻烦。父级设置父级设置破坏非空白的折叠条件父级设置 showImg("https://s...
摘要：再经过简单的修饰就可以达到上面的效果了。记得刚入前端的时候就是采取的这种方式，效果实现就好。 showImg("https://segmentfault.com/img/bVbsYB4?w=1280&h=719"); 原文地址，排版效果更好 https://blog.codelabo.cn/article/5ce4f0eb8aab210ff34d01...
摘要：你知道为什么不起作用吗按常理，当我们用的属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。 当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的...
摘要：前言场景我们在页面展示时，为了更好的效果，一般使用了自定义的字体。之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。本文只列出了引入本地字体，网络的字体由于实践不多，这里介绍就少一些。 1 前 言 1.1 场 景 我们在...
摘要：事件触发和监听事件相关。文档是一个由标签嵌套而成的树形结构，因此，也是使用树形的对象模型来描述一个文档。节点的写法三是树继承关系的根节点。七表示一个上的范围，这个范围是以文字为最小单位的。 笔记说明 重学前端是程劭非（winter）【前手机...
摘要：就是像素，也是我们现在经常使用的基本单位，比如常常听到的电脑像素是的，表示的是水平方向是个像素点，垂直方向是个像素点。视口被均分为单位再举个例子浏览器宽度相对于视口的宽度。等于视口高度的。 1.px px就是像素，也是我们现在经常使用的基本...
摘要：的滤镜属性，可以对网页中的图片进行类似图片处理的效果，例如背景的毛玻璃效果老照片黑白照片火焰效果等。理论上说，对比度是指画面黑白明暗的层次饱和度画面中色彩的鲜艳程度与层次 css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片...
摘要：推荐的写法不推荐的写法注意标点符号每个属性独占一列。推荐的写法不推荐的写法将过长的内容折为若干列同一属性的值不止一个或值过长时，以逗号分割这些值，每个逗号后添加一个空格，过长的值可以另起一列。 选择器的命名规范 1.模块化命名 例如： 与...
摘要：题目假设高度已知，请写出三栏布局，其中左栏右栏宽度各为，中间自适应三栏布局的种方案这是一道经典的面试题，下面记录了布局的种方法。 题目:假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应. 三栏布局的5种方案 这是一道...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风