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