2012年1月31日
【分享】让AJAX不依赖后端接口
摘要: 问题是怎么个情况？ 网页中的ajax请求越来越多，或者应用开始就一直使用ajax与后端进行数据交换。（目前我在公司参与的项目就是如此）N多接口前后端来回调试是个麻烦事。后端不可能短时间把所有的接口都写完，也不会为了前端测试而制造假的数据和接口，不仅耗费时间而且到了开发阶段返回的数据结构、接口名称也可能会有许多改动。那么后端一边写接口一边给前端，这看起来不错。但在具体实施过程中，后端未完成的接口可能有错误，你需要不停的和后端沟通不停的找原因，有可能中途还会停滞等待后端返回数据正 确才能继续。为什么会这样？ 1：前端在开发初期就依赖了未成形的接口。 2：后端不完全知道前端需要的数据项及数据格...阅读全文
posted @ 2012-01-31 15:05 Jun.lu 阅读(2061) 评论(3) 编辑
2011年11月29日
【记录】一些平时留意过的
摘要: CSScss outline 与border 重要区别，outline不参与到文档流中，即outline是不站位置的。最好为a标签的每一个状态都设置你需要的 text-decoration，不然各种悲催的浏览器表现不一样::selection这应该是一个新的伪类，定义了网页选中的背景颜色，在“又拍”发现的。两个同级的div 都设置了 inline-block，你会发现他们之间有一些间隙（ff,chrome大多A级浏览器都这样），非常莫名其妙。 这是由于代码换行导致的，强制把代码写在一行就行了。 具体为什么还真不知道，太BUG了。文章链接用label 包裹 input 不写for 不能聚焦到in阅读全文
posted @ 2011-11-29 14:21 Jun.lu 阅读(173) 评论(2) 编辑
2011年10月30日
【分享】javascript 拼图游戏
摘要: 近2个月来没有阅读技术书籍，感觉有点盲目。期间看了《明朝那些事儿》（1，2，3）、《FBI教你破解身体语言》 我看书很慢。现在又迷上了手机拼图游戏，写了一个JS版本的，本想可以利用小键盘在3*3的拼图上提高速度，最后发现其实在手机上才能最快。（一个普通的3*3数字拼图15内秒可以完成，30%可以10秒类完成）！JS版本的数字拼图在这里 GIT PUZZLE手机上的拼图游戏名字叫：拼图（数字）游戏（可以在市场中找到，LOGO是一朵花）顺便提供一下RAR 下载JS拼图游戏源码如下----------------------------View Code //一个puzz类 v...阅读全文
posted @ 2011-10-30 11:36 Jun.lu 阅读(289) 评论(2) 编辑
2011年9月16日
【分享】javascript合并混淆压缩-你可能需要
摘要: 公司项目上线需要混淆合并压缩javascript代码。原本有一个混淆压缩工具，因为内部服务器挂掉了工具也没有了。使用的压缩算法来自http://dean.edwards.name/packer/ 。 这里只是做了一些简单的合并调用。上面的算法有一些缺点，如果源码缺少必要的分号或者存在多余的逗号压缩以后的文件会出现语法错误。方案：可以先使用google的压缩工具压缩，它可以提示错误，找出一些潜在问题。然后再用混淆压缩！注意：这个压缩工具是运行在服务器环境下的（这里采用了PHP，合并以后要保存文件所以必须是服务器环境）使用的时候需要配置 bulid/config.js 就可以了。var confi阅读全文
posted @ 2011-09-16 16:36 Jun.lu 阅读(345) 评论(0) 编辑
2011年8月16日
【记录】JAVAEE学习，第一天XML
摘要: 因为某某种原因开始学习java,昨天看了第课的视频。知识点1：eclipse工具使用.2：XML主要简单记录一下XML学习。基本version 版本 1.0，是2000 W3C发布的，从未升级过encoding编码方式 UTF-8，中文使用GB2312. 避免出现乱码 请一定声明编码方式。切记用什么编码保存，就是用什么编码打开standalone XML文档是否独立 YES NO，具体意思不详<?xml version="1.0" encoding="UTF-8" standalone="no" ?> 注释跟HTML一样，阅读全文
posted @ 2011-08-16 20:57 Jun.lu 阅读(123) 评论(0) 编辑
2011年8月9日
【分享】页面提示插件更新
摘要: Stip一个用于页面的提示插件。可以做表单验证，页面提示等。GITHUB：https://github.com/jun-lu/Stip演示地址：http://jun-lu.github.com/Stip/doc/index.html文档下载：下载--------效果----------------------------------感谢阅读全文
posted @ 2011-08-09 15:17 Jun.lu 阅读(188) 评论(0) 编辑
2011年7月28日
【记录】动态加载script的执行顺序
摘要: 通过createElement创建的 script 标签其属性async默认为true,直接写在页面上的script标签默认为 false;false能保证多个script的执行顺序，true不能保证。所以在动态插入多个script默认是不能保证执行顺序的！如果在创建的同时指定 async 为 false， 除IE(6789)不能保证顺序，其他A级浏览器都可以！另外：新建的script通过setAttribute设置async为false会失败。使用 script.async = false; 可以达到预期效果！：opera浏览器不鸟 async ，始终能保证执行顺序-------------阅读全文
posted @ 2011-07-28 15:49 Jun.lu 阅读(167) 评论(0) 编辑
2011年7月15日
【分享】关于a标签的4个伪类
摘要: a:link{color:#f30;} a:visited{color:#000;} a:hover{color:#fff;} a:active{color:#f99;}上面是a元素4个伪类的正确顺序，简称 lvha(love-ha)。为什么这样才是正确的？ 首先4个伪类的特殊性（应用优先级）是同样的，CSS有一条规则“后出现的样式会覆盖前面的样式”，伪类同样适用这条原则，所以当两个伪类同时作用于同一个元素的时候，相同的CSS属性就覆盖了。比如把hover放在active后面，那么实际你在激活（active）链接的时候就触发了hover伪类，hover在后面覆盖了a...阅读全文
posted @ 2011-07-15 13:22 Jun.lu 阅读(223) 评论(1) 编辑
2011年7月5日
【记录】GIT学习（1）
摘要: 在GITHUB上的文件 https://github.com/jun-lu/jun/blob/master/gitNotes.txtGIT 学习笔记集中化的版本控制系统 CVCS分布式版本控制系统 DVCSGit 基础要点 http://progit.org/book/zh/ch1-3.html 1:直接快照，而非比较差异 2:近乎所有操作都可本地执行 3:时刻保持数据完整性 (Git 使用 SHA-1 算法计算数据的校验 ,40 个十六进制字符（0-9 及 a-f）组成) 4:多数操作仅添加数据 5:三种状态(已提交（committed），已修改（modified）和已暂存（staged）)阅读全文
posted @ 2011-07-05 12:04 Jun.lu 阅读(360) 评论(1) 编辑
2011年6月20日
【动态】简单的JS动态加载单体
摘要: 动态加载外部JS关于执行顺序，其实还存在问题！ //2011-07-28-----------------------------------------------------原文来之：博客园idche前几天公司的项目需要这个功能，本来想找一个别人写的（别人的应该经过了许多测试，没啥问题）。由于对这个功能的要求不高，只需要简单动态加在加载，不重复加载，简单的依赖就可以了。最终还是自己花时间写了。如果你熟悉YUI，那么它跟YUI的工作方式很像添加一个JSWW.add('jQuery', 'http://code.jquery.com/jquery-1.6.1.min.j阅读全文
posted @ 2011-06-20 10:20 Jun.lu 阅读(1815) 评论(7) 编辑
2011年6月3日
【分享】 自闭症儿童网络画展 - JS效果
摘要: 超喜欢这些画，大爱。http://show.baidu.com/给孤独一个爱的抱抱。其实，我们都挺孤单，在陌生的城市，上班、下班、挤公交。下面附上 这个JS效果！（注意：没有测试IE9以下浏览器兼容性）明天就放假了，同学们到哪里去玩？有女朋友陪吗？ <! DOCTYPE html><html> <head> <title></title> <mce:style type="text/css"><!-- .box{ text-align:center; margin:20px 0; overflow阅读全文
posted @ 2011-06-03 15:17 Jun.lu 阅读(1262) 评论(5) 编辑
2011年5月16日
【记录】FormData 模拟form表单提交数据
摘要: 参考资料：https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest#Using_FormData_objectsFormData,你可以把他当成一个form表单。用ajax的 send(formdata)。就可以发送这个表单。你想到了什么？可以发送file域吗？ 答案：可以凡事form表单可以做的事情，他都可以干了。唯一的方法：.append(String, [String,Number,File]);详细信息可以参考上面的资料！用他来上传图片，简直爽到极点了，目前支持 firefox chrome。下面的代码来之阅读全文
posted @ 2011-05-16 15:49 Jun.lu 阅读(283) 评论(4) 编辑
2011年5月9日
【分享】浅谈 JavaScript 在多交互站点中的工作方式
摘要: 先看事例，根据下面的HTML和后端接口来更新界面。HTML:<ul> <li>用户名：<span id="userName"></span></li> <li>昵称：<span id="loveName"></span></li> <li>生日：<span id="birthday"></span></li></ul><input type="butto阅读全文
posted @ 2011-05-09 17:09 Jun.lu 阅读(1509) 评论(12) 编辑
2011年5月8日
【记录】用js调用flash的方法,IE6-8出现的问题
摘要: 前几天项目有个功能，必须使用js去调用flash的方法，来改变flash的内部状态。其他浏览器都挺好,唯独IE6-8会出现问题。使用下面代码(用js调用flash的func方法并传递一个数字)！ function callFlash (index){ // 这里使用了jquery浏览器检查 var flash = $.browser.msie&&$.browser.version!=="9.0" ? window["magic"] : document["magic"]; //flash.func func是flash阅读全文
posted @ 2011-05-08 10:15 Jun.lu 阅读(763) 评论(4) 编辑
2011年4月27日
【记录】File, FileReader 和 Ajax 文件上传
摘要: File and FileReaderFile FileReader 可以干什么？ Ajax文件上传例子 FileReader 对象可以读取文件的 Base64编码数据（readAsDataURL），2进制字符串（readAsBinaryString），文本（readAsText）并且都是异步的。 对了，Email拖拽附件上传就可以利用 FileReader 配合 Ajax 完成。File 对象 File对象可以从 input[type=file].files 数组，和拖拽事件 event.dataTransfer.files 中获取到。 第一张图是 Chrome 下的 File 对象，第2个阅读全文
posted @ 2011-04-27 15:13 Jun.lu 阅读(2079) 评论(5) 编辑
2011年4月11日
【记录】两个布局模型
摘要: 分享两个布局模型之前看过YUI的CSS框架，觉得非常神奇。在后面的工作，中渐渐的觉得一个好的布局（可扩展性）对于整体网站架构的重要性。于是写了下面两个布局模型，分别为 普通页面布局，管理界面布局当然这也有利于你偷懒 下载地址 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1阅读全文
posted @ 2011-04-11 11:09 Jun.lu 阅读(219) 评论(0) 编辑
2011年3月22日
【分享】jQuery animate自定义动画的简单实现
摘要: 在很久很久以前，我写过一次自定义动画的实现，现在看起来已经比较烂了，所以最近又重写了。其实下面的源码也挺简单。所以我不再详细说明。欢迎高手指正。 如果你有兴趣可以下载。 不对我应该还有一个问题，比如我使用jQuery 貌似不能正确获得 borderWidth。如果要进行边框宽度的变化无法得到初始值，也就没办法正确执行了。 你可以试试如何可以获得borderWidth正确的值。希望你不吝赐教(我后面自己测试只能同时获取一边的宽度 border-right-width，border-left-width,..) /* * space 命名空间 * win window 对象 * undef un.阅读全文
posted @ 2011-03-22 20:16 Jun.lu 阅读(757) 评论(3) 编辑
2011年3月15日
【记录】随笔分类汇总
摘要: 觉得还不错：Stip插件 -一个用于表单验证的提示插件文件拖拽上传-类是gmail附件拖拽上传微博@提示效果 - 类似腾讯微博的@好友提示效果JS几种排序源码- 常见排序javascript 源码自定义动画 - 类似jquery的animate自定义动画（正在重写）一些页面效果：延迟加载 - 类似淘宝首页图片延迟加载textarea操作集合图片轮换效果-许多页面都会用到图片放大镜效果一些项目Android微博项目源码Chrome 插件PHP CMS项目源码阅读全文
posted @ 2011-03-15 16:39 Jun.lu 阅读(98) 评论(0) 编辑
2011年2月16日
【分享】JavaScript版几种常见排序算法
摘要: 说明写这个主要是为了锻炼自己，并无实际意义。每个浏览器测试得出的数据会不一样。比如我用chrome 测试 一般快速排序都会最快，IE 则根据数组长度有可能希尔最快。不要用太大数据去测试冒泡排序(浏览器崩溃了我不管)如果有兴趣可以 下载测试页面个人理解冒泡排序：最简单，也最慢，貌似长度小于7最优插入排序：比冒泡快，比快速排序和希尔排序慢，较小数据有优势快速排序：这是一个非常快的排序方式，V8的sort方法就使用快速排序和插入排序的结合希尔排序：在非chrome下数组长度小于1000，希尔排序比快速更快系统方法：在forfox下系统的这个方法非常快算法源码阅读全文
posted @ 2011-02-16 19:56 Jun.lu 阅读(9305) 评论(8) 编辑
2011年1月24日
【分享】 Stip，让表单验证轻松愉快。
摘要: 第一个版本：http://www.cnblogs.com/idche/archive/2010/09/17/ljtips.html第二个版本：http://www.cnblogs.com/idche/archive/2010/12/17/1909490.html下载链接基本使用方法,点击测试[代码]直接传递function,点击测试[代码]全局配置了 content,p(提示内容，提示位置)，点击测试阅读全文
posted @ 2011-01-24 11:11 Jun.lu 阅读(310) 评论(0) 编辑
仅列出标题  下一页