随笔分类 -  css

vant ui for VUE list 长列表组件使用
摘要：html <van-pull-refresh v-model="onRefreshLoading" success-text="刷新成功" @refresh="onRefresh" > <van-list v-model="loading" :finished="finished" @load="o 阅读全文
posted @ 2021-05-26 17:14 慕城蓝就 阅读(938) 评论(0) 推荐(0)
多行文字溢出
摘要：1、多行溢出 width: 4rem; // height: 2.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* autoprefixer: off */ -webkit-box-orient: ve 阅读全文
posted @ 2021-01-11 15:38 慕城蓝就 阅读(15) 评论(0) 推荐(0)
简单的方式实现rem布局
摘要：<script> function resetFontSize() { var baseFontSize = 100 var designWidth = 1920//标准设备宽度1rem=100px var width = window.innerWidth var currentFontSize 阅读全文
posted @ 2020-12-16 11:41 慕城蓝就 阅读(164) 评论(0) 推荐(0)
细谈sass和less中的变量及其作用域
摘要：前言 众所周知，css是静态语言，虽功能强大，但用起来还是略微不爽，于是便有了动态样式语言，sass和less。动态样式语言的精髓就在于其有了变量，其中的诸多功能都是建立在变量之上的。因此，彻底弄懂sass和less中变量的异同之处，是学好它们的关键！本文由浅至深，逐步展开介绍，并从大家所熟知的JS 阅读全文
posted @ 2020-06-06 01:54 慕城蓝就 阅读(1028) 评论(0) 推荐(0)
前端学习方向
摘要：基本功考察 一.关于Html 1、html语义化标签的理解、结构化的理解；能否写出简洁的html结构；SEO优化。 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于维护代码的同时让浏览器的爬虫和机器很好地解析。 2、h5中新增的属性，如自定义属性data、类名className等；新 阅读全文
posted @ 2020-05-21 23:59 慕城蓝就 阅读(316) 评论(0) 推荐(0)
JS动态计算rem
摘要：rem 量图计算公式： 获取比值：设备尺寸/设计图尺寸 例如：设备宽度尺寸为 375px 、设计图尺寸为750px，计算获得比值为0.5，量得设计图上某个图片元素宽度为 100px，实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。 故： 设置html 下font-size 阅读全文
posted @ 2020-05-18 20:48 慕城蓝就 阅读(3453) 评论(0) 推荐(0)
DIV上下两边虚化css
摘要：.notice_rig:after { content: ""; position: absolute; z-index: 1; top: 30px; right: 0; pointer-events: none; background-image: linear-gradient(to botto 阅读全文
posted @ 2020-03-16 16:04 慕城蓝就 阅读(2105) 评论(0) 推荐(0)
前端知识点
摘要：关于Html 1. html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 2. h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag 3. h5中新增的API, 修改的API, 废弃的API 稍作了解 (离线存储, au 阅读全文
posted @ 2019-04-03 16:00 慕城蓝就 阅读(156) 评论(0) 推荐(0)
在vue中使用scss的配置
摘要：1、创建一个基于 webpack 模板的新项目 $ vue init webpack myvue2、在当前目录下，安装依赖 $ cd myvue$ npm install3、安装sass的依赖包 npm install --save-dev sass-loader//sass-loader依赖于no 阅读全文
posted @ 2018-11-21 10:01 慕城蓝就 阅读(2169) 评论(0) 推荐(0)