
web前端
文章平均质量分 53
绿竹痕
精通java技术,酷爱编程!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
搞了三天1个通宵的问题-vue-quill-editor的组件复用问题
vue 富文本 quill 巨坑原创 2022-08-26 00:23:51 · 1799 阅读 · 0 评论 -
js--图表--highcharts 页面导出按钮汉化
在使用highcharts作为web图表的显示插件时,因为highcharts是老外开发的,所以按钮内容当然也是英文了。不过,highcharts 的api也为我们汉化提供了汉化的属性设置,highcharts lang属性就是设置这些按钮汉化的地方Java代码 lang: { decimalPoint: "." downloadJPEG: "Downlo转载 2013-04-26 18:45:03 · 3117 阅读 · 1 评论 -
struts2自动封装ajax提交过来的数据
情况是这样的:Action:public class HomeMemberAction extends ParentAction{private HomeMember homeMember;//查询方法public String homeMemberList(){System.out.println("===" + homeMember.getMemberNam原创 2013-05-05 23:01:21 · 2540 阅读 · 0 评论 -
RequireJS 异步加载js文件框架
Requirejs是异步加载js文件利器,改变了传统的同步加载js文件的方式,提高了页面加载速度。采用Requirejs加载的js文件必须采用AMD规范写法。AMD:AMD 提出了一种基于模块的异步加载 JavaScript 代码的机制,它推荐开发人员将 JavaScript 代码封装进一个个模块,对全局对象的依赖变成了对其他模块的依赖,无须再声明一大堆的全局变量。通过延迟和按需加载来解决转载 2013-05-06 14:09:44 · 5747 阅读 · 0 评论 -
基于struts2实现ajax的2种标准方法
基于struts2,有2种标准方法实现ajax 共同的一点是,Action都需要将一个方法暴露出来,给前端javascript调用 javascript的代码都是一样的: Js代码 function testAjax() { var $userNameInput = $("#ajax_username"); va转载 2013-05-05 01:32:28 · 1378 阅读 · 0 评论 -
js--json字符串 和 json对象总结
在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" };一、JSON字符转载 2013-05-12 23:48:09 · 1036 阅读 · 0 评论 -
js---jQuery---$(fn)/ $(document).ready()函数
$(fn)$(document).ready()的简写方式,允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有其他的$()操作符都包装到其中来。从技术上来说,这个函数是可链接的--但真正以这种方式链接的情况并不多。你可以在一个页面中使用任意多个$(document).ready事件。要详细了转载 2013-05-13 00:03:43 · 1045 阅读 · 0 评论 -
js---jQuery--动态增加html片段,会再次触发$(fn);函数
/***家庭成员列表*/$(function(){homeMemberList.init();});var homeMemberList = (function(window, $, undefined){//初始化function init(){initAddDialogContent();}function initAddDialogCo原创 2013-05-13 00:01:03 · 3307 阅读 · 0 评论 -
js-浏览器的工作原理:新式网络浏览器幕后揭秘
序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。她写道:在 IE 占据 90% 市场份额的年代,我们除了把浏览器当成一个“黑箱”,什么也做不了。但是现在,开放源代码的浏览器拥有了过半的市场份转载 2013-06-07 17:34:36 · 1826 阅读 · 0 评论 -
js--浏览器的渲染原理简介
看到这个标题大家一定会想到这篇神文《How Browsers Work》,这篇文章把浏览器的很多细节讲得很细,而且也被翻译成了中文。为什么我还想写一篇呢?因为两个原因,1)这篇文章太长了,阅读成本太大,不能一口气读完。2)花了大力气读了这篇文章后可以了解很多,但似乎对工作没什么帮助。所以,我准备写下这篇文章来解决上述两个问题。希望你能在上班途中,或是坐马桶时就能读完,并能从转载 2013-06-07 18:09:34 · 1737 阅读 · 0 评论 -
按钮形状---超链接
按钮形状的超链接 或者原创 2013-06-20 18:56:48 · 1116 阅读 · 0 评论 -
js---验证--验证输入域的方法
//邮箱function _isEmail(str){ var reg = /^(([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2}))$/; return reg.test(str);}//手机号码function _isMobile(value){if(/^13\d{9}$/g.原创 2013-06-21 16:19:29 · 1130 阅读 · 0 评论 -
js----JS获取GET参数
对于 URL,我们需要了解更多,因为我们的开发中可能会需要提取URL的部分信息来做不同的事情,事实上这也是与后端交互的一种独特的方式,当然这肯定是安全的,当请求被返回,关于 url 的信息就被记录在了 Window 对象的 Location对象中,取值的结果并不随着用户手动修改地址栏中的字符而发生任何改变,这一点是很重要的。了解了这些内容,那么我们从下面这张图开始吧:图片中间那一行转载 2013-07-11 14:52:41 · 1109 阅读 · 0 评论 -
日积月累--web前台----未完待续
1.单选html 单选框,name属性必须一致;如:name='state' id='userstate' value='1'> 用户状态name='state' id='starstate' value='2'> 明星状态 2.js1.丢弃小数部分,保留整数部分 js:parseInt(7/2) 2.向上取整,有小数就整数部分加1 js: Math.ce原创 2013-04-19 12:09:11 · 1142 阅读 · 0 评论 -
freemarker -- 很全面的freemarker教程
FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:格式部分,不会输出 3,插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出 4,FTL指令:FreeMarker指定,和HTML标记类似,名字前加#予以区分,不会输出 下面是一个FreeMarker模板转载 2013-12-03 23:14:19 · 4485 阅读 · 0 评论 -
js--easyUI--EasyUI的datagrid自适应高度
datagrid列高,宽自适应:fitColumns:true,使用fitColumns:true属性,可以解决高度自适应问题,但随之而来的是宽度也自适应了,这时,列宽显示就会有些问题了,笔者的解决方法比较笨:给datagrid设置一个高度值:$("aaaa").datagrid({columns:[columns],title:aTitle,width:1000,原创 2013-12-04 19:25:57 · 4353 阅读 · 0 评论 -
js--dom--动态生成【下拉列表】
/** *创建下拉列表 *param selectId 下拉列表id *return selectObj 下拉列表对象 */ _uparde.createSelect = function createSelect(selectId){ var selectObj = document.createElement('select'); selectObj.id =原创 2013-04-22 16:00:27 · 2254 阅读 · 0 评论 -
js--easyUI datetimebox 自定义显示格式 .
项目里需要显示自定义显示格式,比如只显示yyy,yyyy-mm,yyyy-mm-dd等格式。直接设置formatter参数的话,总是报错。用firefox调试后发现,好像在设置新的日期时datetimebox控件会调用默认的parser指定的函数,把字符串转为日期格式。由于默认的只认"yyyy-MM-dd hh:mm:ss"格式(可以是其它分隔符,并非一定要是'-'),所以如果formatte转载 2013-04-22 11:42:36 · 1937 阅读 · 0 评论 -
系统在本地tomcat中跑没问题。在weblogic中跑,总报:JSLoader.js 缺少'}'的错误
问题:系统在本地tomcat中跑没问题。在weblogic中跑,总报:JSLoader.js 缺少'}'解决:编码格式的问题,需要修改 weblogic 的启动参数。在目录:D:\oracle\Middleware\user_projects\domains\bifoundation_domain\bin下找到startWebLogic.cmd/startWebLogic.sh原创 2012-10-11 15:45:39 · 1483 阅读 · 0 评论 -
html <textarea>标签的使用
定义和用法 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。提示:可以通过 标签的 wra原创 2013-02-18 15:52:10 · 1716 阅读 · 0 评论 -
js -- dom -- js dom html节点的属性方法
根据实验发现,dom节点中,html节点都有一下属性,并列举重要的属性:例如:var trObj = document.getElementById("id_1"); //获得一个tr对象trObj.parentNode; //获得tr的父节点trObj.firstChild; //获得tr第一个子节点trObj.childNodes;原创 2013-03-05 17:47:56 · 1261 阅读 · 0 评论 -
js -- dom -- JS获取HTML DOM节点元素
在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过):1. 通过顶层document节点获取: (1) document.getElem转载 2013-03-05 17:49:40 · 1431 阅读 · 0 评论 -
js--判断--判断一个字符串是否包含另一个字符串
方法function isCunzai(){ var str1 = "BABEBIBOBUBABEBIBOBU" var s = str1.indexOf("iBOB"); alert(s);}indexOf()方法:区分大小写,不包含,返回-1;包含,返回索引值;以上结论在IE中测试过。原创 2013-03-05 15:35:03 · 2822 阅读 · 0 评论 -
js--dom--添加事件的时候传递参数的方法
1.js的位置必须是dom节点之后,否则就会说找不到节点。 click hereinit();function init(){ document.getElementById("myHeader").onclick = test(33);//必须放在这,如果放在head中的话,就会说找不到myHeader节点}function test转载 2013-03-05 16:30:48 · 6697 阅读 · 1 评论 -
JS操作JSON总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。转载 2013-02-28 18:34:22 · 547 阅读 · 0 评论 -
JS Json 定义与操作
Json定义:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Py转载 2013-02-28 18:32:57 · 1991 阅读 · 0 评论 -
js-dom-document对象详解
Document对象内容集合document 文挡对象 - JavaScript脚本语言描述———————————————————————注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 “引用的元素为空或者不是对象\\\\\”———————————————————————对象属性document.title //转载 2013-03-01 14:02:55 · 533 阅读 · 0 评论 -
js-dom-document对象介绍
此对象在 Microsoft® Internet Explorer 3.0 的脚本中可用。使用 document 对象可以对 HTML 文档进行检查、修改或添加内容,并处理该文档内部的事件。在 Web 页面上,document 对象可通过 window 对象的 document 属性引用,或者直接引用。目录释义成员表注释示例标准信息应用到展开释义成员表注释示例标准信转载 2013-03-01 13:59:59 · 791 阅读 · 0 评论 -
js-dom-动态创建html标签时,name属性的初始化问题
当我们动态创建可包含Name属性的元素时,不能简单的使用赋值element.name = "..."来添加其Name,而必须在创建Element时,使用document.createElement('')为元素添加Name属性。这是什么意思啊?看下面的例子就明白了。 var input = document.createElement('INPUT');input.id = '原创 2013-03-04 11:15:36 · 2113 阅读 · 0 评论 -
HTML5--web存储
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。在 HTML5 中,数据不原创 2013-03-04 11:52:34 · 572 阅读 · 0 评论 -
js--Array.prototype.slice.apply(arguments);
arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象),用来引用调用该函数时传递的实际参数。function test(){ //将参数转为一个数组 var args = Array.prototype.slice.apply(arguments); alert(args); } arguments原创 2013-03-19 15:18:46 · 2647 阅读 · 0 评论 -
js---js的concat函数、join 、slice函数及二维数组的定义方式
首先:concat方法定义:concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。举例说明: 1 /*concat()结果返回的是一个数组*/ 2 3 var arr = new Array(3) 4 arr[0] = "George" 5 arr[1] = "John" 6 arr[2] = "Thomas"转载 2013-03-19 15:20:24 · 2487 阅读 · 0 评论 -
js---JS中showModalDialog 详细使用
基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。 window.sho转载 2013-03-20 11:02:28 · 836 阅读 · 0 评论 -
js自定义对象.属性
js自定义对象一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类、Hashtable类等等。目前在Javascript中,已经存在一些标准的类,例如Date、Array、RegExp、String、Math、Number等等,这为我们编程提供了许多方便。但对于复杂的客户端程序而言,这转载 2012-11-07 15:55:32 · 1972 阅读 · 0 评论