johnson_gong
- 浏览: 12428 次
- 性别:
- 来自: 重庆
-
最新评论
-
qkjava：
JDK1.7的
JqGrid Demo json -
johnson_gong：
咋没人留个言啥的？轻轻地不带走一片云彩？
JqGrid Demo json
文章列表
1. jquery.maskedinput.js, 预定格式输入;
a. 需要jquery;
b. 使用方式: 例如, $(selector).mask("999-9999-9999");
c. 与 jquery.validate 同时使用;
2. jquery.validate.min.js
a. 自定义 验证方法 -- mobileCHINA;
b. 根据input类型，输入值/校验值，校验方法是不同的！
3.补充:
a. $.validator.addMethod("mobileCHINA& ...
背景:
打开网页，视屏就 全屏 显示。
方案1 (js + html5)：
通过javascript获取video的DOM对象，并设置相关属性(例如: <video autoplay controls loop>)，
调用相关API方法(如: requestFullScreen; mozRequestFullScreen; webkitRequestFullScreen;)
方案2 (html5 + css):
video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100 ...
背景介绍:
画面(容器)由上到下有header,toolBar,body,footer四个区域，
1.画面的高度固定;
2.header, footer,toolBar高度可变,比如：默认height: 30px;可是内部元素
增加后需要"换行"，所以高度会增加。
3.body的高度随之改变。即: 画面height - header height - toolBar height - footer Height;
关键点:
整个画面(容器)及其子元素 采用 相对定位, 需要合理设置内部元素的高度来"撑满"画面。
即: 只需要将 ...
参考资料:
《JavaScript 模式》(<< JavaScript Patterns >>)
中国电力出版社。Stoyan Stefanov著， 陈新 译。
1.原型继承；
var Main = {};
/**
原型继承
prototypal inheitance.
*/
Main.createObj = function(o){
function F() {};
F.prototype = o;
return new F();
};
function Person(pName){
...
目的：学习 闭包，立即执行函数
概要：类型二，因使用立即函数，new新对象时，变量[counter_gad]未初始化。此与类型一不同点！！
类型一：
var closureMode = function () {
var countNo = 0;
return function (){
return (countNo += 1);
};
};
var closureOne = new closureMode();
...
目的：整理Firbug工具的常用命令：console。以提高开发效率。
/*
目的：了解常用console命令.
ps:
1.就本人经验来看，经常用到的也就是：[console.log()];所以客观上没有充分发挥console的作用。
2.现在整理一点笔记，以便在今后开发过程中 更有效率。
[console.group,console.groupEnd;
console.time,console.timeEnd;
console.profile,console.profileEnd;]
3. console.log("%c, & ...
1.关键词：类，对象；
javascript 中实际上没有严格的【类和对象】的概念，只是实现了相关效果，为了方便理解暂时
使用【类和对象】;
2.明确 类中的 【public/private变量】的使用范围，明确 类方法、对象方法的使用范围；
3. 区别 三种类型的错误(方法"未定义"，方法可调用但是返回值是"未定义")：
TypeError: undefined is not a function
Car.getCarName_3()},undefined
ReferenceError: carMadeIn is no ...
目的：对比学习 display, visibility；(position 不能设置为 fixed, absolute)
截图： 简介：
visibility:hidden可以让您隐藏某个元素，但它仍然需要像以前一样的空间。
该元素将被隐藏，但仍然会影响布局。---有的人死了(隐藏)，他/她却还活着(影响布局)。
display:none 隐藏元素后，不再占有页面空间，会被后面的元素填充。---走的干脆(隐藏)，不拖泥带水(放弃地盘)。
部分代码：
demoUtil.useDisplay = function(obj){
// obj.style.display=& ...
java coding 编码规范
- 博客分类：
- JAVA
目的：顺便自己备份资料。
参考内容：http://www.oracle.com/technetwork/java/javase/documentation/codeconvtoc-136057.html
附件内容格式有： 网页(html)版 和 pdf
ps: 对比javaScript 和java，关于"switch-case"语句中, 都认为default 中加break是多于的。
但是，java在官方示例中却加上了！并且还建议使用"default: xxx break",称是为了防止【default】后面追加
新的【case】语句。 ...
目的：实现“返回页面顶端/顶部”的动作。
背景：曾经面试被问到这个效果该怎么实现，，，额，没有答上。其实很简单的，
参考了两个网站的代码，现整理如下。
方法：
case1:使用window对象:
<a id="gotop_btn" style="" onclick="window.scroll(0, 0)"></a>
case2:使用jquery动画函数,animate:
$('html,body').animate({scrollTop:0}, 500);
case3:使用HTML标签--<link ...
做打印机的UI项目，涉及到的技术与web前端一样。现整理简单整理javaScript编码规约，温故而知新。
简介：
主要参考以下内容，中英双语。
http://yi-programmer.com/2010-10-16_jquery-style-guidelines.html
http://contribute.jquery.org/style-guide/js/#spacing
http://www.cnblogs.com/niuniu/archive/2010/08/26/1808780.html
http://javascript.crockford.com/code.html
ps: ...
目的：实现使用jqGrid插件实现后台数据的 异步查询并以表格显示。
环境：为了减少代码，只保留了struts2.
注意点：
1：
笔者也在网上看过一些例子。但是总是不能很顺利地实现。
关键点在于：
jQuery("#jqgrid_json").jqGrid({
datatype: "json",
url:"jsonGridAction",
height: "auto",
width : 750,
colNames:['Inv No', 'Client'],
co ...
Ajax, Asynchronous JAvaScript and XML.
Ajax让web开发者创建交互式的网站，功能比缓慢的、静态的网站更像桌面应用。
多种方法让Ajax可以在浏览器中直接放置交互，取代浏览器不得不频繁联系web服务器获取信息的状况。
当访问一个Ajax站点，浏览器象通常那样装载HTML页面。
然后，Ajax使用 JavaScript 进行交互。当一个站点访问者请求更多的信息时－－例如，
装载一个地图－－JavaScript产生请求。
JavaScript不是向web站点发送一个请求，而是使用API调用 XMLHttpRequest 把数据从后台转到前台。
(被 ...
目的：要找工作，因一年前做过wicket项目需要复习下。
参考：
http://wicket.apache.org/learn/examples/helloworld.html
Jar包(没仔细看控制台的error信息，没有导入必须的包，浪费了时间)：
apache-wicket-6.9.1-bin.tar.gz,
-->
wicket-core-6.9.1.jar,
wicket-request-6.9.1.jar,
wicket-util-6.9.1.jar;
slf4j-1.7.5.zip
-->
log4j-over-slf4j-1.7.5.jar,
slf4j-api ...
项目背景：
画面中有一输入框，规定，必须为“半角英文字符”。
若后台check不过，则在画面显示错误信息。
核心代码：
String inputNumber = "asdf234中国";
//半角英文字符
// pattern = Pattern.compile("^\\w*$");
Matcher matcher = pattern.matcher(inputNumber);
// 不满足正则表达式的情况
if (!matcher.matches()) {
// get to the page, and show error messa ...