摘要：一正常流的行为正常流的排版行为依次排列，排不下了换行。在正常流基础上，有相关规则，使得一些盒占据了正常流需要的空间，可以把理解为文字环绕。 笔记说明 重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟...
摘要：发现了第七个知识点七的区别和遵循的是模块规范。消息摘要算法，不可逆加密。，是信息摘要，确保信息的唯一性。其实就是排除数字只能是英语或者特殊字符发现的校验比较全的网站链接地址链接地址注判断长度的时候，英文字母和中文汉字占的字节数不同。 ...
摘要：区块内的小区块的影子可以反应出区块内所有元素的形状则是直接对区块反应出矩形的影子。与不同点没有内部边框及距离二种特性。 drop-shadow与box-shadow都是阴影效果（光晕效果）的css属性，二者最大的不同点在于：box-shadow只能制作矩形的阴影，而dr...
摘要：眨眼动画和字符切换动画都是用实现的。三获得下一个单词接下来写一点业务逻辑，用于随机取出一个单词。在点击事件中调用上面的函数，把结果存入一个名为的变量中第步获得下一个单词第步字符切换动画四字符切换动画该制作字符切换动画了。 showImg("htt...
摘要：按理说应该有明显的弧度了啊，全设置成看看呢对啊，这是应该有的弧度，为什么改成左边写成就变样了呢，难道跟有关带着疑问，我看了看百度。 问题记录 今天本打算要完成一个类似于进度条的小组件， 原型是这样的(这里长200px, 高28px) showImg("https:/...
摘要：实现的方法有很多，我们这里要讨论的是如何简洁地使用布局来实现我这里采用的方法是使用自动的外边距在主轴上对齐。这很好理解自动外边距将平分全部的剩余空间。下面就来尝试下这个方案吧，代码如下然后看一下效果貌似有点不对。 问题描述 先来看一个...
摘要：今天我们学习如何使用创建一个炫酷的图片轮播组件。我们还可以改变小圆圈的颜色并添加一个阴影效果。图片的容器将占据所有的宽度，并且绝对定位。当然通过这个效果我们还可以延伸出更多的切片效果，例如效果二效果三效果四要获取以上轮播效果的代码可以...
摘要：需求页面某个模块的文字内容是动态的可能是几个字也可能是一句话然后希望文字少的时候居中显示文字超过一行的时候居左显示该如何实现呢核心代码如下需求展开收起带有滑动效果核心代码如下一个足够大的最大高度值需求鼠标移动到文字上方时文字被替 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 场 景 我们在...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风