摘要:需要注意的是使用的前提条件是内联元素以及值为的元素。子元素设置行内或行内块 css布局:如何实现垂直居中? 1.利用line-height实现居中,这种方法适合纯文字类的; showImg("https://segmentfault.com/img/bVbuhsp"); .parents { height: 400px;...
摘要:即元素脱离文档流的布局,在页面的任意位置显示绝对定位脱离文档流的布局,遗留下来的空间由后面的元素填充。相对定位不脱离文档流的布局,只改变自身的位置,在文档流原先的位置遗留空白区域。 1、描述 CSS 指层叠样式表 (Cascading Style Sheets) ...
摘要:最近有个转盘抽奖的需求,搜了一下现有的轮子,有的是用的动画函数实现的,有的是用绘图然后再用高频率的调用旋转方法,前者太老了没法简单移植到项目,后者感觉性能表现可能不会太好。核心思路是用以及实现旋转动画,使用和绘制出定位较为精确的轮盘奖...
摘要:代码提交规范前言在多人协作项目中,如果代码风格统一代码提交信息的说明准确,那么在后期协作以及处理时会更加方便。每次提交代码,都要写提交说明,否则就不允许提交。一般来说,应该清晰明了,说明本次提交的目的。不会提交新文件。 Commit message...
摘要:首先在里面需要引入移动端属性布局方式之布局标题布局标题布局内容兼容端和移动端的布局获取屏幕宽度设置标签的大小为移动端效果图端效果图布局方式之弹性布局布局标题布局内容兼容端和移动端的 首先在head里面需要引入移动端属性: 1.css布局方式之di...
摘要:珍藏版收集了好几年的书回过头来一看真不少拿过来跟你们一起分享下载链接我也会在官网上发布视频教程呀电影呀有用的资源你们懂得作者作者科技站长官网百度搜索科技博客公众号搜索 珍藏版---收集了好几年的书,回过头来一看,真不少,拿过来跟你们一起分享...
input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ input:-ms-input-p...
摘要:返回上一页不刷新返回上一页并刷新下面是常用代码返回上一页或返回上一页如果是用按钮做的话就是返回上一页用图片做的话就是图片路径返回上一页几秒钟后自动返回上一页代码加入两个间,表示秒参考简介 window.history.go(-1);//返回上一页不刷新 wind...
摘要:知识点目录基于根据个人理解对每个知识点附上的答案,有错误欢迎大家指出。结构化也是为了增加代码可读性,提升网页质量,比如表示文档页眉页脚,表示导航等。提供标签新增容器标签,结合绘制图形路径文本等。 知识点目录基于 https://segmentfault.co...
摘要:在中给添加了一个事件监听,然后再中移除事件监听,发现移除事件监听失败后来发现想要移除的,需要把后面的挂在到上方法我定义在中具体请参考的文章 在mounted中给vue添加了一个事件监听,然后再beforedestory中移除事件监听,发现移除事件监听失败后...
摘要:最近启动项目报了个错误,如下原因是在中使用了而在中已被删除了 最近启动vue-cli3.0项目报了个错误,如下showImg("https://segmentfault.com/img/bVbt7w8?w=2088&h=538");原因是在vue.config.js 中使用了 process.env.target 而在.env中 target已被删...
摘要:如果页面上的链接很多或者对跳转页面的协议有要求,使用属性选择器配合伪元素对链接的协议进行提示也不失为一种好方法。 CSS 属性选择器,可以通过已经存在的属性名或属性值匹配元素。 属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本...
摘要:判断是否是手机底部增加样式底部增加样式初始条件满足增加样式如果想更改底部像素的背景颜色怎么办呢增加样式 1.判断是否是IPhoneX手机 let isIphone = /iphone/gi.test(window.navigator.userAgent) let windowW = window.screen.width let windo...
摘要:为什么引入全局样式冲突进行打包时,将所有文件导入到入口文件中,样式也会统一加载到入口中,根据的规则,后面的样式会覆盖掉前面的样式声明,造成全局样式的覆盖问题。 CSS Modules 为什么引入CSS Modules (1)全局样式冲突 webpack进行打包时,...
摘要:使用进行布局弹性布局的出现是有原因的。对于大型项目使用预处理器你一定听说过它们。预处理器是的未来。举个简单的例子,下面是一个代码的片段,它使用到了一些变量和函数预处理器的唯一的不足之处是它们任然需要编译 在本文中,我们想与您分享一个由...
摘要:的特点是元素拥有独立的渲染区域元素内部的内容边距浮动元素等不会影响到外部元素。 BFC(Block Formatting Context)的特点是元素拥有独立的渲染区域,元素内部的内容(边距,浮动元素等)不会影响到外部元素。 哪些情况下会触发BFC 设置overflow属性,值不...
摘要:如果你想让你的网站看起来更酷炫,可以改变鼠标样式,用你喜欢的图片来代替。图片地址备用选项。 如果你想让你的网站看起来更酷炫,可以改变鼠标样式,用你喜欢的图片来代替。 下面就来介绍下步骤方法: 首页把鼠标图标格式转换成.ico格式,大小为32*3...
摘要:这种方法仅响应图表区域的响应事件,通过获取到可能需要的一些信息,可以很好的实现需求,并且不会有其它的性能影响,完美实现了如题的需求。 ECharts官网教程 详情请看官网教程 前言:相信很多人有这种需求,在点击折线图非节点的时候不能触发点击事...
摘要:一如果是已知宽高的元素做水平垂直居中效果的话,可以直接用具体的数值指定定位布局或偏移布局,这个就不过多讨论。这里主要介绍在不知宽高或需要弹性布局下的几种实现方式。 一、如果是已知宽高的元素做水平/垂直居中效果的话,可以直接用具体的数值...
摘要:接下来我们就用原生和快速实现这样的拖放效果的内容很简单,就是五个空的容器和一个可以被拖拽的元素注意点容器的的为,用于接收被拖拽的元素,可被拖拽的元素为,同时设置属性为,表示该元素可以被拖拽。 拖放是很常见的一种交互效果,很多时候我们都...
ChatGPT和Sora等AI大模型应用,将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的,但推理(inference/serving)用4090不能说合适,...
图示为GPU性能排行榜,我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...