摘要:视觉格式化模型浏览器在解析渲染我们所写的内容,顺序渲染普通文档流。渲染结果如下图这儿有一个知识点文档流按我的理解就是在浏览器渲染显示的一个模式,这个模式的特点自上而下,从左到右排列规则。如果不特殊指定,浏览器会默认当前的渲染是按文档流...
摘要:嵌入方式嵌入方式的只对当前的网页有效。链接方式这是最常见的也是最推荐的引入的方式。是才出现的概念,所以如果浏览器版本较低,无法正确导入外部样式文件使用无法引入超过条的样式表。 css的四种引入方式 内联方式(行间样式) 这通常是个很糟糕的书...
摘要:微信说明文档分享的坑根据的文档,很多人都是在初始化的配置的时候,传入的当前的地址不正确。同样的,给微信初始化的加入对应的参数。 date: 2018-12-13 15:23:09 用于记录接入微信JS-SDK的坑,以后方便查询第一次接入公众号微信支付、分享、定位等...
摘要:框在里,无法聚焦,不能输入内容,把改成或者直接加一个 input框在iOS里,无法聚焦,不能输入内容,把-webkit-user-select:none改成-webkit-user-select:auto;或者直接加一个style=-webkit-user-select:auto....
摘要:在通常情况下,对那些需要居中的元素来说,其尺寸往往是由其内容来决定的。虽然没有垂直居中效果,但也是完全可以接受的。的另一个好处在于,它还可以将匿名容器即没有被标签包裹的文本节点垂直居中。 主要摘自:《CSS 揭秘》,强烈推荐的一本书。 4...
摘要:需求实现父里面左右,上下动态分割,并上下改变父的高度,并且宽和高都是按百分比如图。一个改变父高度的,用于上下拖动不能占有位置,所以要绝对定位,并定位到最右下角。上下拖动的,当上拖动时,的父的高度变小,当下拖动时,的父的高度变大。 show...
摘要:但是,在移动端,看着分辨率高达的,在控制台中却只有的分辨率,似乎有点不合逻辑。对于手机,物理像素可以在手机说明书或者官网的参数配置中查到,而设备独立像素打开控制台选择对应机型后就可以看到当然,也可以在控制台中用上面的命令查看。 最近在...
摘要:实现代码布局使子容器填满父容器剩余宽高需求分析目前内容如图需求是实现这样 1. 实现代码 flex布局使子容器填满父容器剩余宽/高:http://jsfiddle.net/EverJust/... 2. 需求分析 (1)目前内容如图: showImg("https://segmentfault.com/img/bVblHrC?...
摘要:前言我是,如果你还不认识我,不妨先看看技术的前世今生一平静的生活已经有一段日子了。传送门技术的前世今生一技术的前世今生三 前言:我是JavaScript,如果你还不认识我,不妨先看看《Web技术的前世今生(一)》 平静的生活已经有一段日子了。 这一...
摘要:直到有一天,大哥接到一项特殊的任务,一位年轻的爸爸想给自己患有抑郁症的孩子制作一个网站,希望网页里的天空每天都可以更换一种颜色。猿知原味注老头阐述的方法是最早的动态网页实现方案技术。传送门技术的前世今生二技术的前世今生三 我的名字叫Ja...
摘要:最近需要做一个表格组件,组件需求指定行列可以跨行跨列行和行之间有分割线最终采用实现需求。所以考虑采用的形式。关于相关的概念介绍可以参考阮一峰老师的文章介绍。然后返回一个组件,把组件替换原来的即可。想尝试的小伙伴现在就可以码一遍。 最近...
摘要:最近在踏坑支付宝小程序,目前支付宝小程序的框架还不是很成熟,然后项目要求比较高,为了避免一些无法预料的坑,所以选择了原生的支付宝小程序的开发。把,稍微改造一下即可支持支付宝小程序的编译。 最近在踏坑支付宝小程序,目前支付宝小程序的框架...
摘要:对于,浏览器全屏状态下,其的值为。的大小可以通过和,实际使用中可能会有一些兼容问题,这跟声明有关。是为了能将电脑上的网页正确的显示到手机上。调整的大小,让其在的查看下有最佳效果,就是我们想要的移动端适配。 上一篇博文,可算把像素这个东...
摘要:一内联元素与行元素的区别内联元素即行内元素。绝对定位,相对于定位以外的第一个父元素进行定位,元素脱离文档流。 一、内联元素与行元素的区别 1、内联元素即行内元素。2、内联元素,在文档流中挤在一行;不能设置宽高(即,即使设置了也不管用,例...
摘要:如果你运用好视图的封装模式,会帮你解决好很多的问题。通过在组件的元数据上设置视图封装模式,你可以分别控制每个组件的封装模式。 Angular2 控制视图的封装模式 为什么我想要分享控制视图的封装模式呢?主要是我们angular的项目大多数都会去引入一...
摘要:项目地址持续更新欢迎关注前端安全其他更多技术文章如果对你有帮助,请给个 项目地址 持续更新,欢迎关注 JavaScript CSS HTML 前端安全 HTTP 其他 Vue 更多技术文章 如果对你有帮助,请给个Star...
摘要:查看效果第六种和背景描边旋转此方法就是设置一个宽度和高度分别为的方块背景,然后背景相邻的两条边描边再有的属性旋转角度,来实现箭头的朝向。 showImg("https://segmentfault.com/img/bVbmX2F?w=400&h=277"); 我们在网页开发中实现一个tips时会有...
摘要:链接该组件为高布局,可以解决部分键盘输入的问题,但是同时会在中出现向下滚动时无法自动隐藏工具栏和底部栏的问题。在里元素定位为,效果等同于。 链接 https://doc.vux.li/zh-CN/comp... 该组件为100%高布局,可以解决部分键盘输入的问题,但是同时...
摘要:使元素不可见的三个方法隐藏元素不占据空间结构子元素显示状态始终跟父元素保持一致,会引起回流和重绘,不会遮挡其他元素的触发事件。 css使元素不可见的三个方法:display: none / visibility: hidden / opacity: 0 display: none 隐藏元素不占据...
摘要:布局如下对于这块,我不是很理解,后发现,注销这个样式,用可以解决。后查阅一些资料,到了原因。 -12.24-:html布局如下: html css javascript vue css: tab{ width: 600px; margin: 0 auto; } .tab-tit{ width: 600p...
摘要:在中的规范,包括关于角色可以使用哪些元素和不使用哪些元素的指导英不启用将网页某个部分标记为,以便及时向用户显示更新内容,而不是用户浏览这部分网站时更新可能位于初始页面加载中不同的屏幕阅读器和辅助技术对不同更改的响应不同,如果辅助技术不...
摘要:碰撞检测边界检测在前端游戏,以及涉及拖拽交互的场景应用十分广泛。这就涉及到碰撞检测或者叫边界检测的问题了。若四边均未发生重合,则未发生碰撞,反之则发生碰撞。目前业务有遇到碰撞需求,所以抽时间整理了下。 碰撞检测(边界检测)在前端游戏,...
ChatGPT和Sora等AI大模型应用,将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的,但推理(inference/serving)用4090不能说合适,...
图示为GPU性能排行榜,我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...