- 博客(25)
- 收藏
- 关注
原创 html5--h5的改进优势
1.HTML5推出的理由推出的缘由和目标:目前web端存在的一些问题,比如兼容性问题,同样的页面,在不同的浏览器上显示的效果不一样,那么开发人员需要做很多额外的工作去解决一些问题,需要花费大把的时间在这上面;一些特殊的权限没有给开发人员,比如,定位权限、;拉起照相机权限、动画、绘画。那么H5的推出就是为了解决这一系列的问题。H5解决了什么问题:(1)开发了一
2017-11-27 11:00:14 650
原创 HTML5-主体结构元素
主体结构元素,它是为了语义可以结构化,说白了就是 为了更好的再直白一点就是为了浏览器更好的抓数据。包含的元素:article、section、nav、aside、time(1)article—使用频率低article> header> HTML5课程 header> p>轻松学习HTML5,欢迎来到a href="ht
2017-11-27 09:34:33 481
原创 HTML5-表单新增元素和属性
1.表单元素新增和废弃的属性表单新增的属性可以分成2类:提交类:提交给服务器设置的相关属性,formaction、formmethod、formtype、formtarget控制类:required、autfocus、labels1.1.form属性在H5之前,表单内的所有 从属标签(下级元素),必须书写在form标签内部。
2017-11-27 09:32:23 401
原创 HTML5-增强的页面元素
1 .details元素和summaryDetails语义,详情Summary语义,概要,摘要Details元素可以实现类似显示/隐藏的功能,summary用于显示details的标题或者间接。注意:(1)如果details下没有summary元素,浏览器会自动添加,同时内容是“详细信息”。(2)details默认是关闭状态的,我们可以通
2017-11-27 09:29:22 302
原创 HTML5-音频和视频的处理
为什么会有audio/或者说video的出现是为了解决一些什么问题?在H5之前,如果想在浏览器上播放视频音频的话都是需要通过一些插件的支持(如flash),但是因为浏览器和插件之间存在一些兼容性的问题,所以其了解决这些问题就推出了audio和video两种新的属性来作为现在大多数浏览器处理音频和视频的标 使其可以统一化、简洁化.1、audioau
2017-11-27 09:25:50 1134 1
原创 H5面试——初始化 CSS 样式
为什么要初始化 CSS 样式因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。当然,初始化样式会对 SEO 有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。最简单的初始化方法是:*{padding:0;margin:0} (不建议)[css] view
2017-09-12 09:41:42 355
原创 JavaScript文档DOM增删操作
DOM概念(Document Object Model):文档对象模型。通过开发者工具的Elements标签页可以查看通过开发者工具的Sources标签页也可以观察到整个文档是由一系列节点对象组成的一棵树。节点(Node)包括元素节点(1)、属性节点(2)和文本节点(3)(1..2..3..代表节点类型)。varth1= docu
2017-08-19 19:40:14 182
原创 JavaScript事件详解
js事件详解一、焦点事件焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入设置焦点方式:点击、tab、jsonfocus:当元素获取到焦点的时候触发onblur:当元素失去焦点的时候触发obj.focus();给指定的元素设置焦点obj.blur();取消指定元素的焦点obj.select();选择制定元素里面的
2017-08-19 19:33:57 194
原创 JavaScript事件的注册
事件的注册注册事件的方式其实有2种:一种属性注册,另一种通过方法注册。①属性注册方式又可分为在HTML元素内的事件属性赋值和通过JS指定元素对象的事件属性。②方法注册方式可通过addEventListener()或attachEvent()方法进行事件的注册。说明:在HTML页面中,设置元素属性为一个函数。语法:点击通过JS获取元素的对象,设置其事件属性为一个事件处
2017-08-13 20:32:04 2874 1
原创 JavaScript的字符串定义及实例
字符串定义:定义一个变量,然后直接将字符串赋值给它。var str = "abc123";字符串实际上是字符组成的数组,所以数组的方法它基本都有。(1)访问字符串里面的字符:a.数组方式:str[i];b.字符串特有的方式:charAt(i)。(2)查找a. 数组方式:indexofb. 字符串方式:search()方法:传入
2017-08-06 20:43:47 4076
原创 JavaScript的循环结构
生活中的循环场景:1.食堂阿姨打菜:接过顾客的的餐盘→询问菜品→打菜→打菜→递回餐盘,重复以上过程,直到所有顾客的菜都打完了。2.看快递员送快递:查看送件地址→赶往目的地→电话告知收件人→收件人签收→交递快件,重复以上过程,直到所有需要送的快递都处理完了。3.公交司机......以上场景都有一个共同特点:有条件的重复地做一件事。每次做的事情不同但类似。程序是
2017-08-06 20:26:47 212
原创 JavaScript的函数及调用方法
函数的概念为什么需要用函数?首先看一下输出100所有素数问题的解决方案方案一:循环的嵌套script> for (var n=2; n100; n++){ var m = Math.ceil(Math.sqrt(n));//根据相关数学定理,查找范围可缩小至[2,sqrt(n)] var found = false;
2017-08-06 20:16:48 205
原创 JavaScript中数组的使用
数组的概念案例:计算5名同学的平均分script> var a1,a2,a3,a4,a5,a6,a7,a8,a9,a10; a1 =Number(prompt("请输入分数")); a2 =Number(prompt("请输入分数")); a3 =Number(prompt("请输入分数")); a4 =Number(prompt(
2017-08-06 20:09:35 140
原创 JavaScript中if和switch的区别和运用
1.选择结构if语句格式及其使用 A:if语句的格式:if(比较表达式1) { 语句体1;}else if(比较表达式2) { 语句体2;}else if(比较表达式3) { 语句体3;} ...else { 语句体n+1;}B:执行流程:首先计算比较表达式1看其返回值是true还是false,如果是true,就执行语句
2017-08-01 21:07:17 2552
原创 JavaScript的关键字与函数定义
1.函数的定义JavaScript 使用关键字 function 定义函数。函数可以通过声明定义,也可以是一个表达式。2.函数的使用1.函数声明function sum1(n1,n2){ return n1+n2; };n1,n2为实参。
2017-08-01 21:00:29 9385
原创 使用浏览器在JavaScript程序中的错误与调试
4.1 错误的概念与处理计算机程序的错误有两种:语法错误和逻辑错误。比如alert拼写错误,写成了alter。script> var a = 3+4; alert(a) alter(a); a++; alert(a);script>运行结果只显示了7,后面的结果没有显示,说明后面的代码没有执行。因为输出7后遇到了
2017-07-29 20:11:26 365
原创 程序设计思维
生活中的程序:比如:银行开户:客户填写开户申请单——提交证件资料——审核资料真实——录入系统开户——设置密码——发放卡,存折。解决生活中问题的步骤(流程)描述计算机中的程序:解决问题的步骤也是用计算机语言进行描述。 什么是编程?根据业务需要,制定或编制解决问题的流程。由非常熟悉或者精通业务的人。1.解决问题的思路。2.思路和计算机语言
2017-07-27 09:13:32 304
原创 JavaScript中的运算符和表达式
2.1常规数据类型与变量2.1.1现实生活中的数据比方说淘宝的商品描述:数据的几个属性:名称、值、类型数据名称值类型价格1399.00数值类型累计评论345数值类型是否支持7天无理由退
2017-07-25 19:33:28 376
原创 JavaScript基本概念
1基础知识本章主要回答两个问题:(1)为什么需要有JavaScript(JS有什么作用)(2)怎么用1.1 基本概念HTML+CSS:实现了静态页面。实际上,我们更多的页面的要求是动态的,比方说新浪网热点、聚焦……页面的自动切换。时间也应该是动态显示的。还有验证码、注册页面的数据验证……那么怎么才能让页面动起来呢?答案就是JavaScr
2017-07-25 11:16:14 247
原创 第三节 元素选择器
所谓选择器,指的是选择施加样式目标的方式。3.1 元素选择器用标签名作为选择器,选中所有相应的元素head> meta http-equiv="Content-Type"content="text/html; charset=utf-8"/> title>title> style type="text/css"> div{
2017-07-17 19:56:39 163
原创 第二节 常用标签的属性
2基础属性属性名:属性值;background-color:red;p{ background-color:red; font-size:24px;}2.1 字体相关属性font-family:字体名称font-size:字体大小font-style:字形(斜体等)font-variant:字体变化(如大写)font-weight:字体粗
2017-07-13 19:40:59 204
原创 CSS基础概念知识
CSS 基 础知识1.1基本概念CSS 层叠样式表,为了实现页面内容和表现形式的分离。使用CSS有三种方式:(1)内联形式使用style属性,只对当前标签有效。页面内容和表现形式是高度耦合的,不利于维护和分工合作的。(2)内部样式在head中使用标签,样式对当前页面有效。内容和表现形式实现了一定程度的分离(但不彻底)(3)外部样式准备css文件在html文
2017-07-13 19:26:29 291
原创 HTML中的列表示例
4.11下拉列表使用下拉列表的好处:方便,快捷你想要购买汽车的品牌:红旗比亚迪奔驰宝马大众 格式化的快捷键:ctrl+alt+L 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 C
2017-07-10 20:46:02 505
转载 关于HTTP请求的论述
·完整HTTP请求与响应包含的必要元素·HTTP不同版本之间的差异·HTTP、Socket、TCP的区别(易混)一、HTTP协议HTTP本质上是一种协议,全称是Hypertext Transfer Protocol,即超文本传输协议。从名字上可以看出该协议用于规定客户端与服务端之间的传输规则,所传输的内容不局限于文本(其实可以传输任意类型的数据)。图1.
2017-07-10 20:41:29 199
原创 H5前端开发-课堂笔记1
H5基础知识1.1标记语言基本概念1.1.1什么是计算机语言人与人之间是通过语言进行交流,那么人和计算机之间如何交流呢?计算机只知道“0”和“1”,所以我们就通过“0”和“1”这种语系来和计算机交流,这就是机器语言。机器语言对于人来讲太难理解,编制程序太困难101011100001110001101010100011(3+6运算)为了解决这个问题,我们将一串特定的“01”进
2017-07-10 19:05:43 278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人