摘要：内容无法撑开父级容器表格容器居中使用场景容器内容居中，并不想脱离文档流。缺点不适用于弹层这种盖住页面内容的布局使用和垂直居中值等于元素高度的值使用场景一个容器内部的当韩文字居中优点内容宽高，容器宽高均不用。 以前前端面试基础问题的时候...
摘要：方法一高度固定绝对定位思路的父层的最小高度是，设置成相对于父层位置绝对置底，父层内要预留的高度。 方法一：footer高度固定+绝对定位 思路：footer的父层的最小高度是100%，footer设置成相对于父层位置绝对（absolute）置底（bottom：0），父层内...
摘要：项目结构为我们搭建开发所需要的环境目录结构及主要功能项目构建相关代码生产环境构建代码检查等版本热重载相关构建本地服务器构建工具相关基础配置开发环境配置生产环境配置项目开发环境配置开发环境 Vue-cli 项目结构 vue-cli 为我们搭建开发所需要...
摘要：是一套基础样式库，同微信原生视觉体验一致，由微信官方设计团队为微信内网页和微信小程序量身设计的。为了更好的说明这个基础样式库的使用，接下来我将介绍两个例子。 WeUI是一套基础样式库，同微信原生视觉体验一致，由微信官方设计团队为微信内网页...
摘要：效果图变大时效果实现掘金个人文章的简单移动布局框架界面布局使用实现数据获取和用级联设置获取的数据到前台显示获取文章信息效果图文件文件版本下载地址此次的关于移动端自适应学习和分享就是这些，望看到的伙伴和学者一起学习和提出你们宝贵的建议 ...
摘要：使用透明边框增大热区面积，但和并不能阻止背景扩大到边框下面模拟原有边框自定义复选框思路使用与复选框绑定的的伪元素模拟一个勾选框，可以自定义其样式，将原来的复选框隐藏。这种方式被称为复选框。 选用合适的鼠标光标 css3提供了一大批内建光标(...
摘要：边框循环动画，页面效果如下沿着边框动画的图形使用，伪类写的。具体代码如下仔细看沿着边框动画的图形，是有三个长方形组成的。根据以上设计思路，就很容易写出边框的另外三个动画效果了。 最近写了几个页面都用到css动画，以及很多before,after伪类...
摘要：先来看看的样式吧这里值得一提的是我们的定义的是这样写的好处是它能适配不同类型的手机的界面宽度，毕竟现在市面上手机类型太多，我们不可能为每一款手机都设置一个宽度。其次，我们为什么要定义呢这样可以使我们的页面充满整个手机页面，不会滚动。 ...
摘要：首先说下算法对于前端的作用和应用作用不用说了提高效率和性能应用目前也是买了算法导论这本书，看得头晕，各种数学知识需要返回去重新认识，哎，终于知道了以前学的东西总有用的。。。 首先说下算法对于前端的作用和应用 作用：不用说了提高效率和性...
摘要：底部菜单被输入法顶上去的解决方案一最开始页面结构是酱紫的，如图二展示下问题三解决后来说说解决方案吧这个一定要写招商加盟联系客服浏览器当前的高度下面加的样式根据具体情况添加若里面只有一个是不需要加左右浮动的 遇到几次这种问题了，之前一直...
摘要：实现染色效果的混合模式是，它会保留上层元素的高亮信息，并从它的下层吸取色相和饱和度信息。当我们只有一个背景图像及一个透明背景色时，就不会有任何混合效果。 投影 知识点 box-shadow: [inset]? 注意： 在元素正下方的投影被裁切掉了，是...
摘要：作为对象原型链的终点。调用函数时，应该提供的参数没有提供，该参数等于。它可以用于引用该函数的函数体内当前正在执行的函数。 一 JS 二 CSS 一 JS ==和===的区别 ===叫做严格运算符 ==叫做相等运算符严格运算符比较时不仅仅比较数值还要比较数据类...
摘要：限制不高于的单张图片整合处理图片的目的是减少请求次数，如果每一张图片都向服务器发送请求，即影响服务器负载也影响页面性能。 showImg("https://segmentfault.com/img/remote/1460000011963662?w=660&h=174");为纪念美国现代舞舞蹈家玛莎·葛兰姆诞...
摘要：使用来完成的动态效果前几天使用样式和致敬了一下的类似界面，同时最近又接触了，本着瞎折腾的想法便借着之前的的算法，使用来完成了的动态效果。效果图文件目录文件资源文件源码与图片在文章末尾给出代码网页的部分这里给定义好宽和高设为块级元素。 ...
摘要：最近在看关于移动端的响应式布局，其中涉及到比较多的就是大小属性的设置等等，今天自己就捋一捋的用法。然而万一不能用该怎么办啊，所以还是要学会自己写原生的页面布局，也就会有今天的这篇文章了。的使用是指相对于根元素的字体大小的单位。 对于一...
摘要：显而易见饼干为两个削成了圆形的，我们重点演示果酱是怎么制作的如图所示，大扇形由个小扇形构成，每一小扇形占整个圆饼的，大扇形占整个圆饼的。则小扇形的圆心角为，三角形的高为，宽为。 阅读此文需具备基本数学知识：圆心角、弧度制、三角函数。 ...
摘要：三角形绘制效果如图效果如图效果如图效果如图绘制心形效果如图绘制箭头效果如图绘制五角星效果如图绘制冒泡框提示框效果如图绘制气球效果如图绘制阴阳八卦旋转效果如图 三角形绘制 #triangle { width: 0; border-style: solid; ...
摘要：注意上的一些缺陷行为。使用负选择元素在使用负选择到的元素。表格单元格等宽使用表格会很痛苦，因此使用来保持单元格相同的宽度无痛表格布局。漂亮的背景渐变色引用前端开发者应该知道的小技巧黑魔法小技巧，让你少写不必要的，代码更优雅 为body添加...
摘要：现实中的文字效果图版印刷效果空心字效果效果可以说有点差了，所以不适合描边宽的样式。 插入换行 Name: zhanglu Email: zhanglu_helloworld@126.com zhanglu_helloworld@126.com Location: Earth 如何让上面这一段HTM...
摘要：设置动画的时候直接设置和变化值不会起作用需要先设置等一小会再设置变化值安卓端窗口不可见时为关键帧图片动画响应式坑若设置的动画为中代表阶段分五步阶段分步达到关键帧响应式设计方法为以为例图片要按照计算后实际尺寸做动画然后在两帧之间按照图的...
摘要：于是，淘宝软对针对圣杯的缺点做了优化，并提出双飞翼布局。综合来看，不管的大小高低如何，双飞翼布局都能正常显示，嗯确实很优秀。锤子和钉子综上所见，双飞翼布局更胜一筹。 showImg("https://segmentfault.com/img/bVYtjF?w=922&h=561"); 前言 突...
摘要：需求一个下拉列表，有还有从设计拿来的向下的箭头。挤出文档流做法有点恶心，不考虑挡住的话，那就无法做到点击的时候出发的点击事件除非用所以，让变成透明。 需求 一个select下拉列表，有border, bg, 还有从设计拿来的向下的箭头。当点击的时候能有...
摘要：前端性能优化的涉及点从服务器到协议再到宿主环境本身都要有比较深刻的认识，业界目前主要还是以雅虎总结出来条前端性能优化的黄金军规为参考。 欢迎大家前往腾讯云技术社区，获取更多腾讯海量技术实践干货哦~ 导语 : 从事前端有6年+的时间了，从最开...
摘要：即我们常说的脱离文档流的元素。如果一个元素不是流外的，即仍在文档流中的元素，就叫流内元素。两个兄弟盒之间的竖直距离由属性决定。同一个块格式化上下文中的相邻块级盒之间的竖直会合并。如果盒的和相邻，那么可能会被彻底合并。 1.首先，了解一些...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
一、活动亮点：全球31个节点覆盖 + 线路升级，跨境业务福音！爆款云主机0.5折起：香港、海外多节点...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
89542767
社区管理员
白马啸西风