摘要：九宫格布局为之后每个格子都要向左向上移动做准备，以免第一列和第一行超出范围清除浮动垂直水平居中这一步很关键保证起作用如果不设置这一步，则只会显示一半，另一半被旁边格子的掩盖了清除浮动方法一添加空元素，方法二父 九宫格布局 ...
showImg(https://segmentfault.com/img/bVDxLe?w=314&h=578); 目前代码已开源：地址 https://github.com/HioryLiu/c... 欢迎大家提意见。
摘要：老规矩上，过过瘾先纵向图片滚动不过这个需要你在手机中查看啦再上源码纵向滚动图片很简单，左侧有个纵向的图片数量以及当前图片索引的展示，然后整个是一个纵向可触摸滑动的列表，可以自定义滑动回调函数。 老规矩~ 上DEMO，过过瘾先：纵向图片滚动（...
摘要：自适应的椭圆利用生成椭圆。参考手册椭圆对一个宽度和高度不同的容器进行如下设置，就得到一个椭圆半椭圆是一个简写属性。分别对应着而实用斜线可以多带带指定水平半径和垂直半径。 自适应的椭圆 利用border-radius生成椭圆。CSS参考手册 椭圆 对一个...
摘要：前言无论是还是移动端开发我们经常会遇到这样一个问题父元素内包裹子元素而子元素的宽度是未知的如何让子元素左右居中呢经过实战演练及资料搜索感觉以下三种方法是最优的解决方案有需要的同学可以看看相互交流共同学习以下三种方案的主题结构如下子元素...
摘要：为了使包住浮动元素，有以下方法。由于包含元素一定会包围非浮动元素，而且清除会让这个子元素位于浮动元素的下方，因此包含元素一定会包含这个子元素以及前面的浮动元素。 It"s fun to float. Here is the footer element that runs acros...
摘要：了解的应该会明白，一般在设计好基本的形状的时候，使用贝赛尔曲线工具，可以做很多的变化，从而使用一个基本的形状可以做出不同形状的变化。可以和属性，，元素和对象一起工作，制作出各种高性能，平滑过渡的动画效果。下面就针对来介绍下使用来实现动...
摘要：自己制作字体图标的时候有需要注意这些阿里图标库的图标多，免费但是编辑器不如好用。建议设计师对于一些常用图标直接去阿里图标库找，下载文件即可。 优点 下面的简介来自，著名字体图标库Font Awesome的首页，http://fontawesome.io： Font Awesome...
摘要：在视觉设计中，平行四边形往往可以传达出一种动感。问题使用来创建平行四边形。将所有样式应用到伪元素上，然后对伪元素进行变形。为了使伪元素保持良好的灵活性，可以自动继承主元素的属性。 在视觉设计中，平行四边形往往可以传达出一种动感。 问题 ...
摘要：对于虽然用得多，但还是有一些知识点比较混乱，记得不清，所以想专门整理一下浏览器支持最新版本的支持某些特性，将支持某些特性此外，所有浏览器，包括旧的新的，对无法识别的元素会作为内联元素自动处理。实例规定用于表单的密钥对生成器字段。 对于...
摘要：的属性作用设置元素如何显示。语法说到，想起它和的对比。既然说到属性，他还有和属性值，和对应，不需多说。由于及更早版本只支持事件冒泡，所以通过添加的事件处理程序都会被添加到冒泡阶段。取得元素注意使用了带的事件名和匿名函数 HTML的display ...
摘要：菱形图片在网页设计中，把图片裁切成菱形主要有两种方法。图片需要扩大倍去填满整个菱形区域裁切路径在线编辑使用元素嵌套方案虽然可以实现目的，但是兼容性并不好，如果图片不是正方形，结果就会严重变形。 菱形图片 在网页设计中，把图片裁切成菱形...
摘要：在很多地方看到过这样的问题，就是关于宽度设置的问题。如图，图中黑色框就是设置了后，输入框的展现，很是蛋疼。可以移步到查看更多文章 在很多地方看到过这样的问题，就是关于input宽度设置的问题。 如图，图中黑色框就是设置了100%后，input输入框...
function GetBytes(str) { var len=str.length; var bytes=len; for(var i=0;i255) bytes++; } return bytes; } alert(GetBytes(你好,as));
摘要：切角效果切角效果是一种常见的视觉风格设计。但是现在在里，依然无法简单的生成切角效果。原文位于揭秘切角效果。裁切路径方案使用裁切路径可以在裁切任意多边形，下面的代码可以切除和上文一样的效果。改变切角深度时需要同时改变个地方。 切角效果 ...
摘要：再来一枚栗子，八卦图，哈哈这里换成发现效果是一样的其中学到的小技巧不仅仅包括伪类元素的使用，还有如何画一个圆，用来控制就好了，一般设置成或都能达到画圆的效果。效果图如下好啦，今天学到得不少呢，继续怀挺 近期在做各大公司Web前端笔试题的...
摘要：今天群里有人做题发了一道题由于最近在学习布局就不禁研究了起来题目如下已知结构如下以下哪些可以实现左列定宽右列宽度自适应的布局左列右列选项选项选项选项全部都试过一边了首先是左列定宽的条件这个条件在平时看其实都似乎没什么问题起码在我们大屏...
摘要：重点介绍一下常见的三列布局之圣杯布局和双飞翼布局。两种布局方式的不同之处在于如何处理中间主列的位置圣杯布局是利用父容器的左右内边距定位双飞翼布局是把主列嵌套在后利用主列的左右外边距定位。 CSS总结 由于最近在准备前端方面的面试，所以对自...
摘要：绝对定位元素从文档流删除，并相对于包含块定位。固定定位元素从文档流删除，并相对于浏览器视窗定位，因此不随文档滚动而移动。 定位（position） position: relative/absolute/fixed/static/inheri absolute :生成绝对定位的元素， 相对于最近一级...
摘要：渣渣成品图最近对于圆形有种特别的感情呢因为写了个就像到了用来做时钟大概会比较有趣吧所以就着手写了个这样的一个东西大概代码上错漏还是蛮多的接下来分享下关于如何开发一个圆形时钟条吧使用这次就没有采用的方法来实现圆环了因为我想要做多层嵌套的...
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, s...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风