前端基础案例知识点复盘

仅供参考,这个贴当临时笔记,内容比较乱 

H5C3

行内和块级区别

行内元素不从新行开始，只占用必要宽度；块级元素总是从新行开始，并占用其父元素的可用的全部宽度。

块级元素可能包含行内元素，有时也包含其他块级元素，行内元素只能包含数据和其他行内元素。a元素例外，它可以包含块级元素，例如div。

修改元素的display属性，例如把display属性值从“inline”修改为“block”或者从“block”修改为“inline"，并不会改变元素的类别和内容模型。例如，即使把span元素的display属性修改为”block“，它仍然属于行内元素并且不能内嵌div元素。

行内元素自带居中

什么时候需要行内元素转化成块

1.添加display：block属性，不脱标，独占一行，默认高度与内容同高。

2.添加浮动，脱标则自动转化块元素,宽默认由内容撑开。

3.添加固定定位或者绝对定位，依然脱离标准流，转化为块元素，宽默认由内容撑开，定位元素在结构下面的覆盖上面的，并且定位>浮动>标准流

行内元素可以自动居中

定位绝对相对

其他

忽略特殊符号

对行内元素了解不足,p会换行

并集/交集 选择器

属性选择器选择符第三个,上箭头等于某个值

权重

标签插入越多,结构嵌套越多,读起来越麻烦

结构永远比样式重要,结构越简单越好

伪元素(CSS)代表了某元素的子元素,这个子元素虽然在逻辑上存在,但并不实际存在于文档树中

伪元素是div的孩子,父亲就是div

子浮动,但父无高度,父的高度就可虽里面的子变

额外标签法-----父里,且所有子的最后加一个清除浮动盒子就会清除浮动(要求这个空标签必须为块元素)

伪类选择器必须有一个属性:content:'';

display:block;--->行内转块(插入的after盒子一开始不是块,需要通过这句转块)

hight跟visivility(可见度)能不能只用一个? 不能

清除浮动的本质是子影响父.要给子下面划一个分界线,伪元素就是这条分界线

CSS选择器的>用于指定直接子元素

JS

自增理论与运用巩固

for/if/while 的使用场景分析及算法应用

流程/循环 的语法结构

冒泡排序(数组)应用

回顾NaN系列知识

回顾return num1>num2 ? num1 : num2;

数组的计算与应用(关于简化步骤)

拓展:空间/时间复杂度

回顾检测数据类型typeof

用法:console.log(typ ldh);

for语句里的条件表达式设置

return 场景

运算符

函数和for的使用场景

while和if区别

内置对象一些案例的复盘

函数/对象的语法结构

区分遍历对象属性

var obj = {
            name: 'as',
            age: 23,
            sex: 'nan'
        }
        for (var k in obj) {
            //console.log(k); // k 变量 输出 得到的是属性名
            console.log(obj[k]);//obj[k] 得到是 属性值
        }

API巩固 

Dom

获取元素

http://t.csdnimg.cn/5OVrr

---

http://t.csdnimg.cn/EN7Ck   简单

事件基础

拓展:伪数组

http://t.csdnimg.cn/jfogt

---

http://t.csdnimg.cn/2D7MP

包含伪转真:http://t.csdnimg.cn/dxYjY 

拓展

数组的原型和方法

prototype

 http://t.csdnimg.cn/LbGlq

迭代

其他

减少str字符串的拼接

数组arr[]里的是下标，不是数值

草稿

函数对象列表