随笔分类 - html5$css3
摘要：https://blog.csdn.net/2301_77963042/article/details/131695438
阅读全文
摘要：总结一下五个网站1.codepen https://codepen.io 2.awwwards https://www.awwwards.com3.csslayout https://csslayout.io4. css inspiration https://chokcoco.github.io/
阅读全文
摘要：https://www.bilibili.com/video/BV1zq4y1p7ga?p=218 List 组件通过 loading 和 finished 两个变量控制加载状态，当组件滚动到底部时，会触发 load 事件并将 loading 设置成 true。此时可以发起异步操作并更新数据，数据更
阅读全文
摘要：https://blog.csdn.net/weixin_49577940/article/details/118058899?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault
阅读全文
摘要：项目里，有个需求，登录页，信息，需要使用到sticky footer布局，刚好，巩固下这个技术： 核心代码： 播客： https://www.jb51.net/css/676798.html 视频：https://coding.imooc.com/lesson/74.html#mid=1626
阅读全文
摘要：问题描述 用了flex布局，左侧固定宽度，右侧flex：1；（表格在右侧区域），且中间容器都有width：100%，当将屏幕变大，表格随着变宽，当屏幕变小时，表格不会随着屏幕变小，宽度无法自适应。 解决办法：在右侧区域，即flex：1；区域overflow：hidden即可解决。（给表格的父元素加）
阅读全文
摘要：https://www.bilibili.com/video/BV1Up4y1t7pV?p=5
阅读全文
摘要：初窥 position:sticky sticky 英文字面意思是粘，粘贴，所以姑且称之为粘性定位。下面就来了解下这个处于实验性的取值的具体功能及实用场景。 这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位，适用于一些特殊场景。 什么
阅读全文
摘要：现在大多数页面都是采用主体内容水平居中布局 但是，这种布局存在一个问题。现在的浏览器滚动条默认是overflow:auto类型的，也就是说如果内容高度不足一屏，没有滚动条；如果超出才会出现滚动条。于是，问题来了： 信息流页面，如新浪微博，是从上往下push渲染的。开始只有头部一些信息加载，此时页面高
阅读全文
摘要：响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 平时我们响应式尺寸划分 超小屏幕（手机，小于768px）：设置宽度为100% 小屏幕（平板，大于等于768px）：设置宽度为750px 中等屏幕（桌面显示器，大于等于992px）：宽度设置为970px
阅读全文
摘要：实现思路 按照从大到小的或者从小到大的思路 注意我们有最大值max-width和最小值min-width都是包含等于的 当屏幕小于540像素，背景颜色变成蓝色（x<=539） 当屏幕大于等于540像素并且小于等于969像素的时候背景颜色为绿色（540=<x<=969） 当屏幕大于等于970像素的时候
阅读全文
摘要：https://blog.csdn.net/u011097323/article/details/106728221?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-
阅读全文
摘要：.sundry-img { position: relative; width: 180px; height: 120px; margin-right: 16px; &::after { content: ""; position: absolute; z-index: 2; top: 0; lef
阅读全文
摘要：http://www.manongjc.com/article/1263.html
阅读全文
摘要：做项目经常会遇到图片列表展示，图片一般是用户从后台上传的，上传的图片尺寸千差万别。如果前端不控制图片大小，整个排版就会很乱，如果给定长宽，图片又会变形，用背景图片来处理有特别麻烦。这个问题一直苦恼了我好久，最近终于找到解决办法了。 css有一个object-fit属性，用来指定替换元素的内容应该如何
阅读全文
摘要：这是我之前一直使用的第一种rem方案。贴代码 1 <script> 2 // 适用于750的设计稿 3 var iScale = 1; 4 // 通过页面加载的时候去获取用户设备的物理像素比 5 iScale = iScale / window.devicePixelRatio; 6 // 然后来设
阅读全文
摘要：node-sass是自动编译实时的，dart-sass需要保存后才会生效。 如果您在Dart-VM内运行Dart-Sass，它的运行速度很快，但它表示可以编译为纯JS，dart-sass只是一个编译版本，比node-sass和native dart-sass慢。 个人使用感受：在大型项目中 使用da
阅读全文
摘要：1 var docEl = document.documentElement, 2 //当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时， 3 //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。 4 //总来的来就是监听当前窗口的变化
阅读全文
摘要：https://www.jianshu.com/p/8350b611e5bb
阅读全文
