kjah_1-CSDN博客

原创 [转]前端构建工具gulpjs的使用介绍及技巧

原文地址：http://www.cnblogs.com/2050/p/4198792.htmlgulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。...

2015-05-22 09:43:55 104

原创 chrome firebug调试

http://ued.taobao.org/blog/?p=5534chrome调试http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.htmlchrome的调试https://developers.google.com/chrome-developer-tools/docs/commandline-apic...

2014-04-04 09:34:55 175

移动浏览器内核及连接数

移动浏览器内核Android和iOS上使用的浏览器内核都是WebKit内核,UC 的U3内核和QQ的X5内核都是在开源的WebKit基础上修改的,或者说是WebKit内核的分支版本。浏览器使用的WebKit版本可以在UserAgent中查看。如:Mozilla/5.0 (Linux; U; Android 2.3.5;zh-cn; MI-ONE Plus Build/GINGERB...

2013-01-07 09:34:14 158

原创移动web项目开发问题笔记

前阵一直在做的移动web项目项目已进入尾声,以下总结下在项目中遇到的问题和技术要点开发问题及要点1. viewport 窗口适应通过设置viewport使页面适应设备的宽度<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-...

2012-12-03 14:49:23 149

QR二维码Java开发笔记

QR二维码是目前最常用二维码是把字符串编码后通过二维图片的黑白两色模块显示出来可表示的字符串长度和容错率(ECC) 显示编码模式(EncodeMode)及版本(Version)有关容错率共四档:L 7%M 15%Q 25%H 30% 编码模式:Numeric 数字...

2012-06-25 15:33:13 149

[js技巧]解决输入框焦点争夺

在表单验证时,输入框的验证经常会用到onblur事件,当验证不通过,有时会需要调用focus()把焦点移回输入框,就是不输对就不许其他操作那种,虽然应用场景不多,在实际使用时会产生一个焦点争夺的问题: 当两个输入框里都是验证不通过的值,焦点在a输入框,当用户点击b输入框时,a输入框的onblur验证方法调用focus()方法触发b输入框的onblur事件,又会要求把焦点设置到b上两个输入框...

2012-01-11 10:14:20 293

Javascript获取css渲染样式值技巧

一直忙没更新,总结下近期开发中使用的关于提取css渲染树样式的方法提取渲染样式IE从domElement.currentStyle对象中提取即时计算的样式标准浏览器使用window.getComputedStyle方法获取IE下还有个runtimeStyle对象,可以应用样式又不改变DOM的style属性,理解为runtimeStyle用于运行时写入样式,currentStyle...

2011-12-28 15:48:04 394

随着Ajax的发展，使用javascript的RIA应用越来越多，用户在同一页面中驻留的时间越来越长，内存泄露和内存占用问题越来越值得RIA开发者的注意，当RIA应用中内存得不到合理的释放，内存使用量会持续上涨，造成RIA应用反应变慢甚至会造成用户浏览器崩溃。虽然这种问题很少显现，但并不是说明应用中不存在这种问题，只不过这些问题在用户页面跳转和关闭浏览器时被掩盖掉，当我们RIA应用要用户一直在同一...

2010-12-10 15:20:14 139

原创 [转]疯狂的跨域技术

原帖地址:http://itgeeker.com/mathml/readpaper?pid=53JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档...

2010-09-26 10:24:33 112

[CKEditor]table单元格选择插件ie

功能描述: 在IE下实现类似FF下的单元格选择,为ie下合并单元格、删除多个单元格操作提供选择功能。(配合tabletools插件扩展实现合并单元格等操作) 实现原理: 根据单元格与鼠标选择区域的位置,计算被选择单元格,为单元格加上特定class。使用及配置: 插件复制到plugins目录,修改config.js文件,增加config.ex...

2010-09-14 10:20:52 293

[CKEditor]table插件扩展

功能描述: 原添加表格按钮,改为弹出面板选择式,同word里的插入表格,可通过移动鼠标选择要插入的表行列,原来的功能通过点击表格属性调用. 效果截图: 代码:CKEDITOR.plugins.add( 'table',{ init : function( editor ) { var table = CKEDITOR.plugins.ta...

2010-09-13 15:26:31 669

原创 [转]如何提升JavaScript的运行速度之DOM篇(四)

在Web开发中，JavaScript的一个很重要的作用就是对DOM进行操作，可你知道么？对DOM的操作是非常昂贵的，因为这会导致浏览器执行回流操作，而执行了过多的回流操作，你就会发现自己的网站变得越来越慢了，我们应该尽可能的减少DOM操作。本文是这个系列的最后一篇，给出了一些指导性原则，比如在什么时候应该对DOM可以进行什么样的操作等。【原文】Nicholas C. Zakas - Speed u...

2010-08-02 16:12:15 77

原创 [转]如何提升JavaScript的运行速度之递归篇(三)

影响JavaScript性能的另外一个杀手就是递归，在上一节中提到采用memoization技术可以优化计算数值的递归函数，但 memoization不是万能的，不是所有的递归函数都可以用memoization技术优化，本文介绍了这些情况，并介绍了解决办法，就是将递归转换为迭代，同时需要注意，本文末尾介绍的方案不是最终的方案，还需要和上一节优化循环的方案综合起来才能达到最佳效果。【原文】Spe...

2010-08-02 16:06:55 92

原创 [转]如何提升JavaScript的运行速度之函数篇(二)

这篇是Nicholas讨论如果防止脚本失控的第二篇，主要讨论了如何重构嵌套循环、递归，以及那些在函数内部同时执行很多子操作的函数。基本的思想和上一节chunk()那个例子一致，如果几个操作没有特定的执行顺序，而且互相不是依赖关系，我们就可以通过异步调用的方式加以执行，不止可以减少执行的次数，还可以防止脚本失控。本文还介绍了通过memoization技术取代递归的方法。【原文标题】Speed u...

2010-08-02 16:03:13 80

原创 [转]如何提升JavaScript的运行速度之循环篇(一)

根据Nicholas的说法，有四种代码会拖慢脚本的运行，并最终导致脚本失控。分别是次数过多的同步循环、庞大的函数体、不恰当的递归和不合理的DOM调用。这篇着重讲第一个原因。最后给出了一个开发模式，替换传统的循环结构，可以完全避免脚本失控的状况发生。原文标题：Speed up your JavaScript, Part 1原文作者：Nicholas C. Zakas在我上一...

2010-08-02 15:59:52 86

原创 [转]浏览器Quirksmode(怪异模式)与CSScompat

原文地址:http://www.wxwdesign.cn/article/skills/browser_quirksmode_csscompat.htm 由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility M...

2010-07-14 10:05:48 179

原创 js动态加载刷新多级引用的css

问题描述:页面引用page.css,page下又引用(@import)a.css,a.css下引用a1.css,a2.css,a3.css....(ie允许引用4级,4级以后无效,每个.css最多允许引用31个css文件)如当a1.css中有变动时,页面在不刷新的情况下需要应用上a1.css变动的样式. 问题分析:直接在页面通过js重新加入page.css的引用时,由...

2010-05-26 10:23:06 213

跨域子窗口关闭父窗口刷新

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <SCRIP

2010-04-23 13:27:33 325

使用org.apache.jasper.JspC编译jsp文件

JspC可以通过jspc.setArgs(args);设置所需参数,和使用指令进行编译相同, 使用指令编译范例:java -cp jasper.jar;servlet-api.jar;Fcatalina.jar;F:\server\tomcat.6\bin\tomcat-juli.jar;ant.jar;jsp-api.jar;jasper-el.jar;el-api.jar;jstl...

2010-03-26 16:14:00 385

xslt为html添加 DOCTYPE声明

<?xml version="1.0" encoding="UTF-8"?><xsl:stylesheet version="1.0"xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><xsl:output method='html' version='1.0' encoding='UTF-8' in

2010-03-25 16:31:00 223 1

原创正则成果保留

html:<(?:script|link)[^>]+(?:src|href)\s*=\s*["'](?!http:|https:)(.*?)["'][^>]*> 获得內链js、css <(/?[a-z0-9]+)(?:[^>]*(?<!/)>|[^/]?>)匹配开始标签和结束标签,忽略单闭合标签 <[\s\S...

2010-02-10 14:55:19 87

原创 [转]UserAgent的历史变迁

来源:译言Google推出的Chrome让大家热议纷纷，只有专业用户才会注意到用Chrome访问网页时发出的“Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13”UserAgent字符串，貌似天书，它到底是怎么...

2010-01-25 11:17:57 82

原创 [转]正则表达式之-非捕获，前瞻与后顾

总揽前瞻：lookahead后顾: lookbehind在perl风格的正则表达式中非捕获的语法是:(?:)前瞻的语法是:(?=)后顾的语法是:(?<=) 他们三者的共同点就是与普通子模式的()不同，不会捕获这些特殊模式内的匹配一下的例子只是为了说明功能编写，并非是实际使用中比较好的方法。非捕获先拿非捕获来说:非捕获表达式/(?:music) is the key/正常的捕获子模式/(mu...

2009-12-30 10:27:22 182

使用SAC＆CSSParser解析css文件简单示例

SAC:http://www.w3.org/Style/CSS/SAC/ CSSParser下载地址http://sourceforge.net/projects/cssparser/files/ Sample Code:import java.io.IOException;import org.w3c.css.sac.InputSource;import...

2009-10-15 14:01:22 616

javascript开发css语法提示(CodeHints)功能

功能：模仿Dreamweaver CSS编辑时的代码提示和自动完成功能，在输入CSS代码输入过程中动态语法提示。介绍：此示例是在线代码编辑器中css语法提示功能，项目中代码编辑器主要功能还包括代码着色。代码着色功能可参考： javascript开发代码高亮预研报告此示例一共包含两个文件，一个是演示用的html，还有一个是作为css语法库的xml...

2009-07-16 17:59:53 219

javascript开发代码高亮预研报告

此报告是前一阵开发在线代码编辑器时，对代码高亮功能预研的成果，放在此处以备将来参考。附件是报告中所涉及的文件。 JS开发代码高亮预研成果报告代码高亮功能分为整篇代码高亮处理，和即时代码高亮处理，预研目标为即时代码高亮，但是由于存在效率的问题，备选整篇代码高亮处理方案。整篇代码高亮处理即对一篇代码或一段代码加入语法高亮，要求代码完整，如：html...

2009-07-13 10:35:28 106

jquery 跨iframe拖拽

iframe.html 主iframe页left.html 左侧引用页right.html 右侧引用页引用页中没有js代码，所有js代码在iframe.html中。http://kjah.iteye.com要点:1.拖动层在iframe中拖动时需要另行计算位置（iframe位置+鼠标位置=当前窗口相对位置）。2.本例中拖动层不在鼠标下而在+10px的位...

2009-07-10 15:53:28 298

javascript Range对象跨浏览器常用操作(下)

上一篇（http://kjah.iteye.com/blog/420624）介绍了Range对象：ie用的TextRange对象和标准Dom Range对象，并分别介绍使用这两个对象如何进行区域选择，这篇将介绍使用Range对象进行常用的插入文本和替换操作。 2.插入文本 TextRange插入文本使用TextRang插入文本比较简单，直接调用pasteHTML(...

2009-07-09 14:11:20 121

javascript Range对象跨浏览器常用操作(上)

最近在开发在线代码编辑器的过程中频繁接触Range对象，由于跨浏览器的需求，使用到ie下TextRange对象和标准Dom Range对象。开发的功能主要涉及即时代码着色（CodeColoring）和语法提示（CodeHints）功能，稍后会总结功能开发中问题或提供源码。以下是个人对Range对象的了解和常用操作的实例和总结： Range对象Range对象表示文档的连续范围区域，如...

2009-07-06 10:17:35 346

commons-fileupload上传示例

此上传示例是从项目中提取出来的是一个图片上传的示例功能包括： 1.上传文件类型检查 2.上传文件大小控制 3.解决中文文件名乱码引入的.jar文件： commons-fileupload-1.2.1.jar commons-io-1.2.jar http://kjah.iteye.com upload.html<!DOCTYPE html PUBLIC "-/...

2009-07-02 14:41:30 106

kjah