摘要:第三集从零开始实现组件本集定位为什么要叫那因为我感觉这个组件细节比较多应该会讲很多内容所以先把基础功能在这一集实现下集去做拓展组件这是一个基本上每个工程都会用到的组件传统的千篇一律的样式仿佛按钮不做的一样就没法用似的我偏要加一些别人没...
摘要:因为只有用到位图的地方才会出现像素缺失和像素丢失的状况其他的元素都是系统绘制的矢量图形不受是否是高清屏幕的影响。解决方案图标准还是按照上方的标准。比如大小为的按钮按上面标准换算成为这就蛋疼了,你无法直观看出这个按钮多大修改起来更是蛋疼...
摘要:对应多种语法规则可以为指定样式。渲染页面绘制到屏幕后,页面结构的改变也有可能导致渲染树重新计算,其中重排和重绘是最耗时的部分。 写了这么多class,color,background,display...; 也许有时候会疑惑,怎么就显示在页面上,改变元素的样式。 本文简...
摘要:第一种定位注意兼容性较好,缺点不支持以下的浏览器第二种定位注意兼容性好缺点必须知道元素的宽高第三种定位注意这是里的样式缺点兼容性不好,只支持的浏览器第四种弹性盒子移动端首选第五种移动端首选第六种形成子元素设置 html: green...
摘要:背景前文提到了项目中引用了,几经尝试一度以为它们互不兼容。终于还是找到了它们配合的点。如果影响页面显示,建议给导出多带带做一个页面。表格过宽导致显示被截断,是由于设置了样式,将其调整为默认即可。所以就没有继续解决。 背景 前文 提到了项...
摘要:也有很多想学前端的同学希望能有基础学前端的这方面的资料。其实基础刚开始不只是对前端的陌生,而是对计算机的陌生,对编程这个行业的陌生。所以计算机基础科学是一个不可或缺的理论知识。 背景 现在网上有很多文章以及一些培训课程打的标题是0基础学...
摘要:前言你知道定位有哪些值吗常规,绝对定位,相对定位。是的,正如标题提到的,它就是粘性定位。它后续的定位不会对后面的元素产生影响。该定位依赖于自身的阀值,所以必须设置其中之一的值才会有效,否则表现为相对定位。 前言 你知道position定位有哪...
摘要:实现让我们来亲自实现一个栅格化系统,假设我们要将一行划分为等分,那等分就占有的宽度。一个栅格化系统就这样实现了。 更多技术文章 什么是栅格化 在一个有限的、固定的平面上,用水平线和垂直线(虚拟的线,参考线),将平面划分成有规律的一系...
摘要:写在前面前段时间大家都说最近大环境不好,好多公司在裁员,换工作的话不推荐轻易的裸辞,但是我想说的是我所在的公司好流弊,有做不完的业务需求,还有就是招不完的人最近我也是比较繁忙,但是还是要抽一点时间来进行自我复盘和记录,最近也写一个简单...
摘要:出现的地方就是在上滑块无法拖动,经过检测发现是在上有这个问题。弹窗是通过定位在页面上的。当表单激活的时候,由于手机自带的输入法弹起造成页面向上滚动,会隐藏页面顶部一部分。解决方法通过的事件改变的值为。记录一下开发终于到的问题。 先说下...
摘要:热门文章我在淘宝做前端的这三年红了樱桃,绿了芭蕉。文章将在淘宝的三年时光折射为入职职业规划招聘晋升离职等与我们息息相关的经验分享,值得品读。 showImg("https://segmentfault.com/img/remote/1460000018739018?w=1790&h=886"); 【Alibaba-TXD ...
摘要:背景最近接到一个客户需求,要求将学生的考试结果分析表格和图表导出到。本着最好不要额外安装软件的原则,搜索过后分别尝试了等等。但是实现效果都与预期差距较大。它们是开源命令行工具,使用渲染引擎将呈现为和各种图像格式。它们不需要显示或显示服...
摘要:博客从迁移到腾讯云最近的服务一直不稳定,这两天访问还出现,重新部署也无法解决。码云自定义域名收费,只好迁移到腾讯云上了。不会配置的可以参考官方示例直接就发布到腾讯云上了,访问速度相当快,对也好。 Hexo博客从Coding迁移到腾讯云COS 最近co...
摘要:目录匹配下标是奇数或偶数的子元素获取屏幕高度小程序显示不出的原因小程序状态栏沉浸式小程序引用图标正文匹配下标是奇数或偶数的子元素奇数偶数获取屏幕高度获取览器显示区域的高度获取浏览器显示区域的宽度获取页面的文档高度获取页面的文 目录 1.c...
摘要:什么是逐帧动画要了解逐帧动画,首先要明确什么是逐帧动画。简而言之,实现逐帧动画需要两个条件相关联的不同图像,即动画帧连续播放。因此在触屏页面中逐帧动画使用广泛,下文将对其进行详细介绍。因此,逐帧动画也被称为精灵动画。 什么是逐帧动画要...
摘要:是一门预处理语言,它扩展了语言,增加了变量函数等特性,使更易维护和扩展。所以在生产环境中,我们需要事前把文件编译为正常的后,在相应文件中引入,以后用户访问的都是编译好的,为不是拿现编译的。代码编译为的结果 Less和CSS的区别 HTML和CSS不...
写在最前:BFC看起来是个很陌生的概念但它却时时发生在我们工作中,如何清除浮动影响?如何避免margin穿透问题?如何编写两栏自适应布局?都和BFC有这密不可分的关系,下面走进切图妞的世界,分分钟搞定BFC! 一、什么是BFC? BFC概念 块格式化上下文(Bloc...
摘要:而通过实现则简单多了源码原因解释中间一栏为核心,所以需要优先渲染,结构也就放在了前面,主要是使用属性将放置到前方。源码的列数每列的个数函数原因解释实现瀑布流还是比较简单的。 介绍 这是关于 Flex 布局的实践,原想还水一点字数来介绍 Flex ...
这篇主要记录了第一二章内容,因为多为概述,所以篇幅较短 流体布局 流体布局:指的是利用元素流的特性实现的各类布局效果。流体布局 ≠ 自适应布局自适应布局是对凡是具有自适应特性的一类布局的统称,流体布局要狭窄得多。 table 自...
摘要:前言在一个菜单面板的时候,把间隔线设置成了绝对像素,生成的效果是下面这样的,在一个线跟其它的不一样。但在上就不会出现这问题。解决细找问题,找出来了,我在内写的是,也就是说,在纵向压缩的时候,压缩的是。换成用,也就是用的主体。 前言 在...
ChatGPT和Sora等AI大模型应用,将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的,但推理(inference/serving)用4090不能说合适,...
图示为GPU性能排行榜,我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...