Web前端
bee1314
热爱生活,迷恋技术,用心的做好一个合格的程序员!
展开
-
Easyui DataGrid 和 jqueryui autocomplete datapicker css冲突
项目中使用了Easyui的Datagrid 和 jquery ui的datapicker和autocomplete, 但是jqueryui的css会导致Dataridu的id和后面的内容对不齐,这个问题好讨厌。在网上搜了半天也没有解决方案,后来直接将加了,<style type="text/css"> td { height:25px; ...2011-06-29 16:57:14 · 162 阅读 · 0 评论 -
从省市区多重级联想到的,react和jquery的差别
在我们的前端项目里经常会用到级联的select,比如省市区这样。通常这种级联大多是动态的。比如先加载了省,点击省加载市,点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。 针对这种场景,如果我们使用jquery来实现,要考虑很多的问题,数据部分,以及大量的dom操作。比如这个页面上显示了某个区,这时候我切换省,要把市重新初始化数据,然后区域的部分要从页面中删...2014-10-30 09:56:11 · 183 阅读 · 0 评论 -
常用的jquery插件
http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/原创 2013-10-09 10:58:28 · 117 阅读 · 0 评论 -
前端工程化-公共模块的依赖和常用的工作流
题记: 一个人的项目,还有工程化的问题嘛? 我们在推进模块化和组件化的过程中,肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理?另外怎么依赖也是个问题?你真的想这样嘛? var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。 之前也尝试了很多的不同的解决方...2015-02-02 22:45:48 · 290 阅读 · 0 评论 -
easyui 多个tab中包含多个iframe的问题
场景: 最近用tornado写了一个简单的日志查询的小project,在ui使用easyui来整体解决,之前在使用easyui时都是左侧是菜单栏,当点击菜单动态生成一个tab,但是因为project太简单了没有必要菜单栏的存在,直接两个tab切换即可,因为想简单所以在每个tab中包含一个iframe来调用不同的页面,但是测试发现当存在多个iframe的时候,tab中页面显示会凌乱...原创 2013-09-24 00:40:33 · 476 阅读 · 0 评论 -
酸爽的console.log
在前端的开发中,console.log那是开发必备啊,简直直观。通过写小函数,组合大功能。更容易测试。但是在打版本时,就要删除console.log,打完版本进入开发状态又要添加,真不够爽。重复劳动太多。所以可以做些简单地封装,方便开发和上线。/** * log.js hufeng * The safe wrapper for `console.xxx` functions *...原创 2014-07-17 09:25:07 · 147 阅读 · 0 评论 -
前端异步加载js且判断js是不是加载完成
/** * 异步加载依赖的javascript文件 * src:script的路径 * callback:当外部的javascript文件被load的时候,执行的回调 */ function loadAsyncScript(src, callback) { var head = document.getElementsByTa...原创 2013-08-29 11:51:03 · 232 阅读 · 0 评论 -
简单地封装chosen支持option动态生成
为了美化select的显示效果,决定使用chosen来渲染体验。 因为页面中的select的option都是通过handlerbars动态的生成,所以导致options动态的改变时,chosen不能实时的刷新,停留在上一刻,影响用户体验。查询官方的api,只有通过$('#test').chosen('destroy').chosen();销毁一次再重建一次才可以正常的显示,但是如果这样写...2014-06-10 14:09:36 · 425 阅读 · 0 评论 -
zTree 自定义规则的全选
计算覆盖区域,前端使用zTree,来显示全国各省市区。举个栗子:用户选中了南京下面的所有区域(雨花区。。), 这时候计算的覆盖区域应该为南京市,同理,所有江苏下面的市被选中,覆盖区域就为省。一开始想着还挺简单,后来发现太navie了。 为什么?zTree的状态如,hide,disabled在判断节点是否全选时,不纳入计算范围,ztree会自动过滤这些节点。简单地说,比如南京下面...原创 2014-05-30 16:00:04 · 603 阅读 · 0 评论 -
js合并数组
简单地合并两个数组,使用python很简单。a = [1,2,3]b = [4,5,6]#mergea.extend(b) 在前端,原生的js并没有提供这样的api,但项目中使用了jQuery,这个时候jQuery的merge就帮上大忙了。var old = ["c", "c++", "Java"];var fashion = ["Clojure", ...原创 2014-05-30 01:04:44 · 115 阅读 · 0 评论 -
jquery 监控input输入框值得变化
一个小需求,监控input的值变化,查阅文档,发现很不方便。一堆事件如,onpropertychange, input, keyup, paste, change, blur,又不能同时监听这些事件,因为当输入一个值时,可能同时出发多个,这样会造成多次业务逻辑的执行。 想着能不能一种简单有用的办法,又解决跨浏览器。想到只监听keyup,和paste事件,同时过滤掉无效的不改变值的k...原创 2014-05-17 00:02:12 · 848 阅读 · 0 评论 -
jQuery插件创建input选中区域
有图有真相,实际效果。 /** * 创建选中区域 */(function($) { $.fn.selectRange = function(start, end) { return this.each(function() { if(this.setSelectionRange) { ...原创 2013-08-05 11:22:09 · 126 阅读 · 0 评论 -
jquery给div或者p添加href自动加载链接内容插件
/** * 当class为page的div,p,或者其他的非a标签包含href属性时 * 通过该插件自动的ajax包含的内容 * 当需要改变div的href属性时,需要手动的trigger触发hrefChange自定义事件 * $("#test").attr("href", "bee1314.iteye.com"); * $("#test").trigger("hrefCha...原创 2013-08-05 10:58:56 · 688 阅读 · 0 评论 -
chrome, setSelectionRange issue
在chrome下,setSelectionRange这个dom方法有bug,不能创建input中的文本选中区域。解决办法就是将setSelectionRange方法包装在window.setTimeout方法中,var that = this;setTimeout(function () { that.setSelectionRange(...);}, 0)...原创 2013-07-22 11:02:50 · 195 阅读 · 0 评论 -
jquery学习(1)
学习jQuery,首先学习的肯定是 John Resig大神的jQuery开篇。Tutorial:How jQuery works(指南:jQuery怎么工作?)学习后的目标:1. jQuery的基本使用方式2. 明白window.onload 和 $(document).read()的区别3. 怎么通过jQuery获取dom对象 在jQuery的官网下载jQuery,...原创 2012-02-27 12:14:29 · 132 阅读 · 0 评论 -
jquery学习(0)
一直在使用jQuery但是却没有很系统的去学习jQuery,看过大师的jQuery的项目代码,感觉那个差距。。!感觉自己完全是没有把jQuery的威力发挥出来。所以决定系统学习下jQuery。有本jQuery in action不错,貌似都出second edition了,但是我觉得官网的document还是很有价值的,毕竟这些是jQuery的作者写的,是第一手资料,学习东西不仅要会用...原创 2012-02-27 10:57:19 · 117 阅读 · 0 评论 -
EasyUI 和 Uploadify 鱼和熊掌
Easyui还算不错的UI,很简单,但是不够Open!Uploadify很不错的基于jQuery文件上传的插件,漂亮的UI,支持多文件上传,等特性!当鱼遭遇熊掌会怎么样? 最近的一个项目恰好碰到了这两样,一个奇怪的问题是Uploadify在IE中折腾死也不能实现上传,而且还不报错,真是郁闷,基于版本(uploadify 2.1.4),搜遍了网络资源都没有解决,可能我们...原创 2011-12-27 17:17:54 · 138 阅读 · 0 评论 -
前端模块化
背景:前端JavaScript模块化,其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来,还处于刀耕火种的野蛮生长阶段。 JavaScript一直缺乏有效的包管理机制,造成了大量的全局变量,大量的方法冲突。我们多么渴望有天能像Java(import),Python (import),Ruby(require)那样写代码。在没有包管理机制的年代,我们是怎么避免所谓的全局变量的...2014-11-14 18:28:07 · 180 阅读 · 0 评论