☛Web前端
关注
分享
扫一扫
文章平均质量分 85
KLeonard
这个作者很懒，什么都没留下…
展开
-
html_day1---html介绍+图片+超链接+表格
Day1●HTML的介绍HTML是一种标记语言，主要用途是开发网页，使用HTML可以展现文字、图片、视频、声音….HTML是我们进行Web开发（网站开发）的基础。**标记语言是不通过编译而执行的。HTML可以编写静态网页。可以包含文字、图片、动画、声音、链接等。所谓静态是指能不能和网站进行交互。 网页设计师 = HTML+css原创 2013-11-18 10:18:31 · 2265 阅读 · 0 评论 -
js_day19--js事件驱动机制
Day19●js事件驱动机制 Js是采用事件驱动响应用户操作的，比如通过鼠标或者按键在浏览器窗口或者网页元素（按钮，文本框…）上执行的操作，我们称之为事件（Event）。 由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event-Driver）。 对事件进行处理程序或原创 2014-03-19 19:37:02 · 1323 阅读 · 0 评论 -
js_day20--js DOM编程（window对象1）
Day20Js的Dom编程为什么学dom编程：我们在前面把js的基础知识讲解完了，可是如果你认为js只能做类似点击一个按钮，显示当前时间，那你就太小看jsl，实际上js更重要的作用是可以让用户对网页元素进行交互操作，这才是学习js的精华所在。通过dom编程，我们可以写出各种网页游戏dom编程也是ajax的重要基原创 2014-03-20 12:51:21 · 1106 阅读 · 0 评论 -
js_day21--js DOM编程（window对象2）
Day21Window对象clearTimeout()取消由setTimeout()设定的定时器 window.test <!-- function test(){ window.alert("abc"); } var myTimer = setTimeo原创 2014-03-20 15:39:23 · 1131 阅读 · 0 评论 -
js_day22--js DOM编程（window对象3+猜拳游戏）
Day22Window的status属性可以控制状态栏的信息比如可以在状态栏滚动文字。如下： window.test <!-- function myscroll(){ var space_num = 0;//初始空格数 var dir = 1; var space_my ="";原创 2014-03-20 19:21:09 · 1489 阅读 · 0 评论 -
js_day23--js DOM编程（history+location+navigator+screen+event对象）
Day23history 对象作用：Contains information about the URLs visitedby the client即：该对象包含客户端访问过的URL信息从dom层次图看，history是windows对象的成员属性，但实际上history是javascriptruntime engine 自动创建的，所以原创 2014-03-21 18:54:46 · 1489 阅读 · 0 评论 -
js_乌龟抓鸡游戏
乌龟可以用键盘控制上下移动，而小鸡在自己的位置 上不停地上下移动，乌龟可以通过空格键发子弹·~打中小鸡后小鸡的血量会减少，但血量为0时，小鸡会被打死，这时提示是否重新开始！源码： 乌龟抓鸡 <!-- function $(id){ return document.getElementById(id); } //乌龟运动 funct原创 2014-03-22 13:41:47 · 2511 阅读 · 0 评论 -
js_day24--js DOM编程（document+body对象）
Day24document对象document是DOM编程中最重要的一个对象document对象代表整个html文档，可用来访问页面中所有的元素，是最复杂的一个dom对象，可以说是学好dom编程的关键所在。document对象是window对象一个成员属性，通过window.document来访问，当然也可以直接使用d原创 2014-03-22 21:17:51 · 1687 阅读 · 0 评论 -
js_撞球游戏
小球在你的客户端浏览器不停地运动，碰到边缘后会反弹，基于此可以做出一些很小的网页游戏~源码： 撞球游戏 function $(id){ return document.getElementById(id); } //定两个方向 var directX=1;//横向，初始化为1，表示增加 var directY=1;//纵向 var ballX原创 2014-03-23 09:57:38 · 1698 阅读 · 0 评论 -
js_day25--js DOM编程（style对象之 坦克大战转向+切换菜单效果）
Day25style对象style对象表示当前元素的样式设置style对象不是针对某一个html元素，而是所有的html元素而言的，也就是说，我们可以通过document.getElementById(“id”).style.property=”值”，来控制网页文档的任何一个元素（对象）的样式，当然这个是很重要的。原创 2014-03-23 16:11:08 · 1658 阅读 · 0 评论 -
js_day26--js DOM编程（forms/form对象+table对象）
Day26 案例1：简易购物车 mycart.html --> <!-- function buy(obj){ //遍历所有的checkbox，计算新的总价 var fruits=document.getElementsByName("fruit");原创 2014-03-23 21:20:20 · 1359 阅读 · 0 评论 -
js_day27--正则表达式
Day27Javascript正则表达式（RegExp） 任务：明确学习正则表达式的重要性初步了解正则表达式是什么能做简单的正则表达式的开发 为什么要学习正则表达式？问题：给你一个字符串（或一篇文章），请你找出所有四个数字连在一起的字串，并且这个字串满足第一位原创 2014-03-24 16:10:22 · 1922 阅读 · 2 评论 -
XML——XML介绍和基本语法
本文介绍了XML语言的历史，以及它的作用和常见的应用。重点介绍了XML文件的语法规则原创 2016-05-26 22:31:23 · 40171 阅读 · 7 评论 -
XML——XML文件约束之DTD详解
本文介绍了XML文件约束的概念，重点介绍了使用DTD约束XML文件，介绍了DTD的引用方式以及定义元素和属性的语法原创 2016-05-29 16:54:15 · 39132 阅读 · 7 评论 -
XML——XML解析之DOM
本文介绍了XML解析的基本概念，并重点介绍了使用JAXP的DOM技术进行XML文档的解析原创 2016-06-16 20:56:44 · 2423 阅读 · 0 评论 -
XML——XML解析之SAX
本文详细介绍了使用SAX解析XML文档的机制和方法原创 2016-06-17 17:03:39 · 1796 阅读 · 0 评论 -
XML——DOM解析案例
本文介绍了DOM解析XML的一个小案例原创 2016-06-17 20:03:05 · 2124 阅读 · 0 评论 -
XML——XML解析之DOM4J
本文介绍了使用DOM4J解析XML的方法原创 2016-06-20 15:35:11 · 5598 阅读 · 0 评论 -
JavaScript和CSS Style属性对照表
JavaScript CSS Style属性对照表 盒子标签和属性对照CSS语法 (不区分大小写) JavaScript语法 (区分大小写)border borderborder-bottom borderBottomborder-bottom-color borderBottomColor原创 2014-03-19 15:39:46 · 1615 阅读 · 0 评论 -
js_day18--js内部类和系统函数
Day18●js内部类▶Javascript中本身提供一些可以直接使用的类（有属性和方法了）。主要有：Object、Array、Math、Boolean、String、Date、Number、RegExp(正则表达式) ▶分类：动态类（必须创建实例才能调用方法），比如Date：//Date //显示当前时间 var原创 2013-12-23 12:55:22 · 1315 阅读 · 0 评论 -
html_day2---表格+列表+框架
Day2●利用前面学的基础知识做一个表格代码如下： 菜谱 星期一菜谱 素菜青草茄子花椒扁豆 小葱豆腐炒白菜 荤菜鱼香肉丝油焖大虾 海参鲍鱼龙肝凤胆原创 2013-11-18 11:09:18 · 1731 阅读 · 0 评论 -
html_day3---表单元素
Day3●Html表单元素---form介绍： html表单元素，主要用于让用户输入数据，并提交给服务器。基本语法是： 提交的方法”（get/port）(默认是get方法)> 各种元素（输入框，下拉列表，文本域，密码框…） 案例代码1： 登陆原创 2013-11-18 16:01:34 · 1341 阅读 · 0 评论 -
html_day4---html加强+表格布局案例
Day4●HTML加强（1）背景色彩和文字色彩 bgcolor ---背景色彩text ---非可链接文字的色彩link ---可链接文字的色彩alink ---正被点击的可链接文字的色彩vlin原创 2013-11-19 10:14:56 · 2097 阅读 · 0 评论 -
css_day5---初识div+css
Day5●div+css简介 Div元素是用来为HTML文档内大块的内容提供结构和背景的元素 CSS（Cascading style Sheets层叠样式表单） 它是一种用来表现HTML或XML等文件式样的计算机语言。 Div+css是网站标准中常用术语之一，通常为了说明与HTML网页设计语言中的表格（t原创 2013-11-19 17:28:03 · 1368 阅读 · 0 评论 -
css_day6---css选择器
Day6●CSS的必要性先看一个案例----使用span元素来编写使用ide来开发css(myeclipse),因为myeclipse可以给我们提示功能。栏目一从使用span元素我们可以看到，css的基本语法： 元素名 style=”属性名：属性值；属性名2：属性值2；”/>（元素可以是任意html原创 2013-11-20 22:47:24 · 1434 阅读 · 0 评论 -
css_day7---块元素和行内元素
Day7●关于选择器的使用先用类选择器，后选用Id选择器，因为类选择器的优先级低，以防止后面有特别的要求，方便后面的修改●选择器两个练习题☞Exam1.html: DOCTYPEHTML PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN">html> head> t原创 2013-11-22 00:04:16 · 1285 阅读 · 0 评论 -
css_day8---标准流/非标准流+盒子模型
Day8●css标准流\非标准流流：在现实生活中就是流水，在网页设计中就是指元素（标签）的排列方式。标准流：元素在网页中就像流水，排在前面的元素（标签）内容前面出现，排后面的元素（标签）内容后面出现。这是默认的布局方式，也称之为标准流。非标准流：当某个元素（标签）脱离了标准流（比如因为相对定位）排列，我们统称为非标准流排列。（让某个元素脱离它原先应该在的位置原创 2013-11-24 12:17:13 · 2258 阅读 · 0 评论 -
css_day9---盒子模型的综合案例
Day91、要达到如图效果：一开始我对想法是用很多个小块（div），即每个图片都占一个块。但实际上用列表就可以实现，因为图片的排列类似于列表，只是对格式加以控制即可。html代码如下： box.html 小龙女原创 2013-11-25 00:27:50 · 1966 阅读 · 0 评论 -
css_day10---浮动+定位
Day10●浮动浮动是CSS很重要的概念。涉及：左浮动、右浮动、清除浮动。浮动的必要性：因为默认情况下，div纵向排列:比如：Div是块级元素，必然会换行。*现在想达到如图效果：这时候就必须要用到浮动属性。☞使用右浮动。当把div1向右浮动时，它脱离标准流并且向右移动，直到它的右边缘碰到包含框的右边缘。原创 2013-11-25 23:53:44 · 1617 阅读 · 0 评论 -
js_day11---初识javascript+基本语法
Day11●为什么要学习javascript Javascript是实现网页动态效果的基石，在web开发中扮演重要的角色，被广泛应用到各个领域。 ①网页游戏 ②地图搜索（google，baidu） ③股市信息查询 ④web聊天在web开发中，js是必不可少的技术！同时js也是ajax/jque原创 2013-11-26 13:32:58 · 1317 阅读 · 0 评论 -
js_day12---js数据类型+运算符+三大流程控制
Day12●javascript数据类型基本数据类型： 数值（2）字符串（3）布尔型 小技巧：通过typeof关键字可以看到变量的具体数据类型是什么。举例： var v1 = "abc"; var v2 = 890; //typeof 可以看到数据的类型 window.alert(原创 2013-11-28 13:18:58 · 1385 阅读 · 0 评论 -
js_day13---js函数
Day13●js函数 案例：请大家完成这样一个程序，输入两个数，再输入一个运算符，得到结果。 //有些浏览器不识别language或者有些浏览器不识别type. //为了兼容，将两个都写进去 <!-- //-->//有时候这样写，也是有些浏览器可能存在的问题。 var num1 = window.pro原创 2013-11-28 22:12:10 · 1203 阅读 · 0 评论 -
js_day14--js数组
Day14●js数组为什么需要数组呢？ 王大爷有六只乌龟，它们的体重分别是3Kg, 5Kg, 1Kg, 3.4Kg, 2Kg, 50Kg,请问这六只乌龟的总体重是多少？平均体重是多少？请你用现在掌握的技术编一个程序解决。 如果使用传统的方法来解决这个问题，就要定义6个变量，那么如果王大爷养的不是6只，而是600只呢？所以说这种方法很麻烦。原创 2013-11-28 22:22:30 · 1127 阅读 · 0 评论 -
js_day15--js面向对象编程+this关键字+成员函数
Day15●js面向对象特征介绍 1、javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。 ☞特别说明：基于对象也好，面向对象也好实际上都是以对象的概念来编写程序的，从本质上并无区别，所以这两个概念是一样的。 2、因为javascript中没有class（类），所以有人把类也称原创 2013-11-29 21:46:48 · 2034 阅读 · 3 评论 -
js_day16--Object+Array+超级马里奥游戏+构造函数
Day16 ●Object类 Object类是所有javascript类的基类，提供了一种创建自定义对象的简单方式，不需要程序员再定义构造函数。主要属性：constructor-对象的构造函数Prototype-获得累的prototype对象，static性质主要方法：hasOwnProperty(property)-是原创 2013-11-30 15:47:44 · 2480 阅读 · 0 评论 -
js_day17--js面向对象三大特征+闭包
Day17●js面向对象编程—三大特征 抽象à把一类事物的共有的属性和行为提取出来,形成一个物理模板 ▶封装：把抽象出的属性和对属性的操作封装在一起。 Js提供以下几种控制方法和属性的访问权限：公开级别：对外公开私有级别：类本身可以访问，不对外公开案例： function Person(name,agei,sal原创 2013-12-21 13:03:43 · 2359 阅读 · 0 评论 -
XML——XPATH语法介绍
本文介绍使用dom4j时配合xpath技术的基础用法，介绍了xpath的语法原创 2016-06-21 12:02:07 · 13685 阅读 · 0 评论