12 2015 档案

ngRoute+ngAnimate与JQM中的页面跳转的区别
摘要：1.ngRoute+ngAnimate与jQM中的页面跳转有何异同？ 相同点： (1)完整的HTML只需要一个(2)使用异步AJAX请求获取下一个页面(3)可以实现转场动画 不同点：(1)ngRoute需要配置路由字典；jQM没有，更加灵活(2)ngRoute访问路由地址的格式——特殊格式的has... 阅读全文
posted @ 2015-12-17 23:16 白艳风 阅读(386) 评论(0) 推荐(0)
jQueryMobile与AngularJS的区别
摘要：(1)jQuery是一个JS函数库，简化DOM操作。(2)jQueryUI是一个HTML UI组件库，适用于PC应用。(3)TwitterBootstrap是一个CSS框架，提供了基础样式+HTMLUI组件库，简化响应式网页的开发。(4)GoogleAngularJS是一个JS框架，简化了数据在页面... 阅读全文
posted @ 2015-12-17 23:15 白艳风 阅读(1162) 评论(0) 推荐(0)
jQueryMobile--栅格布局
摘要：jQueryMobile是一个HTML组件库，与jQueryUI和Bootstrap是一个级别的，但更偏向于移动App开发。PageTransitionButtonNavbarCollapsible1.关于jqm的手册 (1)下载安装包Demo —— 初期 (2)完整的API列表(在线) —— 后期... 阅读全文
posted @ 2015-12-17 23:13 白艳风 阅读(3337) 评论(0) 推荐(0)
jQueryMobile--基础
摘要：框架整理：(1)jQuery是一个JS函数库，简化了DOM&AJAX操作，本质与DOM相同 WriteLess，DoMore。(2)jQueryUI是一个HTML组件库，丰富了HTML的功能。(3)Twitter Bootstrap是一个HTML/CSS/JS框架，简化了响应式网页的编写，提供了栅格... 阅读全文
posted @ 2015-12-17 23:11 白艳风 阅读(560) 评论(0) 推荐(0)
WEBApp-搭建Android开发环境
摘要：学习目标：WebApp——把HTML5应用打包到Android手机中。特点：代码量少！思路简单！——过程有点乱，很容易出错！面试题：面向过程(function)和面向对象(object)的区别？面向过程的语言：C、C++、JavaScript、PHP —— 底层软件，如三大基础软件面向对象的语言：C... 阅读全文
posted @ 2015-12-17 23:10 白艳风 阅读(495) 评论(0) 推荐(0)
AngularJS--ngAnimate模块
摘要：1.ngRoute模块的使用 使用步骤： (1)创建index.html，引入css/js，声明ngView (2)创建模板页面 (3)创建模块，配置路由字典 module.config(function($routeProvider){ $routeProvider.when('/start'... 阅读全文
posted @ 2015-12-13 16:04 白艳风 阅读(3678) 评论(0) 推荐(0)
AngularJS--双向数据绑定
摘要：Google AngularJS是一个JS框架，适用于以数据操作为主的SPA应用。所有的操作都是以数据为出发点。四大特性： (1)MVC模型Model：即业务数据 $scope.xx $rootScope.xxView：即业务数据的呈现 HTML + ngXxxController：负责操作业务数据... 阅读全文
posted @ 2015-12-13 16:03 白艳风 阅读(4031) 评论(0) 推荐(0)
HTTP
摘要：* HTTP * URL概念 * URL - 统一资源定位符 * URI - 统一资源标识符 * URL与URI的区别 * 所有的URL都是URI,但URI不一定是URL * 完整的URL网络协议:IP地址(虚拟地址):端口号/路径;参数?查询数据#锚点... 阅读全文
posted @ 2015-12-13 16:01 白艳风 阅读(1225) 评论(0) 推荐(0)
SEVER&&HTTP
摘要：* 服务器概念 * 服务器(SERVER)其实就是一台PC机(硬件) * 服务器的分类 * 硬件服务器 - PC机 * 电脑硬件 - PC机/小型机/刀片机/中型机/大型机/超级计算机 * 小型机 - IBM(AIX)/HP/联想(Linux) ... 阅读全文
posted @ 2015-12-13 16:00 白艳风 阅读(194) 评论(0) 推荐(0)
PHP
摘要：* PHP语言 * 基本内容 * PHP语言 - 类似于javascript语言的 * javascript是客户端(HTML)的脚本语言 * PHP是服务器端的脚本语言 * PHP文件的扩展名为".php" * 注意 * PHP文件... 阅读全文
posted @ 2015-12-13 16:00 白艳风 阅读(94) 评论(0) 推荐(0)
AngularJS--ngRoute模块
摘要：ngRoute 使用步骤： (1)创建index.html，引入css/js，声明ngView (2)创建模板页面 (3)创建模块，配置路由字典 module.config(function($routeProvider){ $routeProvider.when('/start', {templ... 阅读全文
posted @ 2015-12-13 15:48 白艳风 阅读(962) 评论(0) 推荐(0)
AngularJS--依赖注入
摘要：Google AngularJS是一个JS框架，适用于以数据操作为主的SPA应用。所有的操作都是以数据为出发点。四大特性： (1)MVC模型Model：即业务数据 $scope.xx $rootScope.xxView：即业务数据的呈现 HTML + ngXxxController：负责操作业务数据... 阅读全文
posted @ 2015-12-13 15:47 白艳风 阅读(946) 评论(1) 推荐(1)
AngularJS--MVC模型
摘要：Google AngularJS是一个JS框架，主要思路不是传统的“先查找再操作DOM元素”，而是“以数据为中心”。适用于以数据操作为主的SPA应用。Angular四大特性： (1)MVC模型Model：模型，即业务数据，在前端应用中就是保存在特定范围的JS变量View：视图，即业务数据在用户面前的... 阅读全文
posted @ 2015-12-13 15:46 白艳风 阅读(444) 评论(0) 推荐(0)
BootStrap--CSS组件
摘要：1.全局CSS样式——栅格布局系统列的偏移问题(offset).col-xs-offset-1~.col-xs-offset-12 在lg/md/sm/xs屏幕下偏移.col-sm-offset-1~.col-sm-offset-12 在lg/md/sm屏幕下偏移.col-md-offset-1~.... 阅读全文
posted @ 2015-12-13 15:45 白艳风 阅读(243) 评论(0) 推荐(0)
AJAX--接收服务器端的响应数据
摘要：* 接收服务器端的响应数据 * 使用XMLHttpRequest核心对象的responseText属性 * 该属性只能接收文本(HTML)格式 * 问题 * 解析过程比较复杂(拆串) * 拆串或拼串极容易出错* XML格式 * 基本内容 * HTML、XHTML、DHTML和XML的区别 * HTM... 阅读全文
posted @ 2015-12-13 15:42 白艳风 阅读(2600) 评论(0) 推荐(0)
JQuery中的AJAX
摘要：* jQuery中的Ajax * 封装第一层 - 类似于原生Ajax的用法 * $.ajax() - 最复杂 * 选项 * url - 请求地址 * type - 请求类型,默认为GET * async - 是否异步,默认为true * data - 请求数据,格式为key:value * data... 阅读全文
posted @ 2015-12-13 15:42 白艳风 阅读(100) 评论(0) 推荐(0)
AJAX
摘要：* 基本内容 * 同步交互与异步交互 * 同步交互 * 客户端向服务器端发送请求,到服务器端进行响应,这个过程中,用户是不能做任何其他事情(等). * 异步交互 * 客户端向服务器端发送请求，直到服务器端进行响应，这个过程中，用户可以做任何其他事情(不等) * AJAX * Asynchronous... 阅读全文
posted @ 2015-12-13 15:41 白艳风 阅读(132) 评论(0) 推荐(0)
Bootstrap--组件
摘要：1.插件——概述 Bootstrap基于jQuery提供了十几个插件函数（类似于jQueryUI插件库），每个插件对应一个.js文件，可以单独引用，也可以整体引用(bootstrap.js)。 调用上述十几个插件可以用两种格式： (1)传统的JS方式调用： $(...).dropdown(); $(... 阅读全文
posted @ 2015-12-13 15:40 白艳风 阅读(176) 评论(0) 推荐(0)
BootStrap--全局CSS样式
摘要：jQuery是一个JS框架；jQueryUI是一个HTML组件库；Twitter Bootstrap是一个HTML/CSS/JS框架，适用于移动设备优先的响应式网页。V2：面向PC进行了样式设定，同时兼顾PAD和PHONEV3：面向Phone进行样式设定，同时兼顾了PC主要涉及： (1)HTML：为... 阅读全文
posted @ 2015-12-13 15:39 白艳风 阅读(773) 评论(0) 推荐(0)
CSS3--选择器、动画效果
摘要：一、复杂选择器：（1）兄弟选择器：选择当前元素平级的兄弟元素 有两种：1）相邻兄弟选择器：仅选择相邻的1个元素: 选择器+选择器 相邻兄弟选择器的三个关键词：1. 紧临 2. 平级 3. 之后 2）兄弟选择器：选择之后的所有元素：选择器~选择器 *注意：不要求紧临* 何时使用：只要选择平级元素... 阅读全文
posted @ 2015-12-13 15:38 白艳风 阅读(909) 评论(0) 推荐(0)
HTML5--关于Web Worker
摘要：* Web Worker * 基本内容 * 单线程与多线程 * Worker可以模拟多线程的效果 * 定义 - 运行在后台的javascript * 注意 - 不能使用DOM * 在Worker中只能使用javascript中的ECMA * 目前主流浏览器都支持Worker,除IE8之前 * Wor... 阅读全文
posted @ 2015-12-13 15:37 白艳风 阅读(148) 评论(0) 推荐(0)
HTML5--关于Geolocalition(地理定位)
摘要：* Geolocation(地理定位) * 基本内容 * 地理定位 - 地球的经度和纬度的相交点 * 实现地理定位的方式 * GPS - 美国的,依靠卫星定位 * 北斗定位 - 纯国产,惯性定位技术和卫星定位 * 基站定位 - 移动运营商创建基站(提供信号源) * 基于互联网 - IP地址(PC端和... 阅读全文
posted @ 2015-12-13 15:36 白艳风 阅读(753) 评论(0) 推荐(0)
HTML5--Canvas
摘要：* Canvas * 绘制图形 * 绘制文字 * 方法 * fillText(text,x,y) - 实心文字 * text - 绘制的文字内容 * x和y - 绘制的坐标值 * strokeText(text,x,y) - 空心文字 * 属性 * font - 类似于CSS中的font属性 *... 阅读全文
posted @ 2015-12-13 15:35 白艳风 阅读(150) 评论(0) 推荐(0)
HTML5--关于音频和视频
摘要：* 音视频处理 * 视频处理 * 基本内容 * 使用Flash技术处理HTML页面中的视频内容 * 包含音频、动画、网页游戏等 * 特点 * 浏览器原生不支持(IE浏览器要求安装ActiveX组件) * 性能不好(不能过多地使用) * 智能移动端并不支持Flash技术 * 命运 * Flas... 阅读全文
posted @ 2015-12-13 15:34 白艳风 阅读(168) 评论(0) 推荐(0)
HTML5-关于表单
摘要：* 基本内容 * HTML5目前最新的规范(标准)是2014年10月推出 * 2005年左右出现HTML5版本(非标准) * W3C组织(两个组织定义H5规范) * 学习(研究)HTML5是学习未来(将来主流) * HTML版本 - 第一阶段主要学习还是4版本(包含5版本) * HTML5版本之后... 阅读全文
posted @ 2015-12-13 15:33 白艳风 阅读(241) 评论(0) 推荐(0)
DOM
摘要：1.HTML/XHTML/DHTML的区别和关系？HTML: abcd abcdXHTML: abcdDHTML: Dynamic HTML，动态超文本标记语言，网页的内容(HTML)和表现(CSS)可以与用户之间发生交互，产生一些动态的可变化的效果。不是一门新技术。使用DHTML把浏览器窗口、网... 阅读全文
posted @ 2015-12-13 15:30 白艳风 阅读(158) 评论(0) 推荐(0)
BOM
摘要：1.BOM对象之——navigator——掌握 navigator对象指代当前的浏览器，可用于获取当前客户端的浏览器及操作系统的信息 常用属性：navigator.cookieEnabled : boolean,可能为true/false，反应当前浏览器是否启用了Cookie功能。navigator... 阅读全文
posted @ 2015-12-13 15:29 白艳风 阅读(191) 评论(0) 推荐(0)
正则表达式
摘要：2. 正则表达式：规定字符串中字符出现的规则！ 何时使用：2种： 1. *验证*一个字符串的规则： 2. 使用关键字规则，在一段话中模糊*查找*关键字时 如何定义正则表达式： 1. 最简单的正则表达式：不带任何特殊符号的*原文* 比如；/no/ /我草/ 2. 字符集：使用中括号包裹的备选字符的列表... 阅读全文
posted @ 2015-12-13 15:26 白艳风 阅读(274) 评论(0) 推荐(0)
JQuery中的动画效果
摘要：JQUERY DAY03:* 动画效果 * 显示与隐藏 * show() - 显示 * 无参版本 - 不具有动画效果 * show(speed,callback)有参版本 - 具有动画效果 * speed - 设置动画执行的时长,单位为毫秒 * 三个预定义值 - slow|normal|fast ... 阅读全文
posted @ 2015-12-13 15:25 白艳风 阅读(167) 评论(0) 推荐(0)
JQuery中的DOM操作
摘要：* jQuery中的DOM操作 * 基本操作 * html() - 类似于原生DOM的innerHTML属性 * 获取 - html() * 设置 - html(html代码) * val() - 类似于原生DOM的value属性 * 获取 - val() * 设置 - val(value) * t... 阅读全文
posted @ 2015-12-13 15:04 白艳风 阅读(142) 评论(0) 推荐(0)
JQuery基础
摘要：JAVASCRIPT类库 * javascript类库,简称为JS库 * 作用 - 为了简化javascript的开发 * 目的 - 预定义了很多对象(属性和方法)和函数 * 特点 - 兼容各大浏览器* JQUERY * 概述 * jQuery其实就是一个JS文件 * 分类 * jQuery - W... 阅读全文
posted @ 2015-12-13 15:03 白艳风 阅读(143) 评论(0) 推荐(0)
Math对象、Date对象
摘要：1. Math对象：专门封装数学计算相关属性和函数的全局对象 属性：Math.PI 函数： 取整： Math.round(n) Math.ceil(n) Math.floor(n) 四舍五入 上取整 下取整 乘方开方： Math.pow(n,m):n的m次方 Math.sqrt(n):对n开平方 取... 阅读全文
posted @ 2015-12-13 15:02 白艳风 阅读(237) 评论(0) 推荐(0)
String
摘要：String API：1. 转义字符：2种： 1. 代替功能键：比如：\t 代替制表符 \n换行 2. 将具有特殊意义的字符，转为普通字符 比如：\' 将'转为普通字符 \" 将"转为普通字符 \\ 将\转为普通字符，避免和转移字符冲突*所有String API都不修改原变量，都必须用变量接住调用结... 阅读全文
posted @ 2015-12-13 15:01 白艳风 阅读(153) 评论(0) 推荐(0)
面向对象、原型、闭包
摘要：**闭包： 作用域：一个变量的可用范围 作用域链：记录一个函数，可用作用域的*对象*！ 方法定义时：创建2个对象： 1个对象：保存方法体的方法对象 2个对象：当前方法的作用域链对象 作用域链对象中有一个元素指向全局对象 方法调用过程中：创建1个对象，作用域链中多出一个新元素 1个对象：创建该方法*本... 阅读全文
posted @ 2015-12-13 15:01 白艳风 阅读(171) 评论(0) 推荐(0)
函数
摘要：一、函数/方法： 封装一个专门任务的步骤的代码段，起一个任务名 何时使用函数：有一个专门的任务，可能重复使用！ 如何创建函数： 语法：function 函数名([参数列表]){ ——函数体 [return 返回值] } 如何调用函数： 语法：var 返回值=函数名([参数值列表]); 函数的参数... 阅读全文
posted @ 2015-12-13 15:00 白艳风 阅读(192) 评论(0) 推荐(0)
数组
摘要：***数组1. 程序=数据结构+算法 算法：描述一个程序的执行步骤：分支结构，循环结构 数据结构：好的数据结构可以极大提高程序执行效率2. 数组：批量管理多个数据的存储结构 为什么使用数组：多个数据分组，连续存储， 提高程序执行效率 程序中的数组：多个连续的存储空间，起一个统一的变量名 如何使用数组... 阅读全文
posted @ 2015-12-13 14:57 白艳风 阅读(242) 评论(1) 推荐(0)
循环结构
摘要：2. 循环：3种： 什么是循环：程序反复执行同一段代码 循环三要素： 1. 循环条件：*继续*循环的条件 2. 循环变量：循环条件中用作比较的变量 循环变量总是向着不满足循环条件的趋势变化 当循环变量不满足循环条件时，循环就退出！ 3. 循环体：每次循环要做的事 while循环： 语法：var 循环... 阅读全文
posted @ 2015-12-13 14:56 白艳风 阅读(218) 评论(0) 推荐(0)
分支结构
摘要：、分支结构： 程序三大结构： 顺序：程序默认都是从上向下顺序执行。 分支：根据不同条件，选择不同的执行路线 循环：程序反复执行同一个代码段 分支结构：3种： 1. if结构：1件事，满足条件就执行，不满足条件就不执行 语法：if(条件){ 满足条件时，才做的事 } 2. if...else...结构... 阅读全文
posted @ 2015-12-13 14:55 白艳风 阅读(591) 评论(0) 推荐(0)
JavaScript基础
摘要：1. 什么是js： HTML：专门编写网页内容 CSS：专门设计网页样式************************************* JavaScript：专门定义网页交互行为的语言 交互：输入数据，处理数据，返回结果 专门运行在浏览器的解释器中 解释执行。 JavaScript：N... 阅读全文
posted @ 2015-12-13 14:53 白艳风 阅读(120) 评论(0) 推荐(0)
HTML基础
摘要：HTML 超文本标记语言一、HTML语言的语法规范 HTML标签： 不同的标签在网页中的功能不同 单标签： 不需要封闭标记，里面不能包含内容 双标签： 需要封闭标记，里面可包含内容 特点：双标签必须封闭，否则代码会出错。 这是标题1 HTML属性 属性名="属性值" 不同的HTML标记有不同的... 阅读全文
posted @ 2015-12-10 01:14 白艳风 阅读(187) 评论(0) 推荐(0)
CSS基础
摘要：CSS一、文本处理（1）font- 文字样式 font-size文字大小 font-family字体 font-weight加粗 bold/normal/value font-style 斜体 normal/italic font-variant小型大写字母 small-caps（2）text-文本... 阅读全文
posted @ 2015-12-10 01:13 白艳风 阅读(127) 评论(0) 推荐(0)