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

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2016-05-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Coco的专栏

谈谈一些有趣的CSS题目(十)-- 结构性伪类选择器

1396
来自专栏网络

简单的 canvas 翻角效果

由于工作需求,需要写一个翻角效果: ? demo链接:http://jsbin.com/rereqes。 右上角需要从无的状态撕开一个标记,且有动画过程,上图是...

2300
来自专栏章鱼的慢慢技术路

用Python中的tkinter模块作图(续)

3037
来自专栏向治洪

android动画之interpolator和typeEvaluator用法详解

Interpolator (插值器) 我们在写动画的时候为了达到某种效果往往需要设置插值器,用来真实的模拟生活中的场景。  Interpolator (插值器)...

2209
来自专栏青蛙要fly的专栏

项目需求讨论- 自定义滚轮(第二波新实现)

大家好,在前段时间我写过用ScrollView实现了自定义滚轮,但是在循环的效果不是特别好。(这次文章底部附上了Demo。O(∩_∩)O~)

1042
来自专栏Google Dart

Flutte部件目录-基本部件(三) 顶

要显示snackbar或持久底部表,请通过Scaffold.of获取当前BuildContext的ScaffoldState,然后使用ScaffoldState...

2841
来自专栏章鱼的慢慢技术路

用Python中的tkinter模块作图

4885
来自专栏walterlv - 吕毅的博客

用动画的方式画出任意的路径(直线、曲线、折现)

发布于 2017-11-20 00:49 更新于 2017-11...

1002
来自专栏Android知识点总结

看得见的数据结构Android版之栈篇

进入和弹出动画为了好区分,用两个 ValueAnimator 控制,下面是成员变量

1152
来自专栏个人随笔

初识jQuery 基础篇

首先提供一个知识点外资源: 在线编程:无需编程环境:   https://codepen.io/pen   添加jQuery库:     Settings-->...

3726

扫码关注云+社区

领取腾讯云代金券