摘要：浅谈前端优化的几个思路雪碧图页面中如果有很多图片小图标这样会有很多请求一个图就是一个请求建立连接进行三次握手这些都是耗费时间的如果页面很多可以考虑用精灵汽水雪碧也是这个单词技术做一张雪碧图将请求多个变成一次请求可以用来配置实现懒加载如...
摘要：注本文首发于个人博客学习笔记。最近看了下变量，又名自定义属性，跟大家分享一下我的学习笔记。使用自定义属性来设置变量名，并使用特定的来访问。二学习笔记声明调用声明方式变量声明的方式非常简单，如下，声明了一个名叫的变量。 注：本文首发于个...
摘要：一与的区别作用都是将图片以相同宽高比缩放以适应整个容器的宽高。这就涉及到俺最开始说的了。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。增大或减小对象的尺寸边界以适应图片的尺寸。注意如果设置了会是属性失效 一：background-siz...
摘要：如何在浩瀚的互联网中，发现高质量的前端内容，成为了大多数前端学习者的困惑，也曾有这样的困惑。希望通过周篇高质量的前端文章，成就更优秀的自己，成为更优秀的前端工程师。目前由我和社区贡献者一起维护，每周五同步更新本周社区高质量前端资源。 ...
摘要：按下右侧的点击预览按钮可以在当前页面预览，点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写的滑块控件https://codepen.io/thebabydin... 用 canvas 写的蜂巢动画https://codepen.i...
摘要：效果预览按下右侧的点击预览按钮在当前页面预览，点击链接全屏预览。可交互视频教程此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbfmFb?w=400&h=301"); 效果预览 按下右侧的点击预览按钮...
摘要：我们知道字符集的范围是到其中每个码点对应一个字符如果这个码点还没有设置字符默认会是如果字符在到我们可以轻松地使用转义序列进行表示但是如果范围大于时我们就需要两个这样的序列来表示，也叫代理对例如这显然是非常麻烦的针对新增了一个新的转义序...
摘要：一直知道有个新类型，可以有个滑动条的效果，但是感觉丑不拉几的，又不知道如何美化，所以一直没用过。如何美化其实可以把滑动条分为块滑块，滑轨，进度条。 一直知道html5 input有个新类型range，可以有个滑动条的效果，但是感觉丑不拉几的，又不知道...
摘要：我们经常看到这样的布局方式左边的侧边栏宽度固定，右边的主要内容区域宽度自适应变化。代码代码布局采用的思路是左边列采用绝对定位，脱离文档流，右边的列宽度，会自然地顶上来。这时候通过设置列的列的宽度实现内容不相互遮挡。 我们经常看到这样的...
摘要：关于的详细讲解张鑫旭一个基本的立方体就需要结合以上三点属性来实现。写完这篇文章后确实感觉自己对方面的知识又熟悉了不少但是前端的主力还是月份又得继续深入学习方面的知识嘞本文参考内容关于的详细讲解张鑫旭详解彻底理解和的区别的原始出处 很久...
摘要：实现数组排序的算法很多其中冒泡算法是比较简单的冒泡的基本原理是相邻的两个数进行比较按照排序的条件进行互换例如对数值从小到大排序随着不断的互换最大的那个值会慢慢冒泡到数组的末端基于这个原理我们就可以写冒泡排序了为了简单起见下面的例子都是...
摘要：的意思很容易明白，就是外边距，用更通俗的话说，就是二个盒子之间间距的设置。有许多需要注意的地方，比如块级元素垂直相邻外边距会合并，行内元素实际上不占上下外边距，左右外边距也不会合并，浮动元素的外边距也不会合并。 作者：心叶时间：2018-0...
摘要：效果预览按下右侧的点击预览按钮在当前页面预览，点击链接全屏预览。可交互视频教程此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbcWRc?w=500&h=500"); 效果预览 按下右侧的点击预览按钮...
摘要：是一个可将转为微信小程序的渲染库。用于解决在微信小程序中不能直接渲染的问题。依赖环境需要环境。已经安装请忽略安装接口使用转转转数据转数据示例将添加为小程序工程再克隆到目录使用小程序开发工具编译即可 Towxml Towxml 是一个可将HTML、Markdo...
摘要：是一个文件大小仅的图片懒加载组件不依赖其它第三方库，组件会根据用户当前浏览的区域去自动加载对应的图片用户还没有浏览的区域图片则不会进行加载。允许图片加载之前，指定一张相对较小的封面图。当原图加载完成之后则会覆盖封面图片。 在Web项目中...
摘要：包裹性所谓包裹性，其实是由包裹和自适应两部分组成。官方对属性的解释是元素盒子的边不能和前面的浮动元素相邻。清除高度塌陷的问题在上面的章节中，如果子元素设置浮动属性，则父元素就会出现高度塌陷的问题。 float属性是CSS中常用的一个属性，在实...
摘要：利用绝对定位实现的居中代码如下居中效果图如下利用垂直居中居中实现水平居中实现垂直居中效果图如下实现的居中居中效果图如下多谢提供的另一种方式不晓得这样能否到，嘛其实网上实现居中的方式确实很多，互相探讨加深印象。 利用绝对定位实现的居中 ...
摘要：是浏览器的特有属性实现拖拽功能我们既然熟悉了这几个偏移属性的意思，那么我们就进入我们的重点。当然我们同时也学习了的一些方法，例如自定义指令等。 效果图 showImg("https://upload-images.jianshu.io/upload_images/10414430-93d8911b63914b85.g...
摘要：一前言用模块写代码，为什么要用模块来写代码之前，在中定义的一切，都是共享一个全局作用域的，随着应用变得复杂，这样做会引起如命名冲突和安全问题于是引入了模块。 一.前言： 用模块写代码，为什么要用模块来写代码：ES6之前，在js中定义的一切，...
摘要：方法首先使用一个包住左侧栏和中间栏，再用一个大的包住左中右三个栏。如下面代码所示这是左边栏这是中间栏这是右边栏那么具体布局代码如下这个方法的主要思想是布局中栏的时候，要把设置为，保证中栏的宽度自适应。 方法1 首先使用一个wrap包住左侧栏...
摘要：使用的小伙伴儿会用到淘宝的开源的适配方案去轻松的完成适配，这也是我最喜欢的，但是使用这个方案时，你引入第三方库时样式会变小。。这个坑难的我不行，各种百度，各种想法，差一点就放弃了这个方案。 最近公司的的项目赶，作为前端的小白懒出新的高...
摘要：按下右侧的点击预览按钮可以在当前页面预览，点击链接可以打开原始页面。彩色字母入场出场动画激光刻字挖字效果黑白棋游戏随机生成迷宫图案打砖块交互效果花盆主题的值选择器用画的啤酒杯纯写的摆手动画图片切换效果像素画的视差滚动效果纯画的海报 按...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风