HTML5及JavaScript中前端与后端重点知识汇总总结
以HTML5及JavaScript为开发工具
编程环境为WebStorm 10.0.3
重点总结重点前端知识,如美化网页等
并介绍后端配套编程的方法
介绍相关技术的使用方法以及应用技巧
妖精小狗
这个作者很懒,什么都没留下…
展开
-
JavaScript中操作BOM对象重点总结
BOM:浏览器对象模型(Browser Object Model):BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构BOM可实现功能:弹出新的浏览器窗口 移动、关闭浏览器窗口以及调整窗口的大小 页面的前进、后退 window对象:1. 常用属性 属性名称 说明 history 有关客...原创 2018-08-31 09:23:47 · 4464 阅读 · 1 评论 -
JavaScript中操作DOM对象重点总结
DOM:Document Object Model(文档对象模型) 节点和节点关系:访问节点:使用getElement系列方法访问指定节点:getElementById( )、getElementsByName( )、getElementsByTagName( ) 根据层次关系访问节点节点的属性: 属性名称 描述 ...原创 2018-08-31 09:40:26 · 6825 阅读 · 4 评论 -
JavaScript中对象及初识面向对象重点总结
JavaScript对象: JavaScript中的基本数据类型:number(数值类型) string(字符串类型) boolean(布尔类型) null(空类型) 【判断后的值是object】 undefined(未定义类型) object(实例化的对象是一组数据或者功能的集合) 对象是包含相关属性和方法的集合体:属性 方法 什么是面向对象:面...原创 2018-09-05 00:21:20 · 1943 阅读 · 0 评论 -
初识jQuery重点总结
jQuery简介:jQuery由美国人John Resig于2006年创建;jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装;它的设计思想是write less,do more jQuery的应用:1. jQuery与其他JavaScript库:jQuery;Bootstrap【也是一个比较好的框架,应用也比较广泛】;Zepto【...原创 2018-09-05 21:33:32 · 763 阅读 · 0 评论 -
jQuery选择器重点总结
jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素示例:$("h3").css("background","#09F");这个示例是在获取并设置网页中所有<h3>元素的背景,其中:“h3”为选择器语法,必须放在$()中;$(“h3”)返回jQuery对象;.css()是为jQuery对象设置样式的方法 jQuery选择器分类:jQue...原创 2018-09-10 21:56:30 · 2510 阅读 · 0 评论 -
jQuery中的事件与动画重点总结
网页中的事件:和WinForm一样,在网页中的交互也是需要事件来实现的,例如tab切换效果,可以通过鼠标单击事件来实现 jQuery中的事件:jQuery事件是对JavaScript事件的封装,常用事件分类:基础事件:鼠标事件;键盘事件;window事件;表单事件 复合事件:鼠标光标悬停;鼠标连续点击 鼠标事件:鼠标事件是当用户在文档上移动或单击鼠标时而产生的事...原创 2018-09-10 22:47:59 · 781 阅读 · 0 评论 -
使用jQuery操作DOM重点总结
DOM操作分为三类:DOM Core:任何一种支持DOM的编程语言都可以使用它,如getElementById() HTML-DOM:用于处理HTML文档,如document.forms CSS-DOM:用于操作CSS,如element.style.color="green"注:JavaScript用于对(x)html文档进行操作,它对这三类DOM操作都提供了支持 jQuery对...原创 2018-09-14 22:21:49 · 8042 阅读 · 0 评论 -
jQuery中的表单校验重点总结
常用的表单验证:日期格式 表单元素是否为空 用户名和密码 E-mail地址 身份证号码 表单验证的优点:减轻服务器的压力 保证输入数据复合要求 表单选择器: 语法 描述 示例 :input 匹配所有input、textarea、select和button 元素 ...原创 2018-09-14 22:46:26 · 1886 阅读 · 0 评论 -
HTML和CSS简介重点总结
HTML入门:什么是HTML?HTML:超文本标记语言( Hyper Text Markup Language )。HTML不是一种编程语言,而是一种标记语言,描述网页的语言。 HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。 HTML5是什么?Hyper Text Markup Language(超文本标记语言)超文本包括:文字、图片、音频、视频、动画等。...原创 2018-08-16 16:34:11 · 6453 阅读 · 1 评论 -
HTML5中列表、表格与媒体元素重点总结
什么是列表?列表就是信息资源的一种展示形式。 可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息 列表中ul、ol、dl不能嵌套其他标签,但是li中可以嵌套其他标签列表的分类:一、无序列表无序列表的特性:没有顺序,每个<li>标签独占一行(块元素) 默认<li>标签项前面有个实心小圆点 一般用于无序类型的列表,...原创 2018-08-17 21:49:28 · 1067 阅读 · 0 评论 -
HTML5中表单重点总结
表单:在实际网页开发中通常采用post方式提交表单数据 属性 说明 type 指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button,默认为 text name 指定表单元素...原创 2018-08-21 07:05:40 · 1811 阅读 · 0 评论 -
HTML5中初识CSS3重点总结
什么是CSS?CSS——层叠(级联)样式表(Cascading Style Sheet):表现HTML或XHTML文件样式的计算机语言【包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定】 CSS的优势:内容与表现分离 网页的表现统一,容易修改 丰富的样式,使页面布局更加灵活 减少网页的代码量;增加网页的浏览速度,节省网络带宽 运用独立于页面的CSS ,有利于网页...原创 2018-08-21 22:32:17 · 1737 阅读 · 1 评论 -
HTML5中CSS3美化网页元素重点总结
为什么使用CSS:有效的传递页面信息 使用CSS美化过的页面文本,使页面漂亮,美观,吸引用户 可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容 具有良好的用户体验 <span>标签的作用:能让某几个文字或者某个词语凸显出来口例如:p .show, .bird span{ font-size: 36px; font...原创 2018-08-23 21:52:44 · 2339 阅读 · 0 评论 -
HTML5中盒子模型重点总结
什么是盒子模型?盒子模型就是布局网页的一种手段包括边框(border)、外边距(margin)、内边距(padding)、网页元素(content)、宽(width)、高(height)等元素。 边框border:1. 边框颜色:border-color: 属性 说明 示例 border-top-color...原创 2018-08-23 22:04:21 · 22417 阅读 · 2 评论 -
HTML5中网页布局及display属性重点总结
常见网页布局: 标准文档流:标准文档流:指元素根据块元素或行内元素的特性按从上到下,从左到右的方式自然排列。这也是元素默认的排列方式 标准文档流组成:块级元素(block):<h1>…<h6>、<p>、<div>、列表 内联元素(inline):<span>、<a>、<img/>、原创 2018-08-25 11:03:51 · 24185 阅读 · 1 评论 -
HTML5中定位网页元素重点总结
定位:position属性1. static:默认值,没有定位 2. relative:相对定位相对自身原来位置进行偏移:偏移设置:top、left、right、bottomleft和top正、负取值的方向:top向下为正,left向左为正,right和bottom正相反。 先设置第二个盒子右浮动:再设置第一、第二盒子相对定位: ...原创 2018-08-27 20:51:08 · 4919 阅读 · 0 评论 -
JavaScript中基础重点总结
为什么要学JavaScript?表单验证 – 减轻服务器端压力 页面动态效果 什么是JavaScript?JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言,是一种描述性的语言。 JavaScript特点:向HTML页面中添加交互行为 脚本语言,语法和Java类似 解释性语言,边执行边解释 JavaScript组成: Java...原创 2018-08-29 09:02:24 · 355 阅读 · 0 评论