![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
死月半子
还在学习的学生党一枚!
展开
-
HTML常用标签复习
HTML常用标签复习HTML常用标签基础类标签格式类标签HTML常用标签基础类标签1.<!DOCTYPE>定义文档类型,是指示web浏览器使用哪个HTML版本的指令2.html标签定义HTML文档。此元素告知浏览器这是一个html文档。3.title标签此标签定义文章的标题。显示在浏览器窗口的标题或者状态栏上。当用户把该链接收藏时,成为该文档链接的默认名称。常用属性:...原创 2020-01-30 12:38:42 · 160 阅读 · 0 评论 -
JavaScript之变量提升
JavaScript之变量提升变量提升变量提升JavaScript的执行顺序是先扫描真个函数体的语句,把所有变量和函数的声明提升到函数的顶部。也就是说,在一个作用域里,只要你声明了一个函数或者变量,无论你在声明前还是声明后使用这个函数或者变量都不会报语法错误。 console.log(x); var x = 3;//undefinedx之所以是undefi...原创 2019-08-15 10:39:30 · 108 阅读 · 0 评论 -
JavaScript之变量作用域
变量作用域变量作用域在函数体内声明的变量,在函数外无法使用不同函数内的同名变量互不影响内部函数可以访问外部函数的变量,反之不行内部函数与外部函数变量命名冲突变量作用域在JavaScript中国,var声明的变量是有作用域的在函数体内声明的变量,在函数外无法使用 function foo(){ var x = 1; } console...原创 2019-08-15 10:26:01 · 120 阅读 · 0 评论 -
JavaScript之函数的定义和调用&&arguments和rest参数
参考自廖雪峰老师官方网站的JavaScript教程以下是对于函数的定义和调用&&arguments和rest参数的一些简单总结,用以日后复习函数的定义匿名函数的定义 function abs(x){ if( x >= 0 ){ return x; }else{ ...原创 2019-08-10 17:55:02 · 141 阅读 · 0 评论 -
JavaScript之iterable&&for...in、for...of和forEach
参考自廖雪峰老师官方网站的JavaScript教程以下是对iterable部分的简单总结iterableArray Map和Set都属于iterable类型具有iterable类型的集合可以通过for…of循环来遍历 var a = ['a','b','c']; for( var x of a ){ console.log(x); /...原创 2019-08-10 15:55:44 · 123 阅读 · 0 评论 -
JavaScript之Map和Set
参考自 廖雪峰老师官方网站的JavaScript教程以下是关于Map和Set的简单总结Map是一种键值对的结构,具有极快的查找速度var m = new Map([[‘Michael’, 95],[‘Bob’,75],[‘Tracy’,85]]); //Map初始化console.log(m.get(‘Michael’)); //95 Map获取 //初始化Map需要一个二...原创 2019-08-10 15:31:32 · 91 阅读 · 0 评论 -
JavaScript之数组
以下是关于数组的简单总结。参考自廖雪峰老师官方网站的JavaScript教程。 数组 1. 可以包含任意数据类型,并通过索引来访问每个元素 2. 数组长度: array.length 3. 给length一个新的值会使数组长度发生变化 4. 通过索引赋值可以改变数组的值。(对比: 字符...原创 2019-08-07 14:01:43 · 81 阅读 · 0 评论 -
JavaScript之字符串
学习资料为廖雪峰老师官方网站的JavaScript教程,以下是对字符串的个人简单总结,留待复习。字符串 1. 单引号或双引号包裹 2. 如果'也是个字符,就用双引号包裹 3. 如果字符串里面有'也有",用转义\ 'I\'m\"OK\"' //I'm"OK"...原创 2019-08-07 12:43:01 · 84 阅读 · 0 评论 -
JavaScript之基本语法&&数据类型&&变量
今天在学习廖雪峰老师官方网站里的教程,以下是对一些基础知识的简单总结,方便自己日后回来复习。基本语法 1. 分号结尾,一个分号是一条语句 2. 语句块用{} 3. 注释用// /* */ /* 4. JavaScript严格区分大小写数据类型 1. Number 不区分整数...原创 2019-08-07 12:18:39 · 130 阅读 · 0 评论 -
JavaScript之对象
参考自廖雪峰老师官方网站的JavaScript教程。以下是关于对象的简单总结。 对象 1. 最后一个键值对不需要再末尾加逗号,有的浏览器会报错 2. 获取对象属性: 对象名.属性名 3. 如果属性名包含特殊字符,就需要用''包裹起来 'middle-school': 'No.1 Middle School...原创 2019-08-09 10:38:48 · 80 阅读 · 0 评论 -
前端布局之圣杯布局
前端布局之圣杯布局圣杯布局今天学习圣杯布局和双飞翼布局,以下是自己的总结和练习。圣杯布局圣杯布局是一种三列布局,两边定宽,中间自适应的布局。圣杯布局的原理:当子元素处于浮动状态时,设置负margin,子元素会覆盖到兄弟元素上方法一: 利于BFC元素与浮动元素不会相互覆盖的特性实现圣杯布局。先写出三个盒子: <div class="left"></div> ...原创 2019-08-06 11:20:42 · 476 阅读 · 0 评论 -
前端布局之BFC的理解与练习
前端布局之BFC的理解与练习什么是BFC?常见的定位方案普通流(normal flow)浮动(float)绝对定位 (absolute positioning)BFC概念BFC的特性使BFC内部的浮动元素不会乱跑和浮动元素产生边界BFC解决外边距合并问题什么是BFC?在网上找了几篇文章读了一下,但对于什么是BFC还是半知不解。以下就是简单总结一下。常见的定位方案在说BFC之前,要先说说以下...原创 2019-08-05 18:50:35 · 198 阅读 · 0 评论 -
JavaScript之this的指向
JavaScript之this 的指向在全局环境中的this指向在函数内的this指向在对象方法中的this指向在事件句柄函数中的this指向apply bind call 改变this指向严格模式里面的this指向今天学了下在JavaScript中this 的简单用法,总结了一下。在全局环境中的this指向console.log(this); //window在全局环境中直接打印出t...原创 2019-08-04 18:18:38 · 117 阅读 · 0 评论 -
前端布局篇之文字居中显示
在进行前端布局的时候,经常需要将文字在一个盒子内上下左右居中显示,比如按钮,导航栏内的一个盒子等。<p class="text"></p>.text{ width: 300px; height: 100px; background-color: pink; line-hei...原创 2019-07-15 11:28:34 · 3260 阅读 · 0 评论