【JavaScript/Jquery】
洪文聊架构
请关注我的公众号[洪文聊架构],洪文,让我们一起探索架构师之路!
展开
-
JS面向对象编程浅析
Object是javascript中所有类的基类var p1=new Object();//通过Object直接创建对象,这里p1就是对象了p1.name='test';//给p1的属性赋值通过Object创建的类有以下主要属性: 1、contructor 对象构造函数 2、prototype 原型,获得类的prototype对象,st原创 2012-10-02 00:19:32 · 958 阅读 · 0 评论 -
json 最本质 最经典的描述~~~NB死了
已经说了许多了许多话题了,但有一个很基本的问题我们忘了讨论,那就是:怎样建立对象? 在前面的示例中,我们已经涉及到了对象的建立了。我们使用了一种被称为JavaScript Object Notation(缩写JSON)的形式,翻译为中文就是“JavaScript对象表示法”。 JSON为创建对象提供了非常简单的方法。例如, 创建一个没有任何属性的对象:原创 2012-12-19 17:20:02 · 1231 阅读 · 0 评论 -
java中使用Json数据
PS:11.15看了一下午终于把项目中flexigrid中复杂封装数据类型--->json-->返回前台显示的整个过程:原理看明白了!!!1.json理解: 步骤1: 就是把后台的List或Map等封装数据,利用json.jar包直接转换成json对象,这样复杂类型data就变成了json形式{"int":1,"name":"kava","func":func原创 2012-10-26 16:44:53 · 1611 阅读 · 0 评论 -
amcharts使用总结
由于业务需要,需要将后台数据使用图表的方式展现在前端。目前关于图表展现的软件比较多,有high chart,JFree charts 等。我们选择的是amcharts。 最开始我们使用amcharts1.6版本,其具有较低的学习成本。其在前端的工作量很少,主要写如下代码: var uri2="checkSeatQuery01.htm?dep="+dep+"&arr=原创 2012-09-18 11:32:34 · 4254 阅读 · 0 评论 -
amchart 配置详解
amchart的原理是通过一个主html文件(例如:index.html),包含一段JS代码,这段JS代码将调用相关的图形的SWF文件(amcolumn.swf),数据源我采用的是XML的方式(例如:amcolumn_data.xml),然后通过一个主设置文件(amcolumn_settings.xml),从而产生图形显示的。拿柱形图来说,就是通过index.html主页面将amcolum原创 2012-09-19 15:29:30 · 2909 阅读 · 0 评论 -
Echarts Jqplot嵌入extjs4 windows 组件方法
Echarts和jqplot等画图组件,嵌入Extjs容器方法。原创 2014-05-04 11:41:37 · 1939 阅读 · 0 评论 -
Extjs开发包目录介绍
adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。 build: 压缩后的ext全部源码(里面分类存放)。 docs: API帮助文档。 exmaples:提供使用ExtJs技术做出的小实例。 resources:Ext UI资源文件目录,如CSS、图片文件都存放在这里面。 source: 无压缩Ext全部转载 2014-05-05 09:48:15 · 1274 阅读 · 0 评论 -
js文件压缩原因和压缩原理
Javascript 压缩器是一个在线压缩和混淆 Javascript 代码的开发辅助工具,能够帮助开发人员减小 JS 文件大小、避免网站上的 Javascript 源代码被他人窥视和窃取。压缩:删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格,从而压缩 JS 文件大小。混淆:经过编码将变量和函数原命名改为毫无意义的命名,以防止他人窥视和窃取 Javascript转载 2014-05-05 10:45:56 · 17006 阅读 · 1 评论 -
JSTL 的 if else : 有 c:if 没有 else 的处理
jstl的c:if 没有else想要实现if...else...: 可以用下面的解决 -------------------------------------------------------------------- 结构: 如果 否则原创 2013-03-04 13:24:12 · 1294 阅读 · 0 评论 -
JSTL-Core标签库
JSTL 标签库介绍 在 JSTL1.1 中有以下这些标签库是被支持的: Core 标签库、 XML processing 标签库、 I18N formatting 标签库、 Database access 标签库、 Functions 标签库。对应的标识符见表 9.2 所示:下面看例 9.5 ,简单使用标签库的示例。例 9.5 :简单 JSTL 标签库示例转载 2012-10-30 16:41:27 · 984 阅读 · 0 评论 -
jQuery学习笔记—— .html(),.text()和.val()的使用和区别
本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法。jQuery中为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作,比如说,你可以给已存在的元素的内部,周围,前面或者后面增加新元素;或者用一个元素替代另一个元素;你也可以读取或者修改一个元素的内容或结构转载 2014-02-25 16:34:21 · 1098 阅读 · 0 评论 -
JSLT - EL表达式 详解-->精辟总结!!
EL 全名为Expression LanguageEL 语法很简单,它最大的特点就是使用上很方便。接下来介绍EL主要的语法结构:${sessionScope.user.sex}所有EL都是以${为起始、以}为结尾的。上述EL范例的意思是:从Session的范围中,取得用户的性别。假若依照之前JSP Scriptlet的写法如下:User user = (Us原创 2012-10-30 18:51:49 · 2459 阅读 · 0 评论 -
JSTL-EL表达式
Sun 发布的标准 JSTL1.1 标签库有以下几个标签: 核心标签库:包含 Web 应用的常见工作,比如:循环、表达式赋值、基本输入输出等。 国际化标签库:用来格式化显示数据的工作,比如:对不同区域的日期格式化等。 数据库标签库:可以做访问数据库的工作。(略) XML 标签库:用来访问 XML 文转载 2012-10-30 16:44:33 · 1760 阅读 · 0 评论 -
JS对象、DOM对象、Jqeury对象、Json对象 对比分析
一直以来都搞不清这几个对象到底什么关系,通过资料查阅,自己的理解如下: JS对象:javascript对象,在js代码里面定义的对象(对象有属性和方法)。 DOM对象:其实就是定义好了的JS对象,只不过针对规范的DOM标准定义好了对象的相关属性和方法。如Document对象有body、cookie等属性和close()、writer()等方法。 Jquery对象:用Jque原创 2014-07-16 17:09:58 · 2753 阅读 · 0 评论 -
Ajax之DWR框架使用小结(1)
DWR,Direct Web Remoting的简称是DWR,它的实现是基于Ajax的,可实现无刷新的效果。这个框架最大的优点就是可以在JS中调用Java方法,传递参数,并且可以得到返回值。它是开源(Apache)的产品。很早之前使用过DWR,今天帮师兄做作业,回顾了一番,有了更进一步的认识,所以简单总结一下它的使用方法。 第一步:下载DWR包。 从网站(http://directwebr转载 2014-09-01 14:31:35 · 826 阅读 · 0 评论 -
Javascrip对象 (dom对象) 与jquery对象的区别 转换---perfect
刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。比如:$("#test").html()转载 2013-06-27 10:08:54 · 1088 阅读 · 0 评论 -
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
"window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明:如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写转载 2013-06-19 11:47:13 · 1168 阅读 · 0 评论 -
javascript放在head和body的区别(w3c建议放在head标签中)
JavaScript脚本放在哪里在HTML body部分中的JavaScripts会在页面加载的时候被执行。在HTML head部分中的JavaScripts会在被调用的时候才执行。——————————————————————————JavaScript应放在哪里页面中的JavaScripts会在浏览器加载页面的时候被立即执行,我们并不希望总是这样,有时候我们想让一转载 2013-04-19 10:30:30 · 1304 阅读 · 0 评论 -
js函数 with 作用
先看例子:说明with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意 Math 的重复使用:x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Math.E)当使用 with 语句时,代码变得更短且更易读:with (Math){ x = cos(3 *原创 2012-08-22 15:08:10 · 1944 阅读 · 0 评论 -
Json对象在JS中应用,经典总结。
使用JSON进行数据传输一、选择的意义在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式。为了更好的使用ajax,我们将学习一种有用的数据格式 JavaScript Object Notation(JSON),以及如何使用它更轻松地在应用程序中移动数据和对象。JSON是一种简单的数据交换格式,在某些方面,它的作用与XML非常类似,但比XML更为简单,JS原创 2012-09-14 10:40:34 · 2006 阅读 · 1 评论 -
json法创建js对象
什么是JSONJSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法。JSON也是一种轻量级数据交换格式。JSON非常易于人阅读与编写,同时利于机器解析与生成。JSON是在AJAX中代替XML交换数据的更佳方案。猴子提示: JSON定义法类似于直接定义法,JSON定义法就是将直接定义法定义的函数与属性放到大括号中,并且去掉属性与原创 2012-09-14 10:26:58 · 1123 阅读 · 0 评论 -
jQuery.extend扩展函数的用法
最近在研究jQuery。把jQuery.extend扩展函数的用法记录下来。1、扩展jQuery静态方法.1$.extend({2test:function(){alert('test函数')}3})用法: $.test()2、合并多个对象.为jQuery.extend(css1,css2)为例,css1,css2个有一些属性(法照样会比处理,这里之原创 2012-09-16 11:45:21 · 1069 阅读 · 0 评论 -
document.getElementById 用法 详解!
document.getElementById(" ") 得到的是一个对象,用 alert 显示得到的是“ object ”,而不是具体的值,它有 value 和 length 等属性,加上 .value 得到的才是具体的值! 参考资料:1. document . getElementById 的用法和 DHTML.CHM 的下载地址http://blog.sina.com原创 2012-10-11 15:50:22 · 8820 阅读 · 0 评论 -
encodeURI encodeURIComponent 的作用 及 应用
首先解释下 encodeURIComponent 的作用:将文本字符串编码为一个有效的统一资源标识符 (URI)。为什么要用这个是因为我想把 username 整个当做参数传递给 CGI, 而不让 CGI 将 username 分割掉。这话听不明白的话我换种方式来说,如果 username = 'a&foo=boo' 而不用 encodeURIComponent 的话,整个参数就成了 name转载 2012-11-13 16:15:22 · 1374 阅读 · 0 评论 -
document.documentElement.clientHeight
于获取各种浏览器可见窗口大小的一点点研究function getInfo(){var s = "";s = " 网页可见区域宽:" document.body.clientWidth;s = " 网页可见区域高:" document.body.clientHeight;s = " 网页可见区域宽:" document.body.offsetWidth " (包括边线和滚原创 2012-12-08 11:20:53 · 4718 阅读 · 0 评论 -
悟透JavaScript
悟透JavaScriptPosted on 2008-02-25 13:32 李战 阅读(119496) 评论(429) 编辑 收藏 博客园专题介绍:http://book.cnblogs.com/zt/wtjs/ 博客园购买网址: http://www.hjbook.net/product/3411/网络书店购买网址:http://www.china-pu转载 2012-12-19 17:33:05 · 848 阅读 · 0 评论 -
###JavaScript权威指南学习笔记:
###JavaScript权威指南学习笔记:1.JS没有类,只有对象,蝌蚪变青蛙的例子太经典了。2.函数跟对象没有区别,只是对了一堆括号,调用时表示可以自己调用自己。3.JSON对象其实就是js的对像,用JSON格式的String可以完美的创序列化JS对象!,因此JS对象可以作为一个JSON形式的字符串,在网络不通层次间进行传递!--->需要时,还可以转成JS对象,只需eval函数。原创 2012-12-21 14:11:36 · 1011 阅读 · 0 评论 -
javaScript 写类的方式: 详解
一些写类工具函数或框架的写类方式本质上都是 构造函数+原型。只有理解这一点才能真正明白如何用JavaScript写出面向对象的代码,或者说组织代码的方式使用面向对象方式。当然用JS也可写出函数式的代码,它是多泛型的。 为了讨论的单一性,暂不考虑类的继承,(私有,受保护)属性或方法。EMCAScript中实际没有类(class)的概念,但可以把它理解为更广义的概念。原创 2013-04-23 15:11:22 · 1153 阅读 · 0 评论 -
javascript继承 详解~~(对象冒充的方式)
面向对象的语言多数都支持继承,继承最重要的优点就是代码复用,从而构建大型软件系统。如果一个类能够重用另一个类的属性和或方法,就称之为继承。从这个角度来看看JS的继承方式。JS中继承方式与写类方式息息相关。不同的写类方式造成不同的继承方式。各种流行JS库继承方式也各不相同。从最简单的复用开始。 1、构造函数方式写类,通过方法调用复制父类属性/字段到子类 实现继承这里父类,子类原创 2013-04-23 14:20:08 · 1345 阅读 · 0 评论 -
Bootstrap 定制和修改方法-perfect
特别声明:此篇文章由Sunnylost根据Thomas Park的英文文章原名《Customizing Bootstrap》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://coding.smashingmagazine.com/2013/03/12/customizing-bootstrap以及作者相关信息转载 2015-03-09 13:40:08 · 12542 阅读 · 1 评论