摘要：解析四种常用方法以及原理浮动浮动内嵌定位。浮动元素高度为，浮动盒子层级比块级水平盒子高，比水平盒子低。中间元素用，防止内容跑到左右两块定位元素下面被遮盖。我在左边我在中间，自动占据剩余空间我在右边原理布局，子元素默认水平排列。 解析四...
摘要：基本的等分三列布局三列左中定宽右侧自适应缩小浏览器窗口后左右固定，中间自适应缩小浏览器窗口后九宫格布局圣杯布局缩小浏览器窗口之后 基本的等分三列布局 .container{ display: flex; width: 500px; height: 200px; }...
摘要：效果预览按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbigC0?w=400&h=299"); 效果预览 按下右侧的点击预览...
摘要：组合继承也是需要修复构造函数指向的这种方式融合原型链继承和构造函数的优点，是中最常用的继承模式。的继承机制完全不同，实质是先将父类实例对象的属性和方法，加到上面所以必须先调用方法，然后再用子类的构造函数修改。 前言 面向对象编程很重要...
摘要：不过要是一个简单的小项目，没那么多要求的话，纯还是能很好的适用的，性能上绝对要比通过滚动监听强上好多倍，而且引用方便，只要数据生成了就可以直接使用 我们经常在手机上看到通讯录列表，这类布局一般有两个显著的效果 showImg("https://segmentf...
摘要：下面我以主题举例，覆盖默认主题。其他元素使用相同的方法都可以修改。像这种超链接跳转的修改，在文件中找到直接把属性的值改变即可。 准备：搭建环境 大致分为以下两步： 安装Node.js 安装git 配置Node.js环境 下载Node.js安装 Windows Installe...
摘要：值为加数字，表示覆盖了这条线的位置网格子项内容与格线对齐参考借鉴地址 grid布局 加在父元素上的属性 grid-template-columns/grid-template-rows 定义元素的行或列的宽高 如果父元素被等分成了9等分，则，不管有多少个子元素，都显示9等分 grid-tem...
摘要：小程序与平常开发中引入字体图标的方式不一样，必须先转为再引入，以阿里巴巴字体图标为例一去官网下载想要的图标将想要的图标添加入库进入购物车下载代码下载成功后，将得到一个名为的文件，然后解压得到这么一堆文件二转换文件为推荐去转换配置选项，...
摘要：层叠样式表层叠规则你或许知道是层叠样式表的缩写。但你不一定真正的理解了其中层叠的含义。用户自定义样式虽然规范中有，但从起，开始不支持用户自定义样式表，而是建议使用扩展来实现。网站提供的样式表，则是我们所提供的的样式。即不为的元素的计算...
摘要：伸缩项，例如给子容器添加一个所有子容器的默认都为，我们给第一个容器设置为时会产生类似于排序的效果伸缩容器 flex弹性布局 html： *{ margin: 0; padding...
摘要：引言大家好，这里是平头哥联盟，我是首席填坑官苏南，今天是国庆节的第二天，这个假期没有外出不要问我为什么，自己脑补 showImg("https://segmentfault.com/img/bVbi312?w=1008&h=166"); 引言 大家好，这里是@IT·平头哥联盟，我是首席填坑官—...
摘要：属性定义了元素的可视效果给图像设置高斯模糊。值为图像全黑值超过图像更亮调整图像的对比度。一值设定图像会被调整的色环角度值。的价值是完全反转。超过的值是允许的，则有更高的饱和度。值为则完全是深褐色的，值为图像无变化。 filter 属性定义了...
前言 本文所有内容全部发布再个人博客主页 https://github.com/muwoo/blogs欢迎订阅。不过最近因为事情比较多，有一段时间没有更新了，后面打算继续不断学习更新，欢迎小伙伴一起沟通交流~ 最近更新 前端单测的那些事 基于virtual dom 的canvas渲染 js Even...
摘要：简介是什么就像名字一样，就是图标字体，像雅黑字体，思源字体一样，这种字体就是由图标构成有何优势轻量性一个图标字体比一系列的图像特别是在屏中使用双倍图像要小。问题很小创作自已的字体图标很费时间，重构人员后期维护的成本偏高。 简介 - iconf...
摘要：通过域名，最终得到该域名对应的地址的过程叫做域名解析或主机名解析。而是让具有此属性的域名不需要用户点击链接就在后台解析，而域名解析和内容载入是串行的网络操作，所以这个方式能减少用户的等待时间，提升用户体验。 跟大家分享一个小知识点，自...
摘要：效果预览按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbibIK?w=400&h=301"); 效果预览 按下右侧的点击预览...
摘要：鼠标放到轮播图的图片上时不再自动轮播并且左右箭头显示出来，鼠标移开时左右箭头隐藏掉并且自动轮播。核心原理清除定时器，绑定事件，重构下代码封装出往右往左轮播函数和自动轮播函数。 需求与分析 需求：循环无缝自动轮播五张图，按左右箭头可以手...
摘要：根据依赖关系，按照配置文件把模块函数分组打包成若干个。会随着自身的的修改，而发生变化。只需要在命令行运行时带上参数就搞定一些插件的废除和替换废弃了顶替者用属性变化压缩优化代码分割，下面详解还有一些新的插件，。 1. 前端工程化项目打包历...
摘要：第二等代表选择器，如，权值为。接收端收到后，回传一个带有标志的数据包以示传达确认信息。第四次挥手主动关闭方收到后，发送一个给被动关闭方，确认序号为收到序号，至此，完成四次挥手。 CSS优先级算法 参考：http://www.bslxx.com/a/miansh...http...
摘要：前端编码规范之使用规范前端编码规范之样式编码规范前端编码规范之结构规范前端编码规范之最佳实践前端编码规范之编码规范命名的原则是通俗易懂，尽量保持不重复冲突，尽量不要用。我觉得应该避免出现出现这种方式用预处理器拼接出来的名称，会生成。 ...
摘要：一浮动布局先让固定宽度的浮动使其脱离文档流。的值等于固定的宽度相等。利用负值可以使得，后面的可以与前面的保持同行显示。的宽度必须要减去的宽度要与固定宽度保持一致。内容区域的直接写出即可。五左侧浮动，右侧阮一峰老师写的教程权威传送门 一...
摘要：的使用值为多个坐标点组成，坐标第一个值是方向，第二个值是方向。值为椭圆的轴半径，轴半径，定位椭圆的坐标三部分组成。 clip-path的使用 polygon 值为多个坐标点组成，坐标第一个值是x方向，第二个值是y方向。 左上角为原点，右下角是(100%,100%)...
摘要：的单线程，与它的用途有关。为了利用多核的计算能力，提出标准，允许脚本创建多个线程，但是子线程完全受主线程控制，且不得操作。 showImg("https://segmentfault.com/img/remote/1460000016649971?w=1481&h=876"); 一、进程与线程 1.进程 进程是指程...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风