- 博客(25)
- 收藏
- 关注
RSS订阅原创 文本框事件
文本框事件有很多，其中onChange和onSelect如下：1、onChange事件，如下例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&
2016-01-04 21:42:01
1061
原创 浮动的学习
浮动，一个让我们既喜欢，又不喜欢的一种属性，怎么说呢？喜欢是因为，通过浮动，我们可以很方便的布局；不喜欢是因为，浮动之后遗留下来了太多的问题，比如这次编写网页就用到了浮动，也就出现了问题： 下面就来看看：<div id="wrapper"> <div>first</div> <div>second&l...
2015-12-28 18:09:33
158
原创 从JSON文件中取数据
在做订餐大师的时候，页面上显示的数据，会存到一个JSON文件里，那么如何从JSON文件里面取数据呢； 首先，可以从JSON文件里面直接取出数据，如下： 当JSON文件里面存放的数据为：{"person":["赵大", "钱二", "张三", "李四", "王五", "刘六"]} 需要注意的是，json文件中的数据必须是一
2015-12-27 11:32:39
1355
原创 js事件表
当我们单击一个链接或按钮时，会产生一个事件，告诉浏览器发生了需要进行处理的单击操作； 下面是一些我们经常用到的一些事件处理：1、onBlur：用户从窗口或表单中移开输入焦点；2、onChange：用户改变元素的值；3、onClick：用户在表单元素或链接上单击；4、onError：装载文档或图像时出错；5、onFocus：用户在窗口或表单上聚焦；...
2015-12-21 20:38:13
165
原创 JS内置对象的学习
js是基于对象的简单程序； 下面来了解一些js的内部对象：1、Array对象：它由一个名字和索引来组成； 定义数组方法如下：var person = new Person("赵大", "钱二", "张三", "李四", "王五"); 当然，也可以这样定义：var person = new Person(5);...
2015-12-20 20:16:45
126
原创 使用js改变css的样式
js修改CSS样式的方法：document.getElementById("xx").style.xxx; “xx”--为ID名; xxx--为属性名;下面是css与js的属性比较：盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）border border b...
2015-12-13 12:07:48
158
原创 使用jQuery改变css样式
我们在做订餐大师的时候需要修改CSS的样式，其实我们可以修改CSS类或直接修改元素的样式; 当然，修改元素的属性可以用很多种方法，其中使用jQuery可以让它变的及其简单; 下面我们来修改CSS的样式：css（）方法返回或设置匹配的元素的一个或多个样式属性;1、首先引入jQuery文件：<script type="text/javas...
2015-12-12 22:33:24
426
原创 CSS--float实现浮动
以前接触过那么一点CSS，对于浮动还是非常不了解的，不过通过这次做订餐大师了解了加上别人的一些讲解与分享，知道了：一、以前都是把图像浮动，如下，把图像浮动在右侧：img{ float:right;} 二、其实我们也可以设置文字的浮动： 1、float的属性： left---...
2015-12-07 19:56:39
161
原创 web存储数据的一些技巧
今天看了一些有关网页页面存储的一写方法，下面是一些关于存储数据的几个技巧; 首先，Storage提供了访问特定域名下的会话存储和本地存储的一些功能，他们都可以添加、修改、和删除存储的数据项; 客户端存储数据：html5提供了两种方法;1、localStorage：没有时间限制的数据存储，也就是说无论你是关闭了网页或者重新加载，他都会存在，不会消失;...
2015-12-04 16:53:38
202
原创 CSS3---实现颜色的渐变
当我们设置页面的时候为了美观，在显示出来的页面颜色会从一中颜色过渡到另一种颜色，这就需要用CSS3的渐变来实现啦; 以前，我们总是通过插入图片的方法来实现这些效果，现在，通过使用CSS3渐变（gradients）实现，这样渐变的效果看起来效果更好啦。 CSS3渐变（Gradients）：渐变的类型有两种：线性渐变和径向渐变; 1、线性渐变（Line...
2015-11-29 12:28:31
360
原创 Angular JS---实现页面的跳转功能
Angular Js中每个页面的显示都需要三个要素：页面的代码，控制器和页面的URL; 当要在同一个页面上呈现不同的视图时，这就需要配置路由啦; angular.js已经为我们封装了一个独立的路由工具ng-route; ng-route是靠URL来改变显示的试图的。 1、首先在主页面中，嵌入模板视图：为当前路由把对应的视图模板...
2015-11-29 11:00:24
552
原创 JS---的函数调用
函数是JS中最基本的构建成员； 使用函数，必须先定义，然后在脚本中调用它才可以；1、函数的定义：函数的名称、函数的参数、函数运行的代码； 如下定义一个函数add：function add(a,b){ return a+b;} 函数的调用：add(4,5); //9 2、定义全局变量和局部变量：var ...
2015-11-23 19:08:38
114
原创 AngularJs---表达式
Angular Js是由google创建的一种Javascript框架; Angular Js表达式把数据绑定到Html页面，输出结果; 1、概念： 写在双大括号内{{ }}; 当把数据绑定到Html页面是与ng-bind基本一样; 数据输出在写表达式的位置; 与js表达式差不多;...
2015-11-21 15:06:07
144
原创 Javascript 面向对象编程：用构造函数模式创建对象
在ECMAScript中的构造函数可用来创建特定类型的对象，想Object和Array这样的原生构造函数，在运行是会自动出现在执行环境中。因此，可以创建自定义的构造函数，从而定义对象类型的属性和方法。 1、如下例子，使用构造函数创建原型对象：function Person(name,age){ this.name=name; this.age...
2015-11-19 21:55:22
235
1
原创 CSS标记速查--字体属性
CSS的字体属性主要包括字体族科、字体大小、字体风格、加粗字体以及英文字体的大小写转换。 1、设置字体--font-family：用于改变HTML标记或元素的字体，相当于HTML标记中font-face属性的功能; 语法：font-family："字体1"，"字体2"，…… 2、设置字号--font-size：字号也就是字体大小，用于修改字体显示的...
2015-11-19 20:54:03
540
原创 HTML中引入CSS的3种方法
HTML与CSS是两种作用不同的语言，它们同时对一个网页产生作用，因此必须通过一些方法将CSS于HTML连接在一起，才能正常的工作。 在HTML中，引入CSS的方法主要有以下3种：1、内联属性（inline style attribute）:在标记的style属性中设置CSS样式，但这种方法无法体现CSS的优势，因此不提倡使用；<p style="border...
2015-11-18 21:16:29
806
原创 JavaScript--正则表达式中的特殊字符
正则表达式中的特殊字符: 1、\：反斜杠,对于其后的平常被当作字面量的字符，将其转义为特殊字符。比如，/b/匹配了字符'b'.通过在b的前面放一个反斜杠，即用作/\b/，这个字符变成了一个特殊意义的字符，意思是匹配一个字符边界。反斜杠也可以将其后的特殊字符，转义为字面量。比如，* 是一个代表着前一项0次或多次发生时将会被匹配的特殊字符；比如，/a*/代表会匹配0个或者多个a...
2015-11-07 14:01:22
411
原创 Javascript--引用类型--function类型
在js中函数的定义可以使用function函数，然后可以在页面进行函数的调用与传值操作。 Function（函数）类型实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具备属性和方法，由于函数是对象，因此函数名实际上也是一个指向函数对象的指针。 函数声明：1、典型的函数声明：function sl...
2015-10-31 13:13:11
172
原创 JavaScript实用库---Underscore.js 的集合中的一些函数
Underscore一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。它是这个问题的答案：“如果我在一个空白的HTML页面前坐下， 并希望立即开始工作， 我需要什么？“...它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。 Underscor...
2015-10-31 12:35:53
161
原创 JavaScript----完成一个简单的计算器功能
一、使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。二、获取元素的值设置和获取方法为： 例：赋值：document.getElementById(“id”）.value = 1； 取值：var = document.getElementById(“id”）.value；三、步骤： 第...
2015-10-26 21:09:09
915
原创 JavaScript---Array数组对象
一、数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的; 二、数组定义的方法：1、定义一个空数组：var 数组名= new Array(); 2、定义时指定有n个空元素的数组：var 数组名 =new Array(n); 3、定义数组的时候，直接初始化数据：var 数组名 = [...
2015-10-24 15:45:52
97
原创 将配置数据从代码中分离出来
一、代码无非是定义一些指令的集合让计算机来执行; 二、当我们修改源代码时，会引入bug风险，且当你只修改一些数据值也会带来一些不必要的风险，因为数据是不应当影响指令的正常运行的，因此，应用应当将关键数据从主要的源代码中抽离出来; 三、代码分析：抽离配置数据-----将配置数据从代码中抽离出来的第一步是将配置数据拿到外部，即将数据从JavaScript代码之中拿掉;将配置...
2015-10-19 21:05:06
364
原创 Javascript -基础-判断语句
一、if语句是javascript最基本的控制语句，通过它可以改变执行顺序。 二、在编写代码时，我们经常需要为不同的判断结果来执行不同的动作。因此，我们可以在代码中使用条件判断（if）语句来完成该任务。 三、语法分析：1）if语句：当指定条件为 true 时，该语句才会执行其内部的代码快;if (condition){ //code that runs if th...
2015-10-17 12:26:06
155
原创 Html与Css---居中
1.水平居中1).行内元素: 如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。 如下代码： html代码：<body> <div class="txtCenter">我是文本，哈哈，我想要在父容器中水平居中显示。</div></body>...
2015-10-12 20:35:24
189
原创 JS pos机- V0.2
商店里进行购物结算时会使用收银机（POS）系统，这台收银机会在结算时根据客户的购物车（Cart）中的商品（Item）进行结算和打印购物清单。我们需要实现一个名为printInventory函数，该函数能够将指定格式的数据作为参数输入，然后在浏览器的控制台中输出结算清单的文本。输入格式（样例）：[ 'ITEM000000', 'ITEM000000', ...
2015-10-12 17:47:16
464
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人