摘要:
这节主要回顾下除HTML标签外其他的的知识点,属性、格式化、注释、样式、框架、实体等。 1.HTML属性 属性主要是为HTML标签提供更多的附加信息,上篇标签中有接触到name、value等属性。 常用属性:class/id/name/style/title/value/type/size/disa 阅读全文
摘要:
前言:个人的学习习惯,学过的知识如果没有总结总觉得没有掌握,刚好周末回顾总结下基础知识。 第一部分:HTML初始 1.什么是HTML? HTML指的是超文本标记语言(Hyper Text Markup Language),是由一套标记标签组成的标记语言,用于描述、构造网页。 2.HTML元素? HT 阅读全文
摘要:
前言:本篇主要学习CSS中的选择器,包括CSS及CSS3中的,作为自己的学习总结。 第一部分:CSS初识 1.何为CSS?有什么作用? CSS(Cascading Style Sheets):通常称为层叠样式表。 作用:主要负责HTML元素样式添加及页面的布局,是结构和样式分离,从而达到美化页面的目 阅读全文
摘要:
这节继续学习HTML5中新增web存储、应用缓存、web Workers、服务器推送事件。 第一部分--web存储API 1.sessionStorage:存储数据到本地,存储的容量在5m左右。 2.localStorage:存储数据到本地,存储的容量在20m左右。 方法:和sessionStrag 阅读全文
摘要:
这节课学习ES6中对象字面量扩展和新增模板字符串 第一部分:对象字面量扩展 1.简洁写法 ES6对于对象字面量属性提供了简写方式。 1.1:属性简写 1.2:方法简写 1.3简洁方法的局限 分析下面代码是否可以通过简洁方法重构: 这里的'something:'属性和function somethin 阅读全文
摘要:
ES6中引入了新语法--解构,我们把这个功能看做是结构化赋值,会更容易理解些。 第一部分:ES5数组、对象结构 1.1:数组结构 我们构造了一个手动赋值,把foo()返回数组中的值赋给独立变量a、b和c,为了实现这一点我们需要一个临时变量tmp。 1.2:对象结构 这里实现对象的赋值,依然使用了临时 阅读全文
摘要:
这节学习ES6中的spread/rest(展开或收集运算符)及默认参数值。 第一部分:扩展运算符(spread) 场景:使用在数组之前。 作用:将一个数组转为用逗号分隔的参数序列 举例1:数组之前 当运算符"..."用在数组之前时,数组会被转为用逗号分隔的参数序列。 举例2:替代apply()方法 阅读全文
摘要:
这节主要学习HTML5中新增常用的API,包括网络状态监听、全屏、fileReader文件、定位、存储.....,很多接口在浏览器端存在兼容问题,需要进行兼容处理。 第一部分--网络状态监听接口 作用:判断当前的网络连接状态,根据网络状态进行相应的操作。 方法: ononline:当网络连通时触发此 阅读全文
摘要:
这节主要学习HTML5中新增的DOM操作,获取dom元素、操作元素类样式、自定义属性。 1.新增获取dom元素API 1>querySelector(选择器名称) 作用:获取单个元素,如果获取的元素不止一个,那么只会返回满足条件的第一个元素。 参数:选择器 标签选择器:标签本身 类选择器:类名前加' 阅读全文
摘要:
前言: ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了,这节学习掌握ES6中的let/const。 1.JavaScript中的作用域 1>函数作用域 JavaScript中变量作用域的基本单元一直是函数(funct 阅读全文