摘要：使用之前，都是利用图片作为背景来实现的，现在有这把利器，顺利完美的绘制六边形。绘制六边形代码可见代码非常简单，这里要运用伪元素来实现代码看完这个案例，对于绘制三角形就简单了，尝试自己绘制一下吧。 使用h5之前，都是利用图片作为背景来实现...
摘要：今天给大家分享的主题是前端的自我成长，这是一个关于成长的话题。的确如此，到目前为止，还没有任何一个大学会教前端，倒是有些培训班，会讲网页开发三剑客。 今天给大家分享的主题是前端的自我成长，这是一个关于成长的话题。 很多人都有这...
摘要：最近研究了一下的实现，这篇文章使用了十几行代码实现了一个简单的以便帮助读者对有更深的了解。另外一个有三种状态。所以我们有以下的代码然后我们实现函数每次函数的执行会返回一个新的。因为这行代码是异步执行的，而当中的时，这行代码不应该执行。...
摘要：这样就可以了我们只需要四行简单的代码，就完美实现了紧贴底部的页脚。后记上面是我总结的四种方法，如果还有什么更好的方法，欢迎共同探讨参考资料总在底部的页脚揭秘 前言 在写前端页面时，经常会遇到这种情况：有一个具有块级样式的页脚，当页面内...
摘要：前端日报精读前端调试技巧知乎专栏揭秘笔记利用给网页交互增加声音后时代的正则匹配三年来，从未如此随性更多文章可移驾前端日报 2017-06-11 前端日报 精读前端调试技巧 - 知乎专栏CSS 揭秘笔记利用HTML5 Web Audio API给网页JS交互增加声音后 ES6 时...
摘要：申明混合宏不带参数混合宏在中，使用来声明一个混合宏。如其中是用来声明混合宏的关键词，有点类似中的一样。是混合宏的名称。 什么时候使用混合宏 如果你的整个网站中有几处小样式类似，比如颜色，字体等，在 Sass 可以使用变量来统一处理，那么这种...
摘要：本系列文章重拾主要参考王福朋知多少，结合自己的理解和学习需要，修改或添加了一些内容，难免有失偏颇，仅供自我学习参考之用。 工作中或多或少的写一些css，但总感觉掌握的不够扎实，时而需要查阅一下知识点。我想，一方面跟缺少科班出身式的系...
摘要：来不及解释，快上车有些浏览器不完全支持，现在可以用哪个工具去检测浏览器是否支持，以及支持哪些项常用的标签，它们的属性一般默认为和。的设计初衷是什么具有包裹性例如和两者的宽度是不一样的，不信可以为加上背景色试试。 来不及解释，快上车... ...
摘要：如果我们以为重点看，从上图中我们可以总结出学习的三个突破点。这次我们向浏览器这位机器人学习一下，看看它写出来的能给我们什么帮助。对选择器来说，有一个很重要的话题级别。布局布局是的重头戏，每个系统的布局都有其各自的特点。 众所周知，css...
摘要：摘自设计指南样式来源上文中提到，之所以有层叠的概念，是因为有多个样式来源。优先级相同条件下例如都来自引用样式，覆盖的默认规则是后者覆盖前者，但是有一个特殊情况，其实优先级最高。 这一节就开始实践上一节的思路！ 1.层叠的概念 简言之，...
摘要：而依然有效的原因是浏览器默认样式的优先级低于外联内部样式。例如第二，浏览器默认样式还为设置了，这个值是对英文比较友好，中文状态下就显得有点拥挤。 上一节介绍了样式的五种来源，咱们再通过一张图回顾一下。 showImg("https://segmentfault.com...
摘要：选择器的扩展选择器本来是的一种规则，用于为选择节点的。但是聪明的人类还是通过选择器创造出了其他领域非常伟大的作品。被推广流行的根本原因就是它的基于选择器的。 前文示图中展示了浏览器的渲染过程，那么css与html是如何结合的呢？答案是——选...
上一节我们知道，选择器种类较多，同一个元素，可以采用不同的选择器方式选中，此时哪个选择器的样式会被最终显示呢？ 特指度 特指度表示一个css选择器表达式的重要程度，每个选择器表达式都可以通过一个公式计算出一个数值，数越大，越重要。这个公式叫I...
摘要：盒子的宽度设置固定宽度的情况在盒子模型中，我们设置的宽度都是内容宽度，不是整个盒子的宽度。这样我们改四个中的其中一个，都会导致盒子宽度的改变。包裹内容的情况这种情况下比较简单，盒子的宽度将随着内容宽度的增加而增加。 1.引言 从这一节开...
摘要：导致这一现象的最根本原因在于被设置了的元素会脱离文档流。脱离文档流可以理解为子元素与父元素间的结构被破坏，父子关系解除。 1.引言 对于我们所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人——你离不开它，却整天承受着它所带给...
摘要：视频自动播放设置，但是有经验的人都应该知道，标签在手机上不兼容，中设置问题导致无法自动播放，无论安卓或。安卓微信浏览器是内核，一些属性标签比如就不支持，所以始终全屏。 最近做的些web页面,内嵌许多小视频，在ios和安卓手机上播放时，遇到不...
摘要：浏览器默认样式中规定了元素哪些属于块剩下的就是流。上图可知，针对的标签，你设置宽度和高度是无效的，通过监控可以知道，该元素实际的宽度和高度都是，并不是我们设定的值。因此，的特点可以总结为外部看来是流，但是自身却是一个块。 1.引言 html...
摘要：和不同，其他三个元素的位置重新排列了。只要元素会脱离文档结构，它就会产生破坏性，导致父元素坍塌。的绝对定位元素的定位永远是相对于浏览器边界的，和其他元素没有关系。 1.引言 在学习position之前，我们应该去思考一个问题：什么情况下我们需要...
摘要：引用默认左边右边列表移除默认只针对直接内联只针对直接使得水平排列屏幕时超出会出现三个小点的省列号屏幕时本篇博文首发于本人个人博客，查看更多点这里 标题 36px .h1 30px .h2 24px .h3 18px .h4 14px .h5 12px .h6 当前字体的65% ...
摘要：思路根据键盘的值来判断是键盘上的哪个键通过定位利用键盘事件改编方块的和值通过开启定时器消除长按键盘的首次卡顿情况代码设置方向变量，后面需要用作判断设置移动的步进开启一个定时器根据方向变量进行判断按下方向键时检查方向的左上右下用语句来判...
摘要：概述属性控制元素在移动设备上是否使用滚动回弹效果值使用普通滚动当手指从触摸屏上移开，滚动会立即停止。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。 概述 -webkit-overflow-scrolling 属性控制元素在...
摘要：好啦我们已经解决了是啥的疑问了，现在回去开始一步步解读如何实现手动触发事件。我们主要看看这里面几乎含有如何手动触发一个事件的大部分步骤和内容。 前言 前端在最近几年实在火爆异常，vue、react、angular各路框架层出不穷，咱们要是不知道个双向...
摘要：前言最近在用封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。因此我们能做的是通过事件作事后补救措施在中拦截输入法中输入的和按键事件，然后自行出发事件执行补救措施。 前言 最近在用Polymer封装纯数字的输入框，开发过程中...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风