20190908write from memory

JavaScript_Chapter1

---

 

文档名：first.js

document.write("你好,今天天气凉爽");

---

 

文档名：js_demo1.js

　　/*1.定义js的变量语法:
　　　　 var js变量名 = 赋值;
　　* 2.js的数据类型有:
　　*　　　string 字符串
　　*　　   undefined 定义了js变量,但没有赋值时的数据类型
　　* 　　  object 定义的js变量赋值了null值/数组
　　*          number 定义的js变量,数值是整型/浮点型
　　*          boolean 定义的js变量,变量值是true/false
　　* 3.使用typeof(js变量)关键字查看当前js变量值的数据类型;
　　* 4.console.log(""); //在前台控制台显示
　　* */
var name = "张三";
var num1;
var num2 = null;
var num3 = 10;
var num4 = 1.01;
var bool = false;

//定义数组 方式一
//注意: Array() 数组是js提供的,直接拿来使用的,术语词叫 内置对象;
var arrs = new Array();
arrs[0] = "红灯";
arrs[1] = "黄灯";
arrs[2] = "绿灯";
//定义数组方式二
var arrs1 = new Array("春","夏","秋","冬");

//定义数组方式三
var arrs2 = [11,22,33,44,55];

/*前台控制台显示*/
console.log("name的值是:"+name);
console.log(name+"的数据类型是:"+typeof(name));
console.log("num1的值是:"+num1);
console.log(num1+"的数据类型是:"+typeof(num1));
console.log("num2的值是:"+num2);
console.log(num2+"的数据类型是:"+typeof(num2));
console.log("num3的值是:"+num3);
console.log(num3+"的数据类型是:"+typeof(num3));
console.log("num4的值是:"+num4);
console.log(num4+"的数据类型是:"+typeof(num4));
console.log("bool的值是:"+bool);
console.log(bool+"的数据类型是:"+typeof(bool));

console.log("arrs的值是:"+arrs);
console.log(arrs+"的数据类型是:"+typeof(arrs));

console.log("arrs1的值是:"+arrs1);
console.log(arrs1+"的数据类型是:"+typeof(arrs1));

console.log("arrs2的值是:"+arrs2);
console.log(arrs2+"的数据类型是:"+typeof(arrs2));

---

文件名：first.html

---

 

index.html

document.write("你好,今天天气不错");
document.write("

你好,今天天气不错

");




普通按钮,点击弹框

---

 

js_demo1.html

---

js_demo2.html

---

 

js_demo3.html

---

 

js_task1.html      

---

 

js_task2.html

计算四则运算符

---

 

hello.html    --->浏览器端设置断点找错误

---

 

课程默写：

1.JavaScript: 是基于对象和事件驱动,具有安全性的一门浏览器脚本语言,也是一门弱类型语言,
简称js,js语法和Java类似,是一门解释性语言,属于边执行边解释的;

2.网页结构组成
Html CSS JavaScript
结构 样式 行为

3.JavaScript组成部分
ECMAScript : js的前身
BOM : 浏览器对象模型
DOM : 文档对象模型

4.使用js基本结构以及使用方式
//行内js定义
普通按钮,点击弹框

//内部js定义


//外部js定义



5.js的核心语法
变量
数据类型
运算符
数组
控制语句
输入/输出
注释
语法规定

6.js的函数分: 系统函数 、自定义函数
定义函数语法:
function 函数名(){
//js语法
}
调用函数语法: 事件名称 = 函数名();

7.js的调试
编译错误
逻辑错误

---

 

 就业默写：限时做事。10min写完一个代码，和写数学题一样，有思路就好办。（）时间做完（）事情。

《Web前端技术-就业技能》

章节      Cho1-初识HTML
题目1)什么是HTML?
HTML是用来描述网页的一种语言。
HTML指的是超文本标记语言(Hyper Text Markup Language)
HTML不是一种编程语言,而是一种标记语言(markup language)
标记语言是一套标记标签(markup tag)
HTML使用标记标签来描述网页

题目2)XHTML和HTML有什么区别？
HTML是一种基本的WEB网页设计语言, XHTML是一个基于XMI的置标语言最主要的不同XHTML元素必须被正确地嵌套。
XHTML元素必须被关闭标签名必须用小写字母XHTMI文档必须拥有根元素

题目3)什么是W3C?W3C标准包括哪些内容?
(1)World Wide Web Consortium (万维网联盟)成立于1994年, Web技术领域最权威利具影响力的国际中立性技术标准机构
(2)包括结构化标准语言(XHTML 、XML)表现标准语言(CSS)行为标准(DOM
ECMAScript）

题目4)HTML5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加.
绘画canvas
用于媒介回放的video和audio元素
本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;
sessionstorage的数据在浏览器关闭后自动删除
语意化更好的内容元素,比如article,footer,header,nav,section表单控件: calendar,date,time,email,url,search
新的技术webworker,websocktGeolocation
移除的元素
纯表现的元素: basefont,big,center,font,s,strike,tt,u;
对可用性产生负面影响的元素: frame,frameset,noframes;
支持HTML5新标签:
IE8/IE7/IE6支持通过document,createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。
题目5）HTML5为什么只需要写! DOCTYPE HTML？

HTML不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01基于SGMA，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。