转自自己的 Github/Wizard67 根据 MDN 中 CSS参考 归纳整理。 summary ┌── 布局定位 | ├── 元素定位 | | └── position... | └── 元素浮动 | └── float... |—— 盒子模型 | ├── 盒子类型 ...
摘要：不是一下子能看完综合使用编程是一番怎样的体验学习笔记网站前端开发基础算法题如何优雅地使用如何优雅地使用零度博客码农网伯乐在线什么是页面渲染国外先更到这，还有太多网址，先归类一下再补充。 最近在复习JavaScript知识时遇到以前就不懂的闭包、...
摘要：参考环形路径平移的方案，做一些调整，就可以得到型路径平移的写法这里初始把元素放在了上面那个半圆环的圆心，然后在的关键帧位置切换为下面的半圆环路径。 最近在CSS Secrets一书看到了这样一节：让一个元素沿环形路径平移。这是一个css动画的问题，...
摘要：配合简单的结构实现三栏布局结构如下代码，重点在于实现中间栏宽度自适应重点 float 配合简单的 html 结构实现三栏布局 HTML 结构如下 CSS 代码，重点在于 overflow: hidden; 实现中间栏宽度自适应 .outer { height: 100px; border...
摘要：完美解决微信浏览器下拉回弹效果，只保留局部回弹效果。代码代码代码 完美解决safari、微信浏览器下拉回弹效果，只保留局部回弹效果。 CSS代码 .box{ overflow: auto; -webkit-overflow-scrolling: touch; } HTML代码 ...
摘要：本以为解决了，没想到最近提出了安卓手机上线很粗的问题。很明显，它们都是判断如果是安卓就设置为，这不是我想要的结果。我心里想那直接去掉安卓也加上不就得了。说干就干，结果以为好了，然而有一些手机还是有问题，下也出现了粗细不一的。 前言 这...
摘要：方案由于图标图片比较多，而且体积很小，为了减少请求所以很多时候我们会用雪碧图这种技术来将图标拼凑在同一张图片里面。你也能想到，一堆图标的雪碧图，修改维护会相当麻烦现在比较好的方案是使用引入图片，小图直接转换成插入中。 来，干了这碗安利...
摘要：原文对于我们开发者来说经常听到一些关于和的信息但是我们并不知道这都是什么意思这篇文章就是为我们而准备的在调查这些语言后我已经发现它们都是一些文件运行后会产生相应文件给我们为什么我们要使用和它们呢因为我们可以避免中需要的重复性人物它们两...
摘要：前端优化已经是一个被写烂的题材了。前端模板方案有很多。重绘是浏览器性能优化的一个重点，特别是针对的优化。如果你对前端性能优化有自己的想法，欢迎骚扰我。 前端优化已经是一个被写烂的题材了。 虽千万人吾往矣，这里我仅分享我的一些实践经验。 ...
摘要：今天在这里就略微谈一下响应式布局吧想必大家都知道响应式布局已经在这个移动端为主流的时代成为了避不开的话题之一接下来我们从小到大来谈谈响应式网页设计的基本原则为什么为什么需要响应式设计想必这点不说大家都能想到答案现在是一个移动为先的时代...
摘要：保证上线后的版本不会因浏览器缓存而产生影响。前端部分之后会有多人合作，为了提高效率决定采用组件化开发。对之后的维护工作造成了一点困扰。之后的日子里做到一周更新两篇博文，主要是实际项目中遇到的具体问题来加以总结和分析，未完待续。 原文链...
摘要：硬件加速是指应用的图形性能对浏览器中的一些图形操作交给来完成，因为是专门为处理图形而设计，所以它在速度和能耗上更有效率。 在实习做一个移动项目的时候，实现一个动画效果，在 iPhone 和 Chrome 上调试没有问题，在千元左右的 Android 机上测试...
功能概要： 原生JS实现图标图拖拽，拖拽的过程中不断输出该div的left、top值。 用html5的drag来实现拖拽有兼容性问题，使用拖拽插件代码又很多，而这个拖拽demo代码少，并且兼容所有浏览器，很值得在项目中使用， css样式： #div1{ width: 100...
摘要：原文地址详解的类博主博客地址的个人博客从当初的一个弹窗语言，一步步发展成为现在前后端通吃的庞然大物。那么，的类又该怎么定义呢在面向对象编程中，类是对象的模板，定义了同一组对象又称实例共有的属性和方法。这个等同于的属性现已弃用。。 前言...
效果图 showImg("https://segmentfault.com/img/bVE1jK?w=209&h=179"); css *{ margin:0px; padding:0px; } ul.box{ list-style:none; width:165px; ...
摘要：对于使用脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。例如将上例中改为。可以看到，第二个的文字亦被第一个的文字给覆盖了 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。...
摘要：总结使用和伪类实现。标签元素相对定位，伪类绝对定位，使用画出三角形，鼠标滑过的时候是改变而不是改变，否则两个导航之间的白色三角形就变色了，写的时候就碰到过这个问题，还以为是鼠标滑过会连带伪类的一起变色，原来是自己的样式写错了。 Demo：...
摘要：一使用适用于知道高度，一行文字让和一样高，可使文本垂直居中。在其他值不是的时候，和是可以根据上式算出的。同理和也是宽度需固定高度需固定居中 一、使用line-height（适用于知道高度，一行文字）让line-height和height一样高，可使文本垂直居中。...
摘要：切图仔的一点工作经验磨刀不误砍柴功一个趁手的编辑器比如自己调教好的或如，可以极大的提高自己的工作效率。如果美工做图的时候能把什么命名字体行距内外边距标注清楚，能省切图仔多少事编写先创建好模板，常用的标签重置这些先带上。 blog 切图仔的...
摘要：它为什么备受关注并不是因为它难实现，而是因为实现的策略太多了，让人无可下手，无可选择。多行块级元素实现原理同水平居中的水平垂直居中综合运用水平垂直居中即可。 它为什么备受关注？ 并不是因为它难实现，而是因为实现的策略太多了，让人无可下...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风