前端开发 HTML 5

前端开发 HTML 5

HTML5 再学习 HTML5 的声明 <!DOCTYPE html> 只用这个声明就可以了,很简单。还有需要注意的就是 HTML 标签里的 lang 属性 设置成 zh-cn 字符设定 <meta charset="utf-8"> 常用新标签 HTML5 一大特性是引入了很多带有语义的新标签。

前端开发 HTML + CSS2

前端开发 HTML + CSS2

这里用来记录重新学习HTML和CSS2的过程中新学的知识和心得。 Base标签 放在head标签内部,设置属性 target="_blank" 即可让所有标签都在新页面内打开,相当于一个全局设置 相对路径与绝对路径 同级:<img src="logo.gif" /> 下一级,不要再最开始加/,直接打

前端开发 JS 16 ES6

前端开发 JS 16 ES6

学完了全部的JS内容,建立了关于JS的框架概念,一些知识用到的时候也可以在补。 然而现在只是学习了2009年发布的ES5的内容,放眼望去还有ES6(2015年发布),ES7(2016年发布),ES8(2017年发布)以及之后的每年的ES标准。 当然实际开发使用的版本和浏览器支持肯定是比较慢的,但是E

前端开发 JS 15 最佳实践

前端开发 JS 15 最佳实践

最佳实践 学习完了JS基础语法,BOM与DOM对象,事件等一系列API。还有两部分高级函数应用和存储,遇到的时候再学习吧。 归根结底JS也是一种编程语言,一般到了最后,还是要提一下这门编程语言在开发时候的理念,高程三也不例外。这里列出这些“JavaScript之禅”: 可维护性 可理解性--代码可读

前端开发 JS 14 AJAX 与 跨域资源共享技术

前端开发 JS 14 AJAX 与 跨域资源共享技术

AJAX AJAX已经在Django中使用jQuery发送过了,当时原生的AJAX方法没有学。现在通过JS,多了解一下原生AJAX以及从AJAX来的跨域请求。 在2005年,Jesse James Garrett发表的一篇文章《Ajax: A New Approach to Web Applicat

前端开发 JS 13 HTML5脚本、错误处理与JSON详解

前端开发 JS 13 HTML5脚本、错误处理与JSON详解

HTML5 脚本 对于HTML5来说,引入了一些新事件以及媒体元素,其中的主要内容有: 跨文档消息传递 原生拖放 媒体元素 历史状态管理 这部分的内容里媒体元素比较重要,待单独学习了妙味课堂的HTML5新属性再回头来整理该部分内容,先有所了解即可。 错误处理 对于用户来说,现代浏览器一般不会像早期的

前端开发 JS 12 Canvas绘图

前端开发 JS 12 Canvas绘图

Canvas元素基本用法 HTML5里引入的最受欢迎的功能大概就是canvas元素了,这个元素在页面中指定一个区域,然和可以通过JS动态的在这个区域里边画图,单用canvas元素和JS甚至可以做出交互式的游戏。 canvas的所有功能由几组API构成,还有一个WebGL的3D上下文。 开始绘画之前.

前端开发 JS 11 表单脚本

前端开发 JS 11 表单脚本

表单 为何要把表单专门拿出来说,就是因为表单是与服务器通信的重要手段,在Web应用开发中使用的范围非常广泛,还关系到与后端的数据交换,所以需要专门学习。JS中有一些增强表单元素的默认行为,可以更有效的操作表单元素。 表单基础知识 在HTML中表单是form元素,在JS中form元素对应的类是 HTM

前端开发 JS 10 事件

前端开发 JS 10 事件

事件 BOM和DOM都是用来控制页面的表现形式,是一种单向展示给用户的方式,只有引入了事件,才可以说是交互式的页面。 事件的类型比较复杂,有传统的DOM事件,还有DOM2级事件,BOM也有事件,API非常繁琐,但无论如何,事件的处理流程和原理必须清楚。 事件流的概念 事件流描述的是从页面接收事件的顺

前端开发 JS 09 DOM 2 和 DOM 3

前端开发 JS 09 DOM 2 和 DOM 3

DOM2与DOM3的特性 DOM 2 和 DOM 3 在之前提过,是一系列各种功能的模块用于增强DOM,可以通过测试函数document.implementation.hasFeature()来测试浏览器是否支持DOM 2 和 3。 DOM2 和 DOM3的特性主要集中在对样式的方便访问,更强的遍历