背景,做一个前面图片宽度固定,后面宽度自适应,使用到了flex布局,但是想让后面div里文字不换行,超出以点点表示时,这时布局就乱了,查了下,原来flex布局与white-space:nowrap有影响 解决办法,父div设置min-width:0即可 flex: 1; min-width: 0; ...
摘要:前段时间记录一下菜单实现之前传钟表表盘,今天终于弄正文了。本文基于上篇文章的布局方式和位置计算,并参考这篇笔记的动画实现了环状半圆形扇形直线射线形状的菜单。预览这篇笔记也太短了 前段时间记录一下fab 菜单实现之前传-钟表表盘,今天终于...
Title hello world $(#show).click(function(){ $(p).show() }) $(#hide).click(function(){ $(p).hide() }) $(#toggle).click(function(){ $(p).toggle()...
摘要: DOCTYPE html> Document div { position: relative; left: 50px; top: 50px; margin: 10px; width: 500px; height: 100p...
Title $("#fadeIn").click(function(){ $("div").fadeIn(1000); }) $("#fadeOut").click(function(){ $("div").fadeOut(1000);...
摘要:于是,参考着框架,基于,我也将自己一点对框架的理解写了下来方便入门参考,希望大家能喜欢,并多提些建议。具体的实现可参考个人博客。学CSS很好的一个方法大概是先用纯CSS来实现一个自己的框架,然后便可以在之后的使用中对一开始可能很粗糙的框架做...
摘要:即可折叠区域,和标签类似,不过更灵活些。折叠区域往常多用实现,这里就纯粹用,就想法上也是异途同归。Accordion Accordion即可折叠区域,和标签类似,不过更灵活些。折叠区域往常多用JavaScript实现,这里就纯粹用CSS,就想法上也是异途同归。 折叠...
摘要:并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。宋体清除浮动这是专业术语,其实就是需要我们解决浮动带来的影响宋体父元素的高度塌陷宋体。相对定位的参考点是自身。 一、浮动 1.1 各个语言的主要知识点 HTML:标签语义化(那么怎...
摘要:属性的五个值元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到影响。相对定位元素的定位是相对其正常位置。元素可以使用的顶部,底部,左侧和右侧属性定位。他们也有不同的工作方式,这取决于定位方法。可以使用css的position...
摘要:一样式的继承性作用给父元素设置一些属性,子元素也可以使用应用场景一般用于设置网页上的一些共性信息,例如网页的文字颜色,字体,文字大小等内容。一、css样式的继承性: 作用:给父元素设置一些属性,子元素也可以使用 应用场景: 一般用于设置网页...
摘要:管理后台,日常就是提交各种表单了,这部分现有的方案,比如表单提交或者收集信息提交。,可以用于前端开发的工程构建。带了人的前端团队,你的精力开始在配合公司其他部门做用户数据增长了。开始考虑使用的。 hi,大家伙,我是佛系大大,很高...
摘要:前端必备框架五页面组件,商品列表组件,详情组件,购物车清单组件,结算页组件,订单详情组件,订单列表组件。生命周期创建阶段更新阶段销毁阶段创建阶段更新阶段,多次执行销毁阶段函数式组件无状态,无实例,没有生命周期,没有上下文。 Web前端-Vu...
摘要:特别提到一点,最好是不要引入特别的中文字体,主要是中文字体文件实在是太大了些,如果只是几个字完全可以做成或者的格式。有些时候为了强调某些文字,需要使用一些比较特别的字体,CSS中现在也可以比较方便的引入字体了,如下: /* 定义字体 */ @fon...
摘要:很想一窥源码,查看究竟,看看大厂的前端大神们是如何规避了小程序的各种奇葩的坑。头发减减可是问题是呐好看的小程序,又获得不到源代码。所以啊,才能容易的反编译出来,如果是那就很难了一键获取微信小程序源代码 1 Tips: 2 一键获取微信小...
摘要:阿里布局版本阿里布局版本该布局于年月日被版本取代实现原理假设稿宽设置的将屏幕分成份,实际屏幕宽度开发时直接填写设计稿宽度利用插件转换为实际阿里布局版本阿里布局版本实现原理利用的理想视口,删除版本的缩放其他依旧和版本一样阿里flexible布局...
摘要:效果如图响应式布局例子实现如图效果结构布局使用属性创建一个列的网格,每个列都是一个单位宽度总宽度的。尝试其它布局把移到右边实现后的效果使用点来创建空白的网格单元格实现效果真正的响应式布局假设你想在移动设备上查看的是标题旁边是菜单。colu...
盒子模型 1.框模型 框:页面上所有元素都可以称为框 框模型:(BOX Model),又称盒子模型 定义框处理元素内容、内边距padding、外边距margin、边框的样式border 外边距margin margin-方向: margin-left: margin-right: ...
摘要:标签中的文本将会以斜体显示。短长引用对于引用在段落里直接写双引号不是更方便标签语义化,便于浏览器解析对搜索引擎友好,便于搜索 文本格式化标签: ("bold") 粗体("italic") 斜体粗 / 斜 / 下标 / 上标删除线 / 下划线 计算机方面: ...
摘要:第六章判断是不是数组写一个第七章正则表达式匹配的正则匹配数字的walkDOM function walkTheDOM(node, func) { func(node); node = node.firstChild; while (node) { walkTheDOM(node, func); node = node.nextS...
ChatGPT和Sora等AI大模型应用,将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的,但推理(inference/serving)用4090不能说合适,...
图示为GPU性能排行榜,我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...