摘要：通过剖析一个跑男动画实例，来把中动画相关的知识点抽丝剥茧，一网打尽。跑男的动画其实可以拆分为两个一个是交替摆腿另一个是位置移动。在使用改变雪碧图时，得到效果这样的平滑过度显然不是我们想要的。所以，在切换雪碧图背景的方案下，就要派上用场...
摘要：浏览器的整体渲染过程构建当拿到一个文件，它是如何构建出树的呢浏览器会根据尖括号识别出标签，每一个标签都有和，其中的文本也会被解析出来这些开始结束将会以栈的方式，进行规则匹配，构建出间的层级关系。 浏览器的整体渲染过程 showImg("https://...
摘要：学习一门新知识，实例是尤其重要的。在这里本人整理了目前页面上常见功能实现的具体实例。愿能为大家提供一些帮助。希望能够与大家互相分享，共同进步。 提示框 代码储存在Github效果预览 初衷：很多人在初学前端的时候都会问，如何入门前端？同为...
摘要：图片覆盖层代码储存在效果预览初衷很多人在初学前端的时候都会问，如何入门前端同为在前端学习道路上，奋力追赶的一员，本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 图片覆盖层 代码储...
摘要：标签无路径情况下，灰色边框去除解决方案解决办法图片出错的时候调用默认的图片绝对定位聚焦解决方案聚焦解决方案聚焦解决办法聚焦解决方案隐藏 img[src=""] img标签无路径情况下，灰色边框去除解决方案 1.Js解决办法 ...
摘要：语法媒体查询包含一个媒体类型以及一个到多个测试媒体特性的表达式，表达式和媒体类型将根据实际情况计算得到或者。对于不支持的设备，但能够读取类型的浏览器，遇到关键字时会忽略这个样式文件。如定义每一组输出设备的彩色原件个数。 media type -- ...
摘要：以上，我们完成了的初步认识扩展使用做反转图首先反转的意思是指，把每个像素点的每个值都与相减的值不改变，减完之后的值再次组成图片，此时得到的新图片就是我们的反转图片。第二步转灰度图或是，又称灰阶图。用灰度表示的图像称作灰度图。 效果图 s...
摘要：实现基于纯实现的三栏布局需要将中间的内容放在结构的最后，否则右侧会沉在中间内容的下侧原理元素浮动后，脱离文档流，后面的元素受浮动影响，设置受影响元素的值即可两边固定宽度，中间宽度自适应。 1 float实现 基于纯float实现的三栏布局需要将中...
摘要：回到顶部代码储存在效果预览初衷很多人在初学前端的时候都会问，如何入门前端同为在前端学习道路上，奋力追赶的一员，本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 回到顶部 代码储存在G...
摘要：种元素垂直居中根据不同情况，使用的垂直居中方式各异针对块级元素与行级元素的垂直居中不同。行级元素行内包含特殊元素如果行内包含特殊元素图片输入框元素或者粗体使用设置对齐方式即可垂直居中。 CSS种元素垂直居中 根据不同情况，使用的垂直居中方...
摘要：如何使用字体平滑显示呢要知道，对中字体的抗锯齿渲染是有过考虑的，如，不过可能由于不同操作系统以及浏览器内核对字体的渲染存在差异，总之，他并没有被选入标准。经过测试发现，浏览器的内置基础属性中一般已经包含了字体抗锯齿。 在围观Drupal官方...
摘要：优点如下在不同设备下能有不同的页面排版，这也是响应式最大的优点，在分辨率不同，设备环境进行一些不同的设计，所有开发维护和运营上，相对多个版本成本会降低很多。 对于响应式，前端工程师应该不会陌生，响应式网站是老外在2010年提出来的，是为了...
摘要：从用户角度来说，优化能让页面加载的更快，对用户的操作能及时的响应，能提升用户的更好的体验效果。从服务商的角度来说，优化能解决页面的请求次数，或者减少请求所带来的带宽。 1.从用户角度来说，优化能让页面加载的更快，对用户的操作能及时的响应...
摘要：在开发微信小程序的时候，遇到圆形进度条的需求。但使用和实现进度条就很容易的避免了这方面的问题。如下图最下面的圆形是进度条的背景，在上面有和两个长方形，用来覆盖不要显示的进度条。在两个长方形的里面分别有一个半圆形用来显示进度。 在开发微...
摘要：提示按钮代码储存在效果预览初衷很多人在初学前端的时候都会问，如何入门前端同为在前端学习道路上，奋力追赶的一员，本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 提示按钮 代码储存在G...
摘要：加载动效按钮代码储存在效果预览初衷很多人在初学前端的时候都会问，如何入门前端同为在前端学习道路上，奋力追赶的一员，本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 加载动效按钮 代...
摘要：模态框代码储存在效果预览初衷很多人在初学前端的时候都会问，如何入门前端同为在前端学习道路上，奋力追赶的一员，本人对于目前网络上所能看到的入门级的教材并不太满意。在这里本人整理了目前页面上常见功能实现的具体实例。 模态框 代码储存在Githu...
摘要：经过两周的开发，今天终于完成了版本，作为一个前端新人，更多的是将这个作为自己的练手作品，毕竟弹层组件早已不是开发的新鲜事物了，国内外也不乏众多优秀的弹层组件。不过实行压缩后只有，因此非常小巧。 经过两周的开发，今天HLayer.js终于完成了0...
摘要：今天总结一下关于的伪元素和伪类自己做了一张图，简单列举了相关的知识点，另外，在图中有一点关于和的限制没有列举出来，此处做一下简单描述在中，和伪元素只能应用于标记或段落之类的块级元素上，而不能应用于超链接等的行内元素。 最近一直在学习《...
摘要：第二种方式首先提一个概念相对于视窗的高度视窗高度是。这种需求刚好符合。提供一种增加包裹层实现方式。 无论是pc还是移动端，有一种布局叫做Sticky footers，何为Sticky footers？百度翻译：粘粘的页脚[笑哭],不过意思也算对吧，就是如果页面内...
摘要：使用在菜单上添加取消边框很多人会这样给导航添加边框，然后给最后一个取消掉其实，用的可以简化为下面的代码当然，你也可以使用甚至，但是使用可以使意图更加明确所有主流浏览器均支持选择器，除了及更早的版本给添加属性你不需要为分别添加 使用:not...
摘要：浮动是布局中最常用的属性，然而浮动是脱离文档流的，如果不清除浮动的话，会对周围的元素产生影响。也正是浮动脱离文档流这一特性，使浮动成为布局的难点之一浮动框可以左右移动，直到它的外边缘碰到包含框或另一浮动框的边缘。 浮动是CSS布局中最常...
摘要：使用这种方法来隐藏元素，是否可以触发事件要根据具体的情况来分析。其他的方式只作了解即可，并不推荐使用它们来隐藏元素，它们的真正用途应该不在隐藏元素，而是通过了解这些方法的特点，挖掘出其真正的使用场景 几种方法的简单介绍 display:none ...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风