2016.05 第1周 群问题分享
HTML+CSS
a标签href属性的作用
2016.05.02~2016.05.06
核心概念
a标签href属性
参考答案
a标签定义超链接，用于从一个页面链接到另一个页面；
a标签最重要的属性是href属性，它指示链接的目标；href属性里面的值url，规定链接指向的页面的url；在HTML5中，a标签始终是超链接，但是如果未设置href属性值，则只是超链接的占位符；如果不跳转页面则可以设置成href="javascript:;"或者href="void(0);"。
怎么在一个页面中点击图片跳转到另一个页面播放视频
2016.05.02~2016.05.06
核心概念
a标签、HTML5视音频
参考答案
在一个页面中点击图片进入到另一个页面进行播放视频，只需要a标签包含一个img标签，a标签里面的href属性里面对应的写上视频播放地址（页面）即可。针对视频播放问题，HTML5可以简简单单实现视频、音频的播放功能，用一个video标签足矣。video标签虽好用，但是其默认样式在各个浏览器的表现形式千奇百怪。
解决办法可以在HTML5学堂官网搜索“HTML5视音频”
<a href="#" target="_self">陈林</a>表示什么
2016.05.02~2016.05.06
核心概念
a标签里面的属性
参考答案
href="#"表示的是锚链接，当你页面有滚动时，你点链接会跳转到页面的顶部；
target值表示的是从哪里打开页面，默认就是从当前窗口打开，用_self表示（链接的内容显示在当前视窗中）；用_blank表示在新视窗打开页面；
如何把ul li的圆点变为小方块
2016.05.02~2016.05.06
核心概念
list-style-type属性
参考答案
list-style-type: square;
JavaScript
正则表达式验证身份证号码
2016.05.02~2016.05.06
核心概念
正则表达式、身份证号码生成原理
参考答案
书写正则表达式之前，需要先了解身份证号码的基本规则。
/*
* 身份证18位编码规则：dddddd yyyymmdd xxx y
* dddddd：6位地区编码
* yyyymmdd: 出生年(四位年)月日，如：19910215
* xxx：顺序编码，系统产生，无法确定，奇数为男，偶数为女
* y: 校验码，该位数值可通过前17位计算获得
* HTML5学堂出品 http://www.h5course.com 请尊重原创
* 前17位号码加权因子为 Wi = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ]
* 验证位 Y = [ 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ]
* 如果验证码恰好是10，为了保证身份证是十八位，那么第十八位将用X来代替
*/校验位计算方法：身份证前17位，每一位数字和相应位数的加权因子进行乘法运算，之后求和（17项之和），再用这个和对11取余，所得的余数作为“验证位数组Y”的下标，也就是Y[余数]，找到“验证位数组Y”中的相应数字，如果身份证最后一位和这个数字吻合，则身份证号码合法（如果最后一位是X/x，就对应于“验证位数组Y”中的10这个数字）
实例：
假如是这个身份证号码（这个身份证号码是我瞎编的）：110203198811120342。
于是，复杂的计算开始了。取出身份证前17位，与[7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]中对应的位分别进行乘法运算，于是乎：
sum = 1 * 7 + 1 * 9 + 0 * 10 + 2 * 5 + ... + 3 * 4 + 4 * 2。
我们能够计算出来，总和为177。之后用177对11取余，余数为1。那么在[1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2]数组中，下标为1的元素就是第二个元素，也就是数值为0。此时将0与身份证号的最后一位（2）做比较，很明显，错误，那么也证明了这个号码是我瞎编的了……
于是乎，完整匹配身份证号码的正则华丽丽的诞生了~~~
var reg =/^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2]\d)|(3[0-1]))((\d{4})|(\d{3}[Xx]))$/;相关知识可以在HTML5学堂官网搜索“正则验证身份证号码”
操作符与数据类型
2016.05.02~2016.05.06
核心概念
变量声明、数据类型、操作符
参考答案
题目：
<script>
var a;
var b = a * 0;
if (b == b) {
console.log(b * 2 + "2" - 0 + 4);
} else {
console.log(!b * 2 + "2" - 0 + 4);
}
</script>1 声明了变量a，但是未进行赋值，所以a的默认初始值为undefined；
2 var b = a * 0; undefined的数学运算最终结果为NaN；
3 NaN是代表非数字值的特殊值；NaN不等于NaN；NaN在布尔值当中是false，所以!NaN在布尔值里面就是true，true转换成数字就是1；
1 * 2 + '2' --> 此处的+是连字符，构成'22'这个字符串；
'22' - 0 --> 此处将'22'从字符串转换为数字22（隐式转换）。最后就是22 + 4 = 26。
相关知识可以在HTML5学堂官网搜索“数据类型转换或者HTML5真题练习”
HTML5学堂小编 - 陈林 耗时5h