摘要：在各大浏览器厂商的发展过程中，它们对的标准各有不同的实现，标准不同存在差异所以产生兼容性的问题。它是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。但是及更低版本浏览器会继续解析。 为什么会存在浏览器兼容问题？ 首先要了解兼容...
摘要：新建一个，解决在垂直方向上折叠的问题通过线性渐变以及画出虚线，然后再通过将其移动到四边。参考张哥虚线边框教程 常常看到一种酷炫的效果，鼠标hover一片区域后，区域显示出虚线边框，并且还有线条动画，那么这种效果具体是怎么实现的呢，本文提供...
摘要：固有对象由标准规定，随着运行时创建而自动创建的对象实例。普通对象由语法构造器或者关键字定义类创建的对象，它能够被原型继承。 笔记说明 重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知...
摘要：输入占位符当在我们的论坛使用浮动标注模式的时候，特别是按钮在右侧的这种情况，我们需要充分的测试来避免因为占位符过长而导致的问题。当标签的内容过长的时候，写死高度和宽度可能会造成布局崩掉。 当我们写css的时候，有时候会忘记设计里面存在的...
摘要：简易加载中控制执行次数这里一直执行，执行速度，匀速简易进度条过渡属性和鼠标滑过根据宽高变大，必须设置和大 showImg("https://segmentfault.com/img/bVbslqh?w=656&h=397"); 1.简易加载中 @keyframes myfirst { from{transform: rota...
摘要：如果用动画来表现，可以看出拉长的时候红色会变得比蓝色长，但压缩的时候却是蓝色变得比红色长，如此一来就更能体会在响应式设计里头的关键角色。 Flexbox是一个CSS3的盒子模型（box model），顾名思义它就是一个灵活的盒子（Flexible Box）。 Flexbox...
摘要：栅格布局组成父元素和子元素。属性设置父可设置属性或网格模式子元素列的宽度子元素行的高度设置则定高不设则自适应它们俩可设置是百分比也可以自动伸缩等网格区域的间距可设置单一间距也可以上下一个间距左右一个间距。 栅格布局组成： wrapper（父元...
摘要：前言学习前端也有一段时间了做个个人博客网站吧正好总结练习一下这段时间的所学文章很长，会拆成三篇来讲项目地址效果后台管理系统前端页面架构可以看到，在整个项目中，没有页面的跳转只有前后端的数据交换，所有的页面更新都是组件更新和数据更新后端...
摘要：前言对于的配置以及常用模块大家应该都比较熟悉，本文将说一说的一些常用插件，以及用法。如果在一个前面加了它会被定义为调用。或者被模块的导出的内容所赋值，以支持命名导出。用于生成的文档的标题默认为将写入的文件默认模板的相对或绝对路径。 前...
摘要：几乎是无法避免的例如树状目录的折叠，展开，实质上是元素的显示与隐藏等，都将引起浏览器的，鼠标划过，点击，只要这些行为引起了页面上的某些元素的占位面积，定位方式，边距等属性的变化，都会引起它的内部，周围甚至整个页面的重新渲染。 渲染引擎...
摘要：下面的会造成这种样子的垂直居中因此，如果有一个方块变成了高度，那么其他的方块就会真正的垂直居中。使用使用或的属性，轻轻松松就可以做到垂直居中的效果。 我们在编辑一个版面，通常都会用到水平居中和垂直居中来设计，而水平居中很好处理，不外乎...
摘要：三栏布局浮动定位头部左边栏右边栏中间栏底部三栏布局浮动定位浮动布局效果缺点浮动元素会脱离文档流，如果在的内部还有其他元素，有可能会因为父元素的高度塌陷而导致问题。 前言 大家总是听到双飞翼布局和圣杯布局...也不知道是谁取的名字，我就叫三...
摘要：对象有状态对象具有状态，同一对象可能处于不同状态之下。中对象独有的特色对象具有高度的动态性，这是因为赋予了使用者在运行时为对象添改状态和行为的能力。小结由于的对象设计跟目前主流基于类的面向对象差异非常大，导致有不是面向对象这样的说法。...
摘要：一下载安装直接扩展里搜索下载，没啥好说的二配置只需在下添加如下几行即可。可自行修改，下次启动选择此配置即可。 一、下载安装debugger for chrome 直接扩展里搜索下载，没啥好说的； 二、配置debugger 只需在launch.json下添加如下几行即可。 { ...
对小程序进行原生开发时，我不喜欢写wxss，我喜欢写stylus。 于是开发了这个命令行工具：wxss-transform 可以将目录a进行处理，再输出到目录b 这里的处理就是，将stylus和css文件转换为wxss 并且启动后，会一直监听a目录 项目地址：https://github.com/ting...
摘要：解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件之间的共享问题时会需要状态管理核心状态管理有个核心，分别是以及。当错误出现时，我们现在也会有一个记录之前发生了什么。此外，每个实例组件仍然可以拥有和管理自己的私有状态 一，css...
摘要：样式声明通过一个称为级联的过程来解释和决定。级联级联可能是中最容易被弄错的属性之一。因此很容易认为元素的视觉边界等于其宽度，但情况并非如此。 如果你在日常工作中使用CSS，那么你的主要目标很可能集中在使事情看起来是正确的。最终得到的正确...
摘要：在设置的时候，它会把子元素靠边对齐平均分剩余的空间。这样看起来特别恶心，中间空了一大块出来，看起来特别像一个，而不是我们要的跟上一行一个一个对齐的效果。现在来解决这个问题，在这里提供两个方法伪类提供占位元素伪类方案占位元素方案效果 ...
摘要：举一反三，我们也可以把角度反转，就会往另外一边弹跳。如果我们把动画里头添加，就会变成线性的连续方式喔。 这是只用了一个div来做的小动画，纯粹利用CSS3的animation来完成，就像是一个正方形在地上弹跳，碰到地面的时候尖角还会压缩变圆，阴影的部...
摘要：日期格式化插件，官方文档使用方法为日期的字符串形式输出当前日期感觉对你有用的话，打赏一下哈 日期格式化插件，moment.js 官方文档：http://momentjs.com/; 使用方法： 1、moment(data).format("YYYY-MM-DD");//data为日期的字符串形式 2、moment()...
摘要：用构造器模拟类的两种方法在构造器中修改，给添加属性修改构造器的属性指向的对象，它是从这个构造器构造出来的所有对象的原型。 笔记说明 重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识...
摘要：组件能够大幅减轻开发的工作量，提升项目的可维护性，减少重复代码。本文主要讲解组件需要具备哪些功能主体功能主要功能是指这个组件是用来做什么的，如选择日期组件的目标是选择日期，下拉选择组件的目标是展示选项供用户选择等。 组件能够大幅减轻开...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风