摘要:容易混淆的是,效果几乎一样,但是并没有脱离文档流,并且元素中间有空隙。讲高度塌陷问题在文档流中,默认父元素不设置高度是被子元素撑开,当子元素脱离了文档流,父元素会出现高度塌陷的问题。 58-59讲 浮动 三个块级div水平方向排列: 不脱离文档...
摘要:讲清除浮动属性值清除左右元素浮动对本元素造成的影响。代码导航条解决高度塌陷问题最终版利用一个占位,清除浮动对它的影响从而实现解决高度塌陷的问题,但是此方法会在页面结构中加入一个占位标签,影响源码阅读。 63讲 导航条css样式 导航条 *...
摘要:在通信时,如果要将返回的数据,那么请注意的同异步场景,准确把控渲染和设置状态时间差逻辑,特别是多个请求,可以使用或者在的回调函数中发送请求,定时器把控时间。 一、技术选型 语言选择: JavaScript TypeScript 最终选择了JavaScript作为开...
摘要:年终活动动画总结戳这里采用的插件,即可满足大多数,手机的兼容性问题。人移动切换,添加类控制移动和暂停,以及切换背景人物。监听动画结束时机桥的出现配合属性实现。不添加会影响自身页数的判断动画总结别人写的真牛自己只会。 年终活动h5动画总结...
摘要:什么是布局我们常见的网站页面都会把一个页面分为头部区内容区页脚区当头部区和内容区内容较少时页脚区能固定在网页底部而不是随着文档流排布。 什么是sticky footer布局 我们常见的网站页面都会把一个页面分为:头部区、内容区、页脚区,当头部区和内...
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, textarea { fo...
摘要:集成搜索起因现在收费了,也没有免费版本。搜索体验不好,微搜索官网上描述太少所以选择。之后若未续费会自动降级为免费账户,免费账户总共有条记录,每月有的可以操作数。接下来需要安装扩展,这个扩展的功能是搜集站点的内容并通过发送给。 集成Algo...
摘要:软件描述是一款运行在中的插件,能够自动将你需要的图层进行输出,以替代传统的手工导出所用格式以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸格式形态输出,方便你在等端上使用。 软件描述 Cutterman是一款运行在photoshop中的...
摘要:可以理解为真身还在原来的位置站着,魂通过进行移动,并且层级比未脱离文档流的元素高一级,移动到哪里就盖住哪个元素。 67-68讲 开班信息案例 代码只写了67讲,主要还是line-heught让文字垂直居中,font覆盖行高的问题,这些在前面都讲过。68讲没什么...
摘要:对图片进行压缩新建一个标签还没嵌入节点压缩后图片的大小压缩完成渲染。。。。 //------------ 对图片进行压缩 function compress(imgPath) { var image = new Image(); //新建一个img标签(还没嵌入DOM节点) image.sr...
摘要:编程艺术第版笔记第章简史的起源是公司和公司合作开发的。第章文档对象用户定义对象内建对象如等。宿主对象由浏览器提供的对象。伪协议非标准化的协议。结构样式行为要分离。压缩脚本第章案例研究图片库改进版共享事件函数需要多个函数都在页面加载时执...
摘要:一部分没录入的技巧原因是部分属性将被标准废弃,如。正确的滚动底部留白方式如果使用留白,在和不会显示。正方观点观点观点反方观点观点正确的块级元素右对齐值对于来讲是占用剩余的空间。 以下技巧的具体原理和解释请支持张老师的《CSS世界》,在这...
摘要:该插件主要用于提取主题颜色提取到的数据会挂载到下通过颜色替换再插入到,可达到动态修改主题的目的编译后会在中插入,其内容类似以下接着只要使用简单的 css-color-extract-plugin Install npm install css-color-extract-plugin yarn add css-col...
摘要:结构已知元素的宽度和高度设置为自身高度的一半这个方法可以实现自适应未知元素的高度和宽度使用的来实现注意这里需要设置高度来查看垂直居中效果 html结构: 1. 已知元素的宽度和高度: .item { position: absolute; top: 50%; le...
摘要:好了,让我们来实现一个简单的这样打字的效果,如下你可以狠狠点击此处具体示例查看效果。接下来分析如何暂停动画和继续动画,很简单,就是清除定时器,然后重新调用即可。如何让编辑的代码生效呢,这就需要用到自定义事件事件修饰符,自行查看官网。 ...
摘要:的属性谁都知道,大家肯定也都用过。基本参数必需。水平阴影的位置。允许负值必需。阴影的尺寸可选。请参阅颜色值可选。将外部阴影改为内部阴影后来慢慢记住前个基本参数后才发现还有内外阴影,叠加阴影的使用。 CSS 的 Shadow属性谁都知道,大家肯定...
摘要:这种使用简单,但是兼容性不太好。这种颜色有阴影,估计过不了设计大佬的那关。最后会把对应的编译出来,这种兼容性好,就是依赖于插件。这种兼容好,但是会和伪类冲突,也是我司采用的方式。 前言 工作以后,大部分的业务工作都是基于移动端H5的,开...
摘要:但是前端目录结构笔者认为应该对于页面和组件继续细分。举个列子当项目较大时目录里存在将会非常之多。所以,后端这种按职能划分的目录结构虽好,但用于前端也不是最合适的方案。 为什么需要前端专属的项目结构 这里说到目录结构,想必不少程序员会想...
摘要:文章包含学习中遇到的问题小白水平可能会包含一些错误或者还没写完或者非最佳实践仅供参考父子组件的参考官方文档点我父级不需要操作额外代码子代操作方法一这个的官方会有介绍子代操作方法二通过这个实现的看了不少文章,这种比较多以为例子先简单介绍...
摘要:主要用到的知识点参阅菜鸟教程动画延时实现说明用于区别四个不同点,里放通用样式重点如果了解,看这个更清晰些,如果不懂,看下面生成的定死容器的高度,不然会上下浮动横向排列子元素纵向排列子元素去掉最后一个 showImg("https://segmentfault.com/...
摘要:笔记从尚硅谷的第讲开始的内联元素的盒模型,此套视频是第二遍看,为了以后不再看第三遍,把重要的知识做个总结。其实我们的元素天生就有这种效果。是元素的默认值,也是设置元素为隐藏,但是它隐藏后还会占用页面的布局。以上只是在正常的文档流中 笔...
摘要:对于前端开发者来说,无论使用还是还是,打包工具的配置永远都是一个必须的过程,因为这决定了打包出来项目的大小,资源占用,以及运行速度。所以自己就动手尝试配置一下。 对于前端开发者来说,无论使用vue 还是react还是angular,打包工具的配置永远...
摘要:原文链接最近用做了一款钢琴类应用,名字定为自由钢琴,人生如音乐,欢快且自由。就类似于多年前开发的钢琴游戏,自由钢琴只是换了的技术,同时支持了钢琴曲的自动播放功能。目前采用的技术架构是框架。 原文链接 Hate 996? Come Here & Relax~ 最近用...
摘要:前言在阿里和腾讯工作了年,当了年的前端面试官,把期间我和我的同事常问的面试题和答案汇总在我的中。项目地址是我是小蝌蚪,腾讯高级前端工程师,跟着我一起每周攻克几个前端技术难点。 前言 在阿里和腾讯工作了6年,当了3年的前端面试官,把期间我...
ChatGPT和Sora等AI大模型应用,将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的,但推理(inference/serving)用4090不能说合适,...
图示为GPU性能排行榜,我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...