ES5和ES6
ES5和ES6
我们所说的 ES5 和 ES6 其实就是在 js 语法的发展过程中的一个版本而已
比如我们使用的微信
最早的版本是没有支付功能的
随着时间的流逝,后来出现了一个版本,这个版本里面有支付功能了
ECMAScript 就是 js 的语法
以前的版本没有某些功能
在 ES5 这个版本的时候增加了一些功能
在 ES6 这个版本的时候增加了一些功能
因为浏览器是浏览器厂商生产的
ECMAScript 发布了新的功能以后,浏览器厂商需要让自己的浏览器支持这些功能
这个过程是需要时间的
所以到现在,基本上大部分浏览器都可以比较完善的支持了
只不过有些浏览器还是不能全部支持
这就出现了兼容性问题
所以我们写代码的时候就要考虑哪些方法是 ES5 或者 ES6 的,看看是不是浏览器都支持
ES5 增加的数组常用方法数组方法之 forEach
forEach 用于遍历数组,和 for 循环遍历数组一个道理
语法: 数组.forEach(function (item, index, arr) {})
1234567891011var arr = [' ...
Javascript_RegExp
正则
正则表达式,又名 “规则表达式”
正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。
正则表达式通常用来检索、替换那些符合某个规则的文本。
12345var reg = /\d+/var str1 = '123'var str2 = 'abc'console.log(reg.test(str1)) // trueconsole.log(reg.test(str2)) // false
上面的变量 reg 就是定制好的规则
检测 str1 这个字符串的时候,符合规则
检测 str2 这个字符串的时候,不符合规则
创建一个正则表达式
想制定 “规则”,必须要按照人家要求的方式来制定
把一些字母和符号写在 // 中间的东西,叫做正则表达式,比如 /abcdefg/
创建正则表达式有两个方式 字面量 和 构造函数创建
字面量创建12// 下面就是字面量创建一个正则表达式var reg = /abcdefg/
...
Javascript_EVENT
EVENT(上)
之前我们简单的了解过一些事件,比如 onclick / onload / onscroll / …
今天开始,我们详细的学习一些 事件
什么是事件
一个事件由什么东西组成
触发谁的事件:事件源
触发什么事件:事件类型
触发以后做什么:事件处理函数
123456var oDiv = document.querySelector('div')oDiv.onclick = function () {}// 谁来触发事件 => oDiv => 这个事件的事件源就是 oDiv// 触发什么事件 => onclick => 这个事件类型就是 click// 触发之后做什么 => function () {} => 这个事件的处理函数
我们想要在点击 div 以后做什么事情,就把我们要做的事情写在事件处理函数里面
12345var oDiv = document.querySelector('div')oDiv.onclick ...
Javascript基础
JavaScript发展历史12345678910111213141516171819202122232425261. 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款名副其实的浏览器--只能浏览页面,浏览器无法与用户互动,当时解决这个问题有两个办法,一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。 liveScript ==> javaScript ==> ECMAscript2. 1995年Sun公司将Oak语言改名为Java,正式向市场推出。Sun公司大肆宣传,许诺这种语言可以"一次编写,到处运行"(Write Once, Run Anywhere),它看上去很可能成为未来的主宰。3. 网景公司动了心,决定与Sun公司结成联盟4. 34岁的系统程序员Brendan Eich登场了。1995年4月,网景公司录用了他,他只用10天时间就把Javascript设计出来了。(多肽语言)5. (1)借鉴C语言的基本语法; (2)借鉴Jav ...
CSS3
补充
123456<!-- 交集选择器 --><style>.class1.class2{}</style><div class="class1 class2"></div># 没有空格表示替换
CSS3简介
CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。
css3的优点:CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说,CSS3主要的影响是将可以使用新的可用的选择器和属性,这些会允许实现新的设计效果(譬如动态和渐变),而且可以很简单的设计出现在的设计效果(比如说使用分栏)
渐进增强渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针 ...
HTML5
HTML5发展史HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
2013年5月6日, HTML 5.1正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素互操作性。
本次草案的发布,从2012年12月27日至今,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的API、Canvas等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升
由上面的图可以得知,现在的HTML5还不是一个最终统一的版本 ...
CSS基础
CSS简介
CSS(cascading style sheet) 汉译为层叠样式表,用于控制网页样式;
WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制;
目前推荐遵循的是W3C发布的CSS3.0版本;
用来表现HTML或者XHTML等样式文件的计算机语言;
1998年5月21日由w3C正式推出的css2.0;
优点
弥补html语言的不足
缩减页面代码,提高访问速度;
代码减少,页面文件就会小,占用网络带宽就少,客户端打开速度就快,用户体验就会更好
结构清晰,有利于seo优化
有利于搜索引擎优化
缩短改版时间
对网站的重构有很好的支持
CSS语法12345678选择符 {属性: 属性值 ;属性:属性值}选择符表示要定义样式的对象(标签名字),可以是元素本身,也可以是一类元素或者制定名称的元素,简单来说就是给对应的元素起个名称。1)每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值;2)属性必须放在花括号中,属性与属性值用冒号连接。3)每条声明用分号结束。4)当一个属性有多个属性值的时候,属性值与属性值不分先后顺序,用空格隔开。5 ...
HTML基础
网站的建站流程
页面图例
网页的结构
WEB标准1WEB标准是网页制作的标准,它不是一个标准,它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布,也有部分标准由ECMA起草发布
12(1)W3C( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构;是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准;(2)ECMA:欧洲电脑网商联合会(厂商协会),制定了行为标准;
HTML12345HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言。XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。HTML5指的是HTML的第五次重大修改(第5个版本)
HTML发展
编辑器
建立站点
规划网站的所有内容和代码
整合资源
文件的命名规范
小写英文字母、数字 ...