CSS-position位置-绝对定位和相对定位

笔记  CSS 

CSS-position位置-绝对定位和相对定位position: relative 相对定位当元素的定位设置为relative时,它允许你通过CSS指定该元素在当前文档流页面下的相对偏移量。CSS中,控制各个方向偏移量的属性是left,right,top和bottom它们代表从原来位置向远离该方向

解决bing打开慢的问题


这几天不知道为啥,打开bing老是很慢,今天ping了一下才发现原来是解析的一个ip不通了(具体原因不知道,也许是中国移动宽带的问题?)直接改host添加一句这个就行了

CSS-相对单位长度与绝对单位长度

笔记  CSS 

CSS-相对单位长度与绝对单位长度相对单位长度相对单位长度,比如 em 和 rem,它们的实际值会依赖其他长度的值而决定。 比如 em 的大小基于元素字体的字体大小。 如果使用它来设置 font-size 值,它的值会跟随父元素的 font-size 值来改变。em效果展示:绝对单位:参考文章: 【

Javascript-解构


Javascript-解构解构赋值解构赋值语法是一种 Javascript 表达式。通过**解构赋值,**可以将属性/值从对象/数组中取出,赋值给其他变量。以前我们是怎么赋值的呢?let a = 10, b = 20;而使用解构赋值,我们可以更方便地赋值let [a,b] = [10,20];用解构

javascript-变量提升


javascript-变量提升console.log(web);var web = "meowrain";这串代码相当于var web;web = "meowrain";console.log(web);在js中,var会变量提升,但let不会console.

Grid布局-CSS

笔记  CSS 

Grid布局基本概念容器—有容器属性项目—有项目属性容器属性grid-template-columns: ;grid-template-rows: ;grid-row-gap: ;grid-column-gap: ;grid-gap: ; //上面两种的简写grid-template-areas:

Javascript-展开语法


Javascript-展开语法数组合并let a = [1,2,3];let b = ['a','nice',...a];//使用...可将a合并到b数组console.log(b);//[ 'a', 'nice', 1, 2, 3 ]

Javascript-类型转换


Javascript-类型转换转换为字符串//字符串转换//.toString方法console.log(([1,2,3]).toString());//1,2,3 --数组转换为字符串console.log(typeof((123).toString())); //string -数字转换为字符串

javascript for-in语句,for-of语句


for-in语句遍历时的 num 值为数组的索引let lessons = [ {title: '媒体查询响应式布局',category: 'css'}, {title: 'FLEX 弹性盒模型',category: 'css

ES6-箭头函数


箭头函数ES6中引入了箭头函数//以前let add1 = function (b, c) { return b + c;}console.log(add1(2, 3))//ES6箭头函数let add2 = (a, b) => { return a + b;}console.lo