摘要:圣杯布局双飞翼布局所谓圣杯布局和双飞翼布局其实解决的问题是相同的,都是解决左右两栏固定宽度,中间部分自适应,其中某部分内容比其他内容高的时候,保证三者元素等高。双飞翼用在外层多加了一个然后改用。 前言 我曾一度觉得总写css的前端很low,...
摘要:怎样让多个元素贴边平分为什么会有这个疑问呢首先说明一下,接触前端有一年的时间了,自认为对静态布局不在话下,果然,自负的人最容易被打脸呐,刚换了一份工作,公司对前端要求比较严格。 怎样让多个元素贴边平分? 为什么会有这个...
摘要:和对比都是一个存储多值的容器,两者可以互相转换,但是在使用场景上有区别。可以理解为的方法集合实例属性继承自操作方法遍历方法和数组的转换要求双成员数组值得注意的是的键是跟内存绑定的参考文档和和阮一峰教程 Array和Set对比 都是一个存储多值...
摘要:是上一次加载资源时,服务器返回的,是对该资源的一种唯一标识,只要资源有变化,就会重新生成。同源限制如果非同源以下三种行为将受到限制和无法读取。Js相关执行环节和作用域执行环节定义了函数或者变量可以访问的其它数据,决定了他们各自的行为。每...
有哪些选择器 基本选择器 通配选择器(*) ID选择器(#ID) 类选择器(.className) 元素选择器(tagName) 后代选择器(a b) 子元素选择器(a>b) 相邻后面兄弟元素选择器(a + b) 通用后面兄弟选择器(a 〜 b) 群组选择器(selector1,selector2,...) 这...
摘要:绑定和这个不用说和属性绑定隐藏按钮这个方法有很多充分发挥你们的想象力就可以了,我见过的方法有设置隐藏的设置绝对定位,将设置为很大的负值,移动到页面外达到隐藏效果设置绝对定位使元素脱离文档流,然后设置为透明来达到隐藏效果。 用CSS实现Tab...
摘要:简介跨站脚本攻击英文全称是本来缩写是但是为了和层叠样式表有所区别所以在安全领域叫做攻击通常是指黑客通过注入篡改了网页插入了恶意的脚本从而在用户浏览网页时控制用户浏览器的一种攻击在一开始这种攻击的演示案例是跨域的所以叫做跨站脚本但是发展...
1. qq emoji替换 接收到这样的字符串,通过正则匹配到每组方括号然后进行替换 var _str = i.content.replace(/[.{1,3}]/g, (str) => { //i.content为遍历出来的消息记录 var index; Object.keys(faceCode).forEach((key, _index) => { ...
摘要:设置的几种方法及注意事项设置样式直设置内联属性设置内联样式替换内联追加设置内联样式第三个参数可以省略以上中方法都是基于内联样式,用他们来获取元素的样式是同样只能获取到内联样式。 JavaScript设置CSS的几种方法及注意事项 JS设置CSS样式 直...
摘要:常用的类型为,需要定义对呀的类目数据,这个例子中的类目数据为日期组成的数据。在使用之前觉得这个插件内容很多,但是去看了一遍折线图的后发现有很多都是类似的,例如轴与轴的设置。 前言:项目中经常会使用到Echarts,有的需求差不多复用性高,由于...
摘要:一背景介绍渐进增强和优雅降级这两个概念是在出现之后火起来的。二概念理解渐进增强渐进增强一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果交互追加功能达到更好的体验。 一、背景介绍 渐进增强和优雅降级这两...
摘要:后续前端笔试题面试题记录下小结我想说的是在找工作期间,肯定有自己发挥不好,或者不会的问题,一定要在晚上的时候自己再学习总结一下,在一个问题上面尽量不要栽倒两次,学到了的才是自己的。 前言 过完元宵,就到上海找了波工作,现在已经入职好了...
摘要:为了解决这些问题,就可以使用定时器对函数进行节流。当第二次调用该函数时,它会清除前一次的定时器并设置另一个。如果前一个定时器已经执行过了,这个操作就没有任何意义。然而,如果前一个定时器尚未执行,其实就是将其替换为一个新的定时器。 2017...
摘要:页面主体内容限定在安全区域内元素的适配如果元素是定位且,那么除了设置的还不够,还需要给它自身添加,因为它是相对于屏幕最底部定位的。 屏幕尺寸 垂直方向上,iPhone X的显示宽度与iPhone 6,iPhone 7 和 iPhone 8 的 4.7 英寸一样,但是比4.7英寸...
摘要:我在给一个定位元素垂直居中的时候惯性的设置了设置完成后没有发现问题,后来无论时美工还是测试都反应这个元素字体模糊。后来经过反复排除认定了时的锅。经过查资料时应为要移动的元素的高度时奇数的。动画在渲染非整数的时就会出现字体模糊。 我在给...
摘要:静态资源的访问通过配置代理实现页面的访问,跟服务端工程毫无关系,服务端只负责提供异步接口。集中管理异步接口配置的模块 Nicon 一言不合,先上平台Nicon。该平台接入github登录,采用七牛CDN存储,欢迎大家试用。 Nicon 是一个集图标上传、展示、...
摘要:不定宽块状元素水平居中垂直居中利用属性垂直居中垂直居中利用布局不定高不定宽垂直居中垂直居中设置或另外设置为垂直居中或上下居中左右居中居中 CSS水平居中和垂直居中 行内元素居中 水平居中 1.给父元素设置text-align:center 行内元素span居...
摘要:原因在于,分配给事件的函数是闭包,他们由函数定义构成,从函数的函数作用域获取。三个闭包由循环所创建,每个闭包具有同一个词法环境,环境中包含一个变量当的回调执行时,的值也随之确定,循环已经执行完毕,对象已经指向了列表的最后一项。 闭包(C...
摘要:大家好今天分享一个商城的搜索功能建立在上一篇文章的基础上实现的搜索功能简单的说就是通过语句在数据库中实现模糊查找连接数据库实现分页功能可以参考上一篇文章定义一个变量接收传过来的搜索框的值定义语句去数据库模糊查询查询数据库中数据截图如下...
摘要:四伪类列举状态伪类状态伪类是基于元素当前状态进行选择的。目前,只有火狐浏览器支持伪类,并在火狐浏览器中使用时需要添加前缀试验阶段。 一、伪类和伪元素的引入 1. 规范说明 CSS introduces the concepts of pseudo-elements and pseudo-classes ...
摘要:样式化组件巧妙地利用标签模板把和组件结合在一起,使得组件跟样式之间的界限变得模糊。由于和都是组件,因此我们可以跟其他任何组件一样使用它们,最终的效果如下使用样式化组件来写样式跟普通的写法是一模一样的。 showImg("https://segmentfault.co...
摘要:一伪元素的应用清除浮动父元素中有子元素,并且父元素没有设置高度,子元素在父元素中浮动,结果必然是父元素的高度为,这也就导致了父元素高度塌陷,我们就需要清除浮动。伪元素不会自然继承自父元素如的样式。 一、伪元素的应用 1. 清除浮动 父元素...
ChatGPT和Sora等AI大模型应用,将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的,但推理(inference/serving)用4090不能说合适,...
图示为GPU性能排行榜,我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...