摘要：这章要说的是如何把自己设计的转成，在网页上使用字体图标除了图像清晰度之外，主要还是清晰度，特别是用于手机上多屏的情况无论屏幕何种分辨率都不会模糊，不用额外做响应处理。 对字体大家一定不陌生一般使用Font-family: Georgia, SimSun, 宋体...
摘要：而的百分比是相对于元素自身的宽高，这个方法可以用于子元素高度不确定时，而且不用手动除以，比上面几个方便了很多。，全为可以实现上下左右居中，超级方便这也是我在项目里用得最多的。上面是基于绝对定位的解决方案，还有其他的。 点这个链接可以直...
摘要：学习心得出于对的好奇，决定要去学习门技术，提升自己。安装命令行输入回车，全局安装命令行输入回车输出版本号，表示安装成功。进入到我们的项目中，我创建的项目为，在这个项目下创建配置项，命令行输入一路回车。 webpack学习心得 出于对webpack的...
摘要：只针对，因为的暂时还不支持，会自动选择不用。原因还是和问题一样的，因为屏蔽了默认事件。在技术上解决不了的问题，我认为还是多和产品和沟通比较好，共同协商一个良好的方案。 1.在iscroll4的滚动容器范围内，点击input框、select等表单元素时没有...
摘要：一为何要分栏高度一致分栏高度一致的目的是更加美观。二纯实现侧边栏分栏高度自动相等这里直接介绍我认为的最佳的侧边栏分栏高度自动相等方法。 一、为何要分栏高度一致？分栏高度一致的目的是更加美观。举两个例子吧。 ① 对于分栏布局，我们或许会用...
摘要：今天有位朋友一早从妙味课堂转来一个有关于布局的面试题，需要解决，花了点时间写了几个放上来与大家分享受。 今天有位朋友一早从妙味课堂转来一个有关于CSS布局的面试题，需要解决，花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前...
摘要：前段时间学习了淘宝首页的静态页面，其中收获较大的的就是这个循环播放的图片轮播组件，本文就将相关制作经验分享给大家。作为演示，用标签代替了图片。关键使用不同背景色的替代图片。 前段时间学习了淘宝首页的静态页面，其中收获较大的的就是这个循...
摘要：首先要知道什么叫页面制作切图页面制作切图就是，前端工程师通过和还原设计师的设计稿。每个大的行再按照这种方式拆成内部若干行或者左右若干块如下图拆分完之后对于不同块根据宽度高度特性，选择使用块级元素或者内联元素来表示。 CSS+HTML实战 经过...
摘要：使用移动设备查看页面时会发现，在微信浏览器中有顶部导航栏有效解决图片使用单位边角缺失的问题前端掘金起因在移动端使用布局时图片也需要用单位。移动端实践前端掘金说起，相信大家并不陌生。 Sticky Footer，完美的绝对底部 - 前端 - 掘金写在前面 ...
摘要：精读的困境文字描边属性及展开读源码之操作我眼中的前端九段从前端开发看面向未来的敏捷学习法 精读《Web Components 的困境》-webkit-text-stroke文字描边CSS属性及展开读Zepto源码之操作DOM我眼中的前端九段从前端开发看面向未来的敏捷学习法N-API: ...
摘要：一响应式布局最近在项目开发的时候，发现了自己对布局方面的一些不足之处，特别是适配不同分辨率方面，几乎是没有经验的。在查阅了相关资料之后发现，响应式布局是目前解决不同分辨率显示问题的最好解决方案。 一 响应式布局 最近在项目开发的时候，发...
摘要：绝对定位元素的布局计算公式表示内容宽度，即标准盒子模型默认值是默认值是以水平方向从左至右为例说明一下绝对定位元素的位置或大小是如何定义的。 先抛两个小问题： 绝对定位相对于谁来定位？ 大多数人都知道是相对于最近的position设置为relat...
摘要：在移动端有时的边框会显得很粗不美观，淘宝京东的触屏均是采用浅细的线条来显示在移动设备上。 在移动端有时1px的边框会显得很粗不美观，淘宝、京东的触屏均是采用浅细的线条来显示在移动设备上。具体实现方法如下： 普通的1px黑色实线边框： border: ...
摘要：清除中的下拉箭头样式和里面的边框是不一样的，所以复写了一下很关键将默认的选择框样式清除在选择框的最右侧中间显示小箭头图片为下拉小箭头留出一点位置，避免被文字覆盖清除的默认选择框样式清除，隐藏下拉箭头 清除Css中select的下拉箭头样式 sel...
摘要：而当鼠标本身在元素边界内时，要触发该事件，必须先将鼠标移出元素边界外，再次移入才能触发。造成以上现象本质上是事件不支持冒泡所致。事件属性返回与事件的目标节点相关的节点。我们通过排查和，最后只留下，也就是与事件一起触发的时机。 前言 原...
摘要：一些基础请看这篇的一篇真正教会你开发移动端页面的文章二这段代码是让布局视口的尺寸等于理想视口。响应式工作大，维护性难缩放天猫，使用布局，字体单位用淘宝，使用库，是他们自己的一个库，思想就是根据去动态设置，元素宽高都用。 0.一些基础 请...
摘要：基于绝对定位基于视口单位百分比行不通，因为的百分比值是以父元素的宽度作为解析基准的。没错，即使对于和来说也是这样以下方法基于，，，单位，只适用于在视口中居中的场景。基于或注本文根据一书整理，便于查阅 基于绝对定位 main{ position:ab...
摘要：苹方苹方简体苹方繁体中文黑体宋体新宋体仿宋楷体仿宋楷体微软雅黑体英文 苹方 苹方简体 font-family: PingFangSC-Regular, sans-serif; font-family: PingFangSC-Ultralight, sans-serif; font-family: PingFangSC-Light, sans-serif; font-family: ....
摘要：一浏览器图片缩放默认表现行为行为在想出解决方案之前，首先要弄清楚浏览器对于图片尺寸是怎么处理的，稍安勿躁，一步一步来分析下。图片宽度随容器宽度缩放，图片宽高比不变，图片高度高于容器时会溢出。 一、浏览器图片缩放默认表现行为行为 在想出...
.container(布局容器) 屏幕宽1200px以上（col-lg） 1. 默认width为1170px 2. padding,lefet和right各为15px,所以内容width为1140px; 屏幕宽992px以上(col-md) 1. 默认width为970px 2. padding,lefet和right各为15px,所以内容width为940px; 屏幕宽768px以...
摘要：很久没有写博客了，这里把之前学习布局的一篇笔记整理了一下。其在文档流中的直接子元素将成为。子元素在容器内排列的方向称为主轴，跟主轴垂直的方向称为辅轴。 很久没有写博客了，这里把之前学习 flex 布局的一篇笔记整理了一下。发布到博客上。赶一...
摘要：点都构建完毕了，就要构建点与点之间的连线了，我们用到双重遍历，把两个点捆绑成一组，放到数组中。最后加入鼠标移动事件，启动定时器大功告成 废话不说先上图：showImg("https://segmentfault.com/img/bVOH83?w=1312&h=586"); 关于这个效果我第一次...
摘要：项目地址暂时只实现了基本功能加了一点微小的效果主要适配浏览器对和做了一点微小的适配现在已经包括了打包平台的功能了源码地址项目预览项目描述前端部分整体加载进度懒加载模块的加载中提示实现了滑块增量分页新曲等使用了做单页应用使用了处理路由使...
摘要：浏览器兼容代码说明代表能识别代表不识别案例一常用如果各个浏览器的高度都不相同，代码如下识别识别识别识别，但上一段代码中的级别比号的级别高，所以此段代码只有中才有效案例二如果各浏览器高度只有和中相同，而不同，代码如下识别识别只在下生效这...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风