YuanSZhen-CSDN博客

原创 html5--h5的改进优势

1.HTML5推出的理由推出的缘由和目标：目前web端存在的一些问题，比如兼容性问题，同样的页面，在不同的浏览器上显示的效果不一样，那么开发人员需要做很多额外的工作去解决一些问题，需要花费大把的时间在这上面；一些特殊的权限没有给开发人员，比如，定位权限、；拉起照相机权限、动画、绘画。那么H5的推出就是为了解决这一系列的问题。H5解决了什么问题：（1）开发了一

2017-11-27 11:00:14 605

原创 HTML5-主体结构元素

主体结构元素，它是为了语义可以结构化，说白了就是为了更好的再直白一点就是为了浏览器更好的抓数据。包含的元素：article、section、nav、aside、time（1）article—使用频率低article> header> HTML5课程 header> p>轻松学习HTML5，欢迎来到a href="ht

2017-11-27 09:34:33 451

原创 HTML5-表单新增元素和属性

1.表单元素新增和废弃的属性表单新增的属性可以分成2类：提交类：提交给服务器设置的相关属性，formaction、formmethod、formtype、formtarget控制类：required、autfocus、labels1.1.form属性在H5之前，表单内的所有从属标签（下级元素），必须书写在form标签内部。

2017-11-27 09:32:23 365

原创 HTML5-增强的页面元素

1 .details元素和summaryDetails语义，详情Summary语义，概要，摘要Details元素可以实现类似显示/隐藏的功能，summary用于显示details的标题或者间接。注意：（1）如果details下没有summary元素，浏览器会自动添加，同时内容是“详细信息”。（2）details默认是关闭状态的，我们可以通

2017-11-27 09:29:22 288

原创 HTML5-音频和视频的处理

为什么会有audio/或者说video的出现是为了解决一些什么问题？在H5之前，如果想在浏览器上播放视频音频的话都是需要通过一些插件的支持（如flash），但是因为浏览器和插件之间存在一些兼容性的问题，所以其了解决这些问题就推出了audio和video两种新的属性来作为现在大多数浏览器处理音频和视频的标使其可以统一化、简洁化.1、audioau

2017-11-27 09:25:50 1078 1

原创 H5面试——初始化 CSS 样式

为什么要初始化 CSS 样式因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化方法是：*{padding:0;margin:0} (不建议)[css] view

2017-09-12 09:41:42 325

原创 JavaScript文档DOM增删操作

DOM概念（Document Object Model）：文档对象模型。通过开发者工具的Elements标签页可以查看通过开发者工具的Sources标签页也可以观察到整个文档是由一系列节点对象组成的一棵树。节点（Node）包括元素节点（1）、属性节点（2）和文本节点（3）(1..2..3..代表节点类型)。varth1= docu

2017-08-19 19:40:14 168

原创 JavaScript事件详解

js事件详解一、焦点事件焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入设置焦点方式：点击、tab、jsonfocus:当元素获取到焦点的时候触发onblur:当元素失去焦点的时候触发obj.focus();给指定的元素设置焦点obj.blur();取消指定元素的焦点obj.select();选择制定元素里面的

2017-08-19 19:33:57 173

原创 JavaScript事件的注册

事件的注册注册事件的方式其实有2种：一种属性注册，另一种通过方法注册。①属性注册方式又可分为在HTML元素内的事件属性赋值和通过JS指定元素对象的事件属性。②方法注册方式可通过addEventListener()或attachEvent()方法进行事件的注册。说明：在HTML页面中，设置元素属性为一个函数。语法：点击通过JS获取元素的对象，设置其事件属性为一个事件处

2017-08-13 20:32:04 2768 1

原创 JavaScript的字符串定义及实例

字符串定义：定义一个变量，然后直接将字符串赋值给它。var str = "abc123";字符串实际上是字符组成的数组，所以数组的方法它基本都有。（1）访问字符串里面的字符：a.数组方式:str[i];b.字符串特有的方式：charAt(i)。（2）查找a. 数组方式：indexofb. 字符串方式：search()方法：传入

2017-08-06 20:43:47 4041

原创 JavaScript的循环结构

生活中的循环场景：1.食堂阿姨打菜：接过顾客的的餐盘→询问菜品→打菜→打菜→递回餐盘，重复以上过程，直到所有顾客的菜都打完了。2.看快递员送快递：查看送件地址→赶往目的地→电话告知收件人→收件人签收→交递快件，重复以上过程，直到所有需要送的快递都处理完了。3.公交司机......以上场景都有一个共同特点：有条件的重复地做一件事。每次做的事情不同但类似。程序是

2017-08-06 20:26:47 200

原创 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 189

原创 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 126

原创 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 2526

原创 JavaScript的关键字与函数定义

1.函数的定义JavaScript 使用关键字 function 定义函数。函数可以通过声明定义，也可以是一个表达式。2.函数的使用1.函数声明function sum1(n1,n2){ return n1+n2; };n1,n2为实参。

2017-08-01 21:00:29 9261

原创使用浏览器在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 344

原创程序设计思维

生活中的程序：比如：银行开户：客户填写开户申请单——提交证件资料——审核资料真实——录入系统开户——设置密码——发放卡，存折。解决生活中问题的步骤(流程)描述计算机中的程序:解决问题的步骤也是用计算机语言进行描述。什么是编程？根据业务需要，制定或编制解决问题的流程。由非常熟悉或者精通业务的人。1.解决问题的思路。2.思路和计算机语言

2017-07-27 09:13:32 290

原创 JavaScript中的运算符和表达式

2.1常规数据类型与变量2.1.1现实生活中的数据比方说淘宝的商品描述：数据的几个属性：名称、值、类型数据名称值类型价格1399.00数值类型累计评论345数值类型是否支持7天无理由退

2017-07-25 19:33:28 361

原创 JavaScript基本概念

1基础知识本章主要回答两个问题：（1）为什么需要有JavaScript（JS有什么作用）（2）怎么用1.1 基本概念HTML+CSS：实现了静态页面。实际上，我们更多的页面的要求是动态的，比方说新浪网热点、聚焦……页面的自动切换。时间也应该是动态显示的。还有验证码、注册页面的数据验证……那么怎么才能让页面动起来呢？答案就是JavaScr

2017-07-25 11:16:14 237

原创第三节元素选择器

所谓选择器，指的是选择施加样式目标的方式。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 149

原创第二节常用标签的属性

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 186

原创 CSS基础概念知识

CSS 基础知识1.1基本概念CSS 层叠样式表，为了实现页面内容和表现形式的分离。使用CSS有三种方式：（1）内联形式使用style属性，只对当前标签有效。页面内容和表现形式是高度耦合的，不利于维护和分工合作的。（2）内部样式在head中使用标签，样式对当前页面有效。内容和表现形式实现了一定程度的分离（但不彻底）（3）外部样式准备css文件在html文

2017-07-13 19:26:29 281

原创 HTML中的列表示例

4.11下拉列表使用下拉列表的好处:方便,快捷你想要购买汽车的品牌：红旗比亚迪奔驰宝马大众格式化的快捷键：ctrl+alt+L 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 C

2017-07-10 20:46:02 492

转载关于HTTP请求的论述

·完整HTTP请求与响应包含的必要元素·HTTP不同版本之间的差异·HTTP、Socket、TCP的区别(易混)一、HTTP协议HTTP本质上是一种协议，全称是Hypertext Transfer Protocol，即超文本传输协议。从名字上可以看出该协议用于规定客户端与服务端之间的传输规则，所传输的内容不局限于文本(其实可以传输任意类型的数据)。图1.

2017-07-10 20:41:29 184

原创 H5前端开发-课堂笔记1

H5基础知识1.1标记语言基本概念1.1.1什么是计算机语言人与人之间是通过语言进行交流，那么人和计算机之间如何交流呢？计算机只知道“0”和“1”，所以我们就通过“0”和“1”这种语系来和计算机交流，这就是机器语言。机器语言对于人来讲太难理解，编制程序太困难101011100001110001101010100011（3+6运算）为了解决这个问题，我们将一串特定的“01”进

2017-07-10 19:05:43 262

qq_39432774的博客