前端学习
文章平均质量分 78
懒懒l
加油
展开
-
Node学习部分小结
node学习小结文章目录node学习小结node是什么?node.js模块系统概要关键知识点梳理核心模块和文件模块模块间函数和变量无法访问到的原因function(exports,require,module,```__filename```,```__dirname```)简要理解exports和module.exports的区别为什么会有这样的差别?node是什么?node完整的名字是node.js,顾名思义,以js为后缀名那就多少与javascript有点关系。简单的说,Node.js是运行在原创 2021-10-24 11:39:58 · 177 阅读 · 0 评论 -
初识JavaScript展开操作符(‘...‘)
JavaScript展开操作符(…)文章目录JavaScript展开操作符(...)前言过程结论三个点(…)是展开操作符(Spread operator),可以将可迭代对象转为用逗号分隔的参数序列。前言在学习JavaScript中Set对象时,看到对Set对象与Array之间的转换和使用Set对象进行数组去重时,惊奇于简练的写法,但也有大大的疑惑。代码如下:将Set转换为Array//将Set转换为Array let myset = new Set([1, 2, 3, 4])原创 2021-08-07 18:36:41 · 357 阅读 · 0 评论 -
清除浮动的常用方法
清除浮动方案清除浮动方案清除浮动方案原创 2021-07-25 18:30:15 · 137 阅读 · 0 评论 -
flex布局小结(二)--容器的属性
flex布局小结(二)--容器的属性flex布局中对属性的设置基本上分为两大块:容器的属性和项目的属性。flex容器一般设置有6大属性:flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content参考资料:阮一峰老师Flex 布局教程:语法篇http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html菜鸟教程:https://www.runoo原创 2021-06-01 18:15:46 · 533 阅读 · 0 评论 -
flex布局小结(一)--基本概念
flex布局小结(一)--基本概念、容器的属性flex布局定义容器项目主轴交叉轴flex布局定义Flex是Flexible Box的缩写,Flexible(/ˈfleksəbl/adj. 有弹性的)意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局容器采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。.box {display:flex;}项目容器的直接子元素为 Flex 项目(flex原创 2021-05-28 17:34:17 · 99 阅读 · 0 评论 -
rem实现自适应布局小结
简要概述自适应布局是指页面在不同大小的终端设备呈现时,页面的结构和样式都会根据屏幕的大小去显示适合当前屏幕大小的页面,较好地提升用户体验。个人理解:像不同身材的人穿同一款式的衣服时有一个适合自己的型号选择,而不是穿同一件衣服,瘦小的身材人扎起来穿,胖大身材的人使劲撑着穿。关于rem(root em)和ememem在css中是一种相对长度单位,类似于百分数,相对于当前元素的字体尺寸根据比例因子进行放缩。如一般字体大小默认为16px,则2em =16 X 2 =32px。remrem 是根 em(原创 2021-05-10 12:42:46 · 1479 阅读 · 2 评论 -
初识视口-概念小结
概念在移动端Web开发时,视口时一个非常重要的概念。最早是由苹果公司在推出iPhone手机时发明的,其目的是为了让iPhone的小屏幕尽可能完整显示整个网页。通过设置视口,不管网页原始的分辨率尺寸有多大,都能将其缩小显示在手机浏览器上,这样保证网页在手机上看起来更像在桌面浏览器中的样子。在 PC 端,视口指的是浏览器的可视区域,其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中,视口也被称为初始包含块,它是所有 CSS 百分比宽度推算的根源,给 CSS 布局限制了一个最大宽度。在移动端,涉及到原创 2021-05-06 11:24:39 · 995 阅读 · 0 评论 -
Web图像格式jpeg、png、gif的特点和适用场景
JPEG格式特点:可以表示包含多达1600万种不同颜色的图像文件比较小,以便于Web页面更高效地显示是一种“有损”格式,压缩文件大小时会丢掉图像的一些信息不支持透明度不支持动画适用场景最适合一些连续色调图像和复杂图像使用,如照片等。PNG格式特点png可以表示包含上百万中不同颜色的图像。PNG有3种:PNG-8,PNG-24和PNG-32,可根据需要表示多少颜色具体选择。无损压缩,PNG会压缩文件来缩小文件的大小,不过不会丢掉信息。支持透明度,允许将颜色设置为“透明”,使图像原创 2021-04-19 11:33:09 · 2818 阅读 · 6 评论 -
css属性小结之文本
css属性小结之文本(1)用text-decoration设置文本修饰线要对文本增加一些装饰性的效果,可以使用元素的text-decoration属性,该属性的值有:underline、 overline、line-through 、none;分别对应:下划线、上划线、删除线和去除装饰。演示效果(a).设置文本下划线:<p style=" text-decoration:underline">使用text-decoration设置文本下划线演示效果</p>对应效果:原创 2021-04-18 23:57:31 · 381 阅读 · 2 评论 -
css属性小结之字体
css属性之字体用font-family定义页面中使用的字体font-family属性可以创建一个首选字体列表(可以设置候选字体,不只一个),使用字体列表是为了避免用户未安装所设定字体,可以提供候选字体,多个字体间使用逗号隔开。 font-family:“宋体”,“黑体”,Arial;拓展-使用Web字体若某种字体对网站设计很重要,确实必须使用,且用户不一定安装,可以使用web字体:使用@font-face规则,定义一种字体的名字和位置,字体文件可以放在服务器上或使用托管服务。@font-f原创 2021-04-10 09:24:13 · 242 阅读 · 5 评论