LESS函数总结3.1 String函数系列3.1.1 escape(@string)编码3.1.2 e(@string)转义3.1.3 %(string,arguments...)格式化字符串3.1.4 Replace替换3.2 list函数系列3.2.1 length函数3.2.2 extract函数3.3 Math函数系列3.3.1 ceil3.3.2 floor3.3.3 percent
转载
2024-05-30 12:25:55
92阅读
• escape(@string); // 通过 URL-encoding 编码字符串
• e(@string); // 对字符串转义
• %(@string, values...); // 格式化字符串
• unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位
• color(@string); // 将字符串解析为颜色值
• data-uri([mimet
转载
2024-08-18 14:58:59
57阅读
RN中主要是用fetch来完成异步网络请求的，传统的ajax慢慢的会被fetch替代RN中文网fetch API 案例fetch('https://mywebsite.com/endpoint/', {
method: 'POST', //请求方法 默认get
headers: {
'Accept': 'application/json',
'Content-Type'
<!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
原创
2021-07-28 15:26:31
437阅读
px和rem换算px(pixel)和rem(root em)都是用于测量长度的单位,但是它们有不同的换算关系。px是绝对单位,1px = 1/96寸。在不同设备上,1px对应不同的物理尺寸,所以不适合用于响应式布局。rem是相对单位,它是相对于根元素<html>的字体大小来计算的。 所以,如果html的font-size是16px,则1rem = 16px。 如果html的font-s
转载
2024-07-24 22:08:43
123阅读
数学函数ceil()函数作用：向上取整 例子： Less中编写div{
width:ceil(2.5px);
}编译结果div{
width:3px;
}floor()函数作用：向下取整 例子： Less中编写div{
width:floor(2.5px);
}编译结果div{
width:2px;
}percentage()函数作用：将浮点数转换为百分比 例子： Less中编写div{
转载
2024-03-27 09:35:59
76阅读
((win,doc){ const docEl = document.documentElement, calc = function(){ let clientWidth = docEl.clientWidth if(clientWidth>=750){ docEl.style.fontSize = '100px' }else{
原创
2022-01-25 11:15:41
127阅读
一、rem介绍rem是什么？它的全称是 font size of the root element （根元素的字体大小）它是CSS3中新增加的一个尺寸（度量）单位，根节点（html）的font-size决定了rem的尺寸，也就是说它是一个相对单位，相对于(html)。浏览器的默认字体？浏览器的默认的font-size是16px，1rem默认就等于16px。（chrome最小字体为12px）rem可
转载
2024-06-18 20:31:53
188阅读
上传图片/文件: <div class="form-group mb-4">
<label for="" class="avatar-label">用户头像</label>
<input type="file" name="avatar" class="form-control-file">
@if($user-
转载
2024-03-22 16:18:02
51阅读
LESS 和 SASS
LESS是更倾向于给设计师用的，编程人员更适合用SASS，但是目前为止先不学这个，因为时间不够。
LESS是CSS的一种预处理语言，其中添加了一些，变量，语法，方法，运算，类等概念
用法是下载一个BOOTSTRAP中的官方LESS文件，以及LESS官方的一个JS文件，JS文件是用来检测并解析调用LESS文件
转载
2024-04-11 19:16:05
29阅读
((win,doc){ const docEl = document.documentElement, calc = function(){ let clientWidth = docEl.clientWidth if(clientWidth>=750){ docEl.style.fontSize = '100px' }else{ docEl.style.fontSize = 100 * clientWidth / 750 + 'px' } } window.ad
原创
2021-07-13 09:20:27
165阅读
一. 基础 1. css的引入：<link rel="stylesheet" href="">link标签中，rel属性代表relation，href是hypertext reference，即超文本引用。另外，type属性总是会隐式声明为text/css，但这并不是一个绝对安全的做法。最后一个值得说的属性是media，它的3个被广泛支持的
转载
2024-10-18 20:41:39
53阅读
vw视口宽度，由于本事就是跟随屏幕变化的，所以更具有灵活性，不用js获取窗口来动态设置窗口宽度，现在用的比较少，公司目前不让用，先记录，也许以后用得到。//配合less不用自己换算，设计稿750px//定义变量vw=7.5vw//假设元素400px宽度，换算成vw即为400/@vw@vw:7.5vw;.container{padding:51/@vw43/@vw23/@vw45/@vw;.fist
原创
2019-06-03 14:42:49
4286阅读
点赞
1、让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。 2、使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配。 技术方案： 1、less+rem+媒体查询 2、fl
转载
2019-12-31 20:25:00
125阅读
2评论
Backspace 删除当前显示数字的最后一位 CE 清除显示数字 C 清除当前的计算 MC 清除内存中的所有数字 MR 重调用存内存中的数字。该数字保留在内存中 MS 将显示数字保存在内存中 M+ 将显示的数字与内存中已有的任何数字相加，但不显示这些数字的和 0 1 2 3 4 5 6 7 8 9 数字输入（可以点击，也可以从键盘上输入） +/- 改变显示数字的正负符号 . 插入小数点 / 除
转载
2024-07-08 20:50:10
70阅读
在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时，1em则=16px*6
rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似
转载
2024-04-21 15:37:27
114阅读
此文代码，皆为转发，尚未测过rem是相对于根元素<html>，所以只需要在根元素确定一个px字号，就可以算出元素的宽高假设rem的html font-size用16px。750px的设计图以375px量长宽，例如设计图里有元素宽度是100px，那么得到宽度会是 100px/2/16px = 3.125rem。 假如用的是rem单位，动态计算font-size值。计算
转载
2024-07-22 16:32:55
42阅读
Web前端人员必须掌握什么？CSS使用技巧有哪些？无论你是Web前端新手还是资深前端开发工程师，都必须要掌握CSS知识。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。接下来千锋小编就给大家分享几个使你的CSS更加简洁优雅的使用技巧。 1、position:fixed降级问题 不知道曾经的你是不是遇到吸顶效果，使用position:
px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的em：相对单位，继承父节点（层层继承，传递）基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位，相对长度单位。r’是“root”的缩写，相对于根元素<html>的字体大小, 可理解为”root em”, 相对根节点htm
