- 博客(14)
- 收藏
- 关注
RSS订阅原创 Sass小结
1、嵌套1、选择器嵌套2、属性嵌套比如font-family，font-size，font-weight都以font作为属性的命名空间2、父选择器&也可以使用&进行选择器名称拼接3、注释编译成css文件后：/* …*/ 中的注释会保留//中的注释不会保留4、变量1、原生css变量：--变量名:变量值定义，var(--变量名)进行使用2、scss变量以美元符号$开头3、注意变...
2022-05-05 11:25:58
513
原创 node.js深入浅出-模块机制
目录1、commonJS的模块规范1、模块引用2、模块定义3、模块标识2、模块实现1、分类2、步骤1、路径分析2、文件定位3、编译执行3、包和npm1、包结构2、包描述文件与npm1、commonJS的模块规范1、模块引用var math = require（'math'）2、模块定义exports对象用于导出当前模块的方法和变量将方法挂载在exports对象上：exports.add = function...
2022-04-21 09:43:13
540
原创 npm run build：watch 保存，browserlist错误有关
[webpack-cli] Error [BrowserslistError]: `browserlist` key instead of `browserslist` in D:\workspace\space\package.json at D:\workspace\space\node_modules\browserslist\node.js:327:29 at eachParent (D:\workspace\space\node_modules\browserslist\node....
2022-03-09 18:03:50
1223
原创 CSS背景
目录background-image 设置背景图片background-repeat 设置背景重复方式background- position 设置背景图片位置background-clip 设置背景的范围background-origin 背景图片偏移量计算的原点background-size 设置背景图片的大小background-attachment 背景图片是否跟随元素移动background背景相关的简写属性雪碧图解决图片鼠标移入和点击时闪烁的问题...
2022-03-08 16:13:20
466
原创 CSS定位
目录1、使用position属性（只有开启定位才可以使用偏移量）1、static：默认，元素静止没有开启定位2、relative：开启元素的相对定位3、absolute：开启元素的绝对定位4、fixed：开启元素的固定定位5、sticky：开启元素的粘滞定位水平布局等式：垂直布局等式：偏移量：offset，可以设置元素的位置，不会影响别的元素包含块：层级更高级的布局手段...
2022-03-05 23:54:58
174
原创 CSS字体
目录样式style样式图标字体（iconfont）（可看font awesome网站或者iconfont（国内网站））阿里图标库3、用类的方法4、用伪类行高字体的简写属性font-weight 字重（字体加粗）font-style：字体风格text-align 文本水平对齐vertical-align 文本垂直对齐text-decoration 文本修饰white-space 网页处理空白text-overflow 文本溢出处理...
2022-03-05 23:51:07
348
原创 CSS布局
目录盒模型：水平布局垂直布局属性行内元素盒模型浏览器默认样式盒子尺寸轮廓&圆角浮动特点：缺陷1、块元素：独占一行 默认宽度（和父元素一样） 默认高度（被子元素撑开） 自上向下垂直排列2、行内元素：不独占一行（若一行容不下会换到第二行）默认宽高和内容一样文档流：网页最下面一层，是网页的基础，元素默认在文档流中排列盒模型：1、内容区（content）：所有的子元素&文本 默认auto2、边框（border）...
2022-03-05 23:50:26
111
原创 CSS flex弹性盒
目录属性：1、flex-direciton 指定容器中弹性元素的排列方式2、flex-grow 指定弹性元素的伸展系数，若父元素还有多余空间时，子元素如何伸展3、flex-shrink 指定弹性元素的伸缩系数，当父元素的空间不足以容纳所有的子元素时，对子元素进行收缩4、flex-wrap 设置弹性元素是否在弹性容器中自动换行5、justify-content 如何分配主轴上的空白空间6、align-items 元素在辅轴上如何对齐，元素间的关系7、align-conte...
2022-03-05 23:49:12
148
原创 Less小结
目录1、变量2、计算函数3、注释4、&表示父元素5、//：extend（）对当前选择器扩展制定选择器的样式（通过选择器分组）6、mixin混合，直接对指定的样式进行引用7、混合函数（按顺序传递参数）8、average可以取多种颜色的平均值9、darken可以加深颜色10、可以通过import将其他的less 引入11、继承less：css的预处理语言，是css的增强版，可以编写更少的代码实现更强大的样式，浏览器无法直接执行less代码，必...
2022-03-05 23:46:18
264
原创 CSS动画
过渡 transition通过过渡可以指定一个属性发生变化时的切换方式属性1、transition-property：指定要执行过渡的属性，多个属性间使用“，”隔开，若所有属性都需要的话，可以使用“all”，只要值可以计算的都可以进行过渡，必须是从一个有效数值向另外一个有效数值过渡2、transition-duration：指定过渡效果的持续时间，单位有s（=1000ms）和ms，可以给每个属性单独指定时间3、transition-timing- function：过渡的时序函数，...
2022-03-05 23:43:42
1443
原创 CSS选择器小结
选择器权重：内联样式>id选择器>类和伪类选择器>元素选择器>通配选择器>继承样式复合选择器权重相加分组选择器权重单独计算累加不会超过上一位优先级优先级相同，使用最后一个在某一样式后面加“！important”，贼会获得最高优先级 选择器 作用 语法 备注 元素选择器 根据标签名选择 标签名{}
2022-03-05 23:40:59
134
原创 HTML标签小结
目录语义化标签列表超链接属性图片标签属性格式内联框架属性音视频属性语义化标签<em>:（斜体）（行内元素）<strong>：（加粗）（块元素）<blockquote>：引用，缩进（块元素）<q>：引用（行内元素）<header>：网页头部（可以是整个网页或者是单个元素的头部）<main>：网页主题部分（只有一个）<footer>：网页尾...
2022-03-05 23:39:15
610
原创 常用快捷键
注释：ctrl+“/”打开vscode终端命令行：ctrl+esc下面这个键到下一个元素中间：tab复制上/下一行：alt+shift+方向键（上/下）自动生成html格式：“！”+tab生成多个光标：ctrl+alt+方向键（上/下）选择每一列的相同位置：Shift+alt+鼠标拖动清除浏览器缓存：ctrl+f5代码搜索：Ctrl+f重命名（可以把调用了的其他地方也一起改掉）：ctrl+f2移动到行首或行尾：mac：cmd+方向键win：home/en...
2022-03-05 13:51:53
592
原创 ES6小结
目录1、let2、const3、解构赋值4、模版字符串5、简化对象写法6、箭头函数7、函数参数的默认值设置8、rest参数9、扩展运算符10、扩展运算符的应用11、symbol12、迭代器13、生成器14、promise15、set16、Map17、class1、class静态成员2、class类继承3、子类重写父类方法4、class中get和set18、数值扩展1、最小精度2、二进制(0b)、八进制(0o...
2022-03-05 13:50:21
1945
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人