- 博客(48)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 web前端之精通dojo四：JavaScript中的语言扩展
web前端之精通dojo四：JavaScript中的语言扩展Dojo提供了一些函数库，不严格地讲，这些函数扩展了JavaScript核心库。这些函数不正对某个特定的问题领域，它们是JavaScript编程的基础。它们也处在Dojo依赖层次结构的最底层利用dojo.hitch实现绑定：把一个对象的方法作为参数传递给另一个函数，dojo.hitch解决了这个把方法与特定上下文绑定的问题
2016-12-30 10:57:11
515
原创 web前端之精通dojo三：载入Dojo
web前端之精通dojo三：载入Dojo参考资料模块化JavaScript：Dojo是通过静态的客户端JavaScript脚本、html支持模板以及css样式表实现的。在服务器端，除了传输一些静态文件的要求以外，不需要任何支持。它也不需要浏览器端的插件或扩展。如果一个JavaScript文件定义了一个Dojo模块对象（即实例化了那个JavaScript对象变量），我们就称这个文件为模块主脚本。当载入
2016-12-28 19:46:58
929
原创 web前端之精通dojo二：连接外部服务
web前端之精通dojo二：连接外部服务前面我们看到了dijit改善用户到浏览器的体验。现在我们将研究的重点放到浏览器这个过程中。Ajax，即异步JavaScript和XML，就是一种浏览器与服务器交互技术，它避免了表单提交和静态界面重绘带来的繁琐、重复的工作，而且它还改善了界面，增强用户体验。Dojo远程脚本：XMLHttpRequest(XHR)是ajax中主要的知识点，下面是其诸多奇怪特点中的
2016-12-28 17:02:10
966
原创 web前端之精通dojo一：创建选项框表单
web前端之精通dojo一：创建web表单Dijit是建立在Dojo上的小部件系统，可以为你担当重任。小部件，又称Dijit组件，适用于HTML和JavaScript语言建立起的用户界面控件。你可以向HTML标签里添加一个简单的dojoType=属性来创建小部件。安装配置详情<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w
2016-12-28 10:10:08
883
原创 web前端之MVC的JavaScript Web富应用开发三：模型和数据
web前端之MVC的JavaScript Web富应用开发三：模型和数据将应用重心从后台迁往前台的一个挑战是数据管理。 传统方式是通过页面请求从数据库获取数据， 用户和页面中的结果进行直接交互。 然而在复杂的 JavaScript 应用中做数据管理是非常困难的。 前端并没有请求 / 响应模型， 也没办法访问服务器端的变量， 甚者，远程取回的数据只是临时的保存在客户端。 尽管这种（ 从后台迁往前台的
2016-12-26 19:21:49
741
原创 web前端之MVC的JavaScript Web富应用开发二：事件和监听
web前端之MVC的JavaScript Web富应用开发二：事件和监听事件是JavaScript应用程序的核心，是所有内容的驱动，它决定了在应用程序产生用户交互的起始时刻。然而在JavaScript诞生之初“ 事件” 的实现并不标准，甚至非常丑陋。在之后的浏览器大战中网景和微软分道扬镳，他们各自实现的事件模型互不兼容。尽管后来W3C对此做了标准化，但IE仍然坚持使用与W3C不兼容的事件模型，直到最
2016-12-26 15:15:05
656
原创 web前端之MVC的JavaScript Web富应用开发一：MVC和类
web前端之MVC的JavaScript Web富应用开发一：MVC和类开篇：本书以 assert() 和 assertEqual() 函数来展示变量的值或者函数调用的结果。 assert() 是一种快捷表述方式， 用来表示一个特定的变量（ revolves to true）。 这在自动化测试中是一种非常常见的模式。 assert() 可以接收两个参数 ： 一个值和一个可选的消息。 如果
2016-12-26 10:18:19
3210
原创 web前端之JavaScript高级程序设计九：JSON
web前端之JavaScript高级程序设计九：JSON关于 JSON，最重要的是要理解它是一种数据格式，不是一种编程语言。虽然具有相同的语法形式，但 JSON 并不从属于 JavaScript。而且，并不是只有 JavaScript 才使用 JSON，毕竟 JSON 只是一种数据格式。很多编程语言都有针对 JSON 的解析器和序列化器。语法：JSON 的语法可以表示以下三种类型的值。
2016-12-23 11:19:46
667
原创 web前端之JavaScript高级程序设计八：JavaScript 与 XML
web前端之JavaScript高级程序设计八：JavaScript 与 XML曾几何时， XML 一度成为存储和通过因特网传输结构化数据的标准。透过 XML 的发展，能够清晰地看到 Web 技术发展的轨迹。 DOM 规范的制定，不仅是为了方便在 Web 浏览器中使用XML，也是为了在桌面及服务器应用程序中处理 XML 数据。此前，由于浏览器无法解析 XML 数据，很多开发人员都要动手编写自己的 X
2016-12-22 20:29:46
637
原创 web前端之JavaScript高级程序设计七：表单脚本
web前端之JavaScript高级程序设计七：表单脚本表单的基础知识：在 HTML 中，表单是由form元素来表示的，而在 JavaScript 中，表单对应的则是 HTMLFormElement 类型。 HTMLFormElement 继承了 HTMLElement，因而与其他 HTML 元素具有相同的默认属性。不过， HTMLFormElement 也有它自己下列独有的属性和方法。 ac
2016-12-22 16:54:34
899
原创 web前端之JavaScript高级程序设计六：事件
JavaScript 与 HTML 之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预订事件，以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型，支持页面的行为（JavaScript 代码）与页面的外观（HTML 和 CSS 代码）之间的松散耦合。<h3>**事件流：**事件流描述的是从页面中接收事件的顺序。但有意思的是，
2016-12-22 10:55:35
2842
4
原创 web前端之JavaScript权威指南：贷款计算器
web前端之JavaScript权威指南：贷款计算器<!DOCTYPE html> <html> <head> <title>JavaScript Loan Calculator</title> <style> .output{font-weight:bold;} #payment{text-decoration:underli
2016-12-20 19:10:40
1902
原创 web前端之JavaScript高级程序设计五：客户端检测
web前端之JavaScript高级程序设计五：客户端检测BOM：BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。多年来，缺少事实上的规范导致 BOM 既有意思又有问题，因为浏览器提供商会按照各自的想法随意去扩展它。于是，浏览器之间共有的对象就成为了事实上的标准。这些对象在浏览器中得以存在，很大程度上是由于它们提供了与浏览器的互操作性。 W3C 为了把浏览器中 J
2016-12-17 11:11:50
603
原创 web前端之JavaScript高级程序设计四：函数表达式
web前端之JavaScript高级程序设计四：函数表达式函数表达式是 JavaScript 中的一个既强大又容易令人困惑的特性。定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。
2016-12-16 17:24:44
608
原创 web前端之JavaScript高级程序设计三：面向对象的程序设计
web前端之JavaScript高级程序设计三：面向对象的程序设计面向对象的语言有一个标志，那就是他们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。前面提到过， ECMAScript 中没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。每个对象都是基于一个引用类型创建的，也可以是开发人员定义的类型。理解对象：创建自定义对象的最简单方式就是创建一个 Object 的实例va
2016-12-13 20:17:00
789
原创 web前端之JavaScript高级程序设计二：引用类型
web前端之JavaScript高级程序设计二：引用类型引用类型的值（对象）是引用类型的一个实例。引用类型是一种数据结构，用于将数据和功能组织在一起。Object类型：var person1=new Object();person1.name="FZW";person1.age=21;var person2={ name:"FZW" ,age:21};创建Object实例的方
2016-12-13 16:08:42
598
原创 web前端之JavaScript高级程序设计一：变量、作用域
web前端之JavaScript高级程序设计一：变量、作用域和内存问题前面的一部分语法：关键字和保留字： ECMA-262 描述了一组具有特定用途的关键字，这些关键字可用于表示控制语句的开始或结束，或者用于执行特定操作。 break do instanceof typeof case else new var catch finally return void continue for s
2016-12-13 11:00:24
448
原创 web前端之悟透JavaScript四：JavaScript真经（甘露）
web前端之悟透JavaScript四：JavaScript真经（甘露）<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
2016-12-12 20:01:12
700
原创 web前端之悟透JavaScript三：JavaScript真经（原型）
web前端之悟透JavaScript三：JavaScript真经（原型）prototype在软件界翻译成“原型”，代表事物的初始形态，也含有模型和样板的意义。JavaScript的所有function类型的对象都有一个prototype属性。这个prototype属性本身也是一个object类型的对象，因此我们也可以为这个prototype对象添加任意的属性和方法。事实上，在构造函数的prototy
2016-12-12 17:08:27
656
原创 web前端之悟透JavaScript二：JavaScript真经（对象）
web前端之悟透JavaScript二：JavaScript真经（对象）任何一个程序都会在一个原始的环境中开始运行，这个原始的环境就被称为全局环境。全局环境中包含了一些预定义元素，这些元素对于我们的程序来说是自然存在的，他们本来就存在着，我们拿来就可以使用了。 在JavaScript里的全局环境就是一个对象，这个对象是JavaScript运行环境的根。对于浏览器中的JavaScript来说，这个根
2016-12-12 15:36:33
845
原创 web前端之悟透JavaScript一：JavaScript真经
数据有惯性，如果没有代码来施加外力，它总是保持自己原来的状态。而代码就像能量，它存在的唯一目的，就是要努力改变数据原来的状态。在代码改变数据的同时，也会因为数据的抗拒而反过来影响或改变代码原有的趋势。任何一个JavaScript的标识、常量、变量和参数都只是undefined、null、boolean、number、string、object、function类型中的一种，也即typeof返回值表明的类型。除
2016-12-12 10:11:21
897
原创 web前端之CSS设计指南四：响应式布局说明
web前端之CSS设计指南四：响应式布局说明响应式设计包含三个重要的方面。 媒体查询：是一种 CSS 语法，可以根据浏览器的特性，一般是屏幕或浏览器容器宽度提供CSS 规则； 流式布局：是使用 em 或百分比等相对单位设定页面总体宽度，让布局能够随屏幕大小而缩放； 弹性图片：是使用相对单位确保图片再大也不会超过其容器。媒体查询： 1.@media规则@media print{ nav
2016-12-09 19:06:38
629
原创 web前端之CSS设计指南三：界面组件（菜单）
web前端之CSS设计指南三：界面组件（菜单）纵向菜单：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta
2016-12-09 17:25:07
591
原创 web前端之CSS设计指南二：页面布局（固定宽度、流动、弹性）
web前端之CSS设计指南二：页面布局（固定宽度、流动、弹性）页面布局有三种基本的实现方案：固定宽度、流动、弹性固定宽度布局的大小不会随着客户调整浏览器窗口的大小而变化，一边是900到1100像素。其中960像素是最为常见的。流动布局的大小会随着用户调整浏览器窗口大小而变化。这种布局能够很好地适应大屏幕，但也同时意味着放弃对页面某些方面的控制，比如随着页面宽度的变化，文本行的长度和页面元素之间的位置
2016-12-09 16:33:12
1179
原创 web前端之CSS设计指南一：定位元素
web前端之CSS设计指南一：定位元素为文档添加样式的三种方法： 行内样式： 行内样式是写在特定HTML标签的style属性里面的，比如：<p style="font-size:12px;font-weight:bold;...">I am fzw</p>嵌入样式： 嵌入的CSS样式是放在HTML文档的head元素中的，比如：<html xmlns="http://www.w3.org/199
2016-12-09 15:33:41
524
原创 web前端之CSS布局的重要性
web前端之CSS布局的重要性如果你只想把所有内容都塞进一栏里，那么不用设置任何布局也是OK的。然而，如果用户把浏览器窗口调整的很大，这时阅读网页会非常不适：读完每一行之后，你的视觉焦点要从右到左移动一大段距离。display属性： 对于大多数元素他们的默认值通常是block或inline。一个block元素通常被叫做块状元素（一个块级元素会新开始一行并且尽可能撑满容器）。一个inline元素通常
2016-12-08 19:32:46
1010
原创 web前端之锋利的jQuery十一：综合开发，编写购物网首页
web前端之锋利的jQuery十一：综合开发，编写购物网首页这章主要介绍如何搭建一个前端网页，文章最后面有完整的代码，前面的主要是说明第一步：搭建网页结构 购物网站基本上可以分为以下几部分： 头部：相当于网站的品牌，可用于放置Logo和通往各页面的链接 内容：防止页面的主体 底部：放置页面其他链接和版权信息<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
2016-12-08 15:34:49
1930
1
原创 web前端之锋利的jQuery十：编写jQuery插件
web前端之锋利的jQuery十：编写jQuery插件编写插件的目的是给已经有的一系列方法或者函数做一个封装，以便在其他地方重复使用，方便后期维护和提高开发效率jQuery插件主要分为三种类型：1.封装对象方法的插件 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最为常见的一种插件。 2.封装全局函数的插件 可以将独立的函数加到jQuery命名空间下。 3.
2016-12-07 20:16:16
711
原创 web前端之锋利的jQuery九：jQuery插件的使用（模态窗口、cookie、UI）
web前端之锋利的jQuery九：jQuery插件的使用（模态窗口、cookie、UI）1.模态窗口插件－SimpleModal：SimpleModal是一个轻量级的jQuery插件，它为模态窗口的开发提供了一个强有力的接口，可以把它当做模态窗口的框架。SimpleModal非常灵活，可以创建你能够想象的任何东西，并且你还不需要考虑UI开发中的跨浏览器相关问题SimpleModal提供了两种简单方法
2016-12-07 16:35:35
557
原创 web前端之锋利的jQuery八：jQuery插件的使用（表单验证、表单提交）
web前端之锋利的jQuery八：jQuery插件的使用（表单验证、表单提交）
2016-12-07 13:39:48
1616
原创 web前端之锋利的jQuery七：jQuery表格应用、其他应用
web前端之锋利的jQuery七：jQuery表格应用、其他应用内容主要包含表格应用、字体变换、网页选项卡jQuery表格应用：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xht
2016-12-06 20:27:43
641
原创 web前端之锋利的jQuery六：jQuery对表单的操作
web前端之锋利的jQuery六：jQuery对表单的操作一个表单主要是由三部分组成： （1）表单标签：包含处理表单数据所用的服务器端程序URL以及数据提交到服务器的方法 （2）表单域：包含文本框、密码框、隐藏框、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 （3）表单按钮：包括提交按钮、复位按钮和一般按钮，用于间数据传送到服务器上或者取消传送，还可以用来控制其他定义了处理脚本的处理
2016-12-06 18:56:05
534
原创 web前端之锋利的jQuery五：jQuery中的动画
web前端之锋利的jQuery五：jQuery中的动画1.show()、hide()：show方法和hide方法是jQuery中最基本的动画方法。在HTML文档中，为一个元素用hide方法，会将该元素的display样式改为“none”$(“element”).hide();等同于$(“elemnt”).css(“display”,”none”);<!DOCTYPE html PUBLIC "-//
2016-12-06 15:06:28
542
原创 web前端之锋利的jQuery四：jQuery中的事件
web前端之锋利的jQuery四：jQuery中的事件与动画加载DOM：执行时机： $(document).ready(function(){}); 详情解释事件绑定：bind(event,data,function) 第一个参数是事件类型，类型包括：blur focus load resize unload click dblclick mousedow
2016-12-06 11:34:45
3330
原创 web前端之锋利的jQuery三：jQuery中的DOM操作
web前端之锋利的jQuery三：jQuery中的DOM操作一般来说，DOM分为三个方面：DOM Core(核心) 、HTML-DOM和CSS-DOMDOM Core： JavaScript中的getElementById()、getElementsByTagName()、getAttribute()、setAttribute()都是DOM Core的组成部分。详情查看HTML-DOM： 在使用
2016-12-05 20:06:45
1312
原创 web前端之锋利的jQuery二：jQuery选择器
web前端之锋利的jQuery二：jQuery选择器1.css选择器 标签选择器：E{CSS规则} ID选择器：#ID{CSS规则} 类选择器：.className{CSS规则} 群选择器：E1,E2,E3{CSS规则} 后代选择器：E F{CSS规则} 通配选择器：*{CSS规则} 其他选择器：伪类选择器（E:PseudoElements{CSS规则}）、子选择器(E>F{CSS规则
2016-12-05 15:24:34
1377
1
原创 web前端之锋利的jQuery一：认识jQuery
web前端之锋利的jQuery一：认识jQueryjQuery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应
2016-12-05 10:11:44
772
原创 web前端之JavaScript正则表达式
web前端之JavaScript正则表达式\d 表示数字\d? ?表示0个或者一个\d+ +表示一个或者多个\d{3} 表示三个\d{3,5} 表示三到五个\d{3,} 表示至少出现3次\d* *表示0到任意个\b 表示单词边界\B 表示非单词边界\bis\b 表示查找“ is ”的. 表示任意字符\ 表示转译http:(\/\/.+\.jpg) 用()进行分组$1 获取其
2016-12-04 18:10:31
2883
2
原创 web前端之dojo实际应用及开发六：页面布局（附有源码）
web前端之dojo实际应用及开发六：页面布局（附有源码）获得ID（dojo.byId）：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
2016-12-03 17:45:16
2236
3
原创 web前端之dojo实际应用及开发五：丰富的用户界面（附有源码）
web前端之dojo实际应用及开发五：丰富的用户界面（附有源码）现在我们就使用dojo的Dijit工具包来丰富用户界面： 那Dijit的界面组件有哪些呢？日历、调色板、对话框（模态（modal）或非模态）、富文本编辑器、内嵌编辑器、菜单栏和上下文菜单、进度条、折叠菜单和面板、工具栏、工具提示、树等组件。DojoX 扩展库还提供了一系列额外的组件，包括网格、图表、视频播放器、灯箱效果等。那么现在就让
2016-12-03 16:19:58
838
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人