前端
bruce128
https://github.com/bruce256?tab=repositories
展开
-
jquery事件绑定失败问题排查
昨天开发的时候一直纠结一个问题,给a标签注册事件,却一直没有注册上!$('#myTab li a').click(function() { localStorage.setItem(tabId, $(this).attr("href")); }); 完全是一个普通的事件注册代码。今天排查的结论是,$('#myTab li a')这个元素是ajax异步加载的。而我在ajax的代码原创 2015-01-27 18:55:54 · 1682 阅读 · 0 评论 -
ReactJs组件间通信的方法
一 父子组件间通信1. 父组件调用子组件父组件的容器通过refs属性调用子组件的方法2. 子组件调用父组件父组件的方法通过props传递给子组件,在子组件内部调用父组件的回调函数二 平级兄弟组件的相互调用父组件作为通信枢纽方法一: 通过父组件的state进行重绘子组件A回调父组件的方法,父组件的方法里修改容器中的state数据state中的数据以props的形式传递给子组件B(render方法中原创 2017-06-04 14:23:01 · 811 阅读 · 0 评论 -
ReactJS见习笔记
项目组要求用reactJs搭建前端页面,但是对react一点不了解,边推进项目边学习react。node.js, npm的关系Node.js 就是运行在服务端的 JavaScript。NPM是随同NodeJS一起安装的包管理工具。ReactReact 是一个用于构建UI的 JAVASCRIPT 库。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 20原创 2017-01-21 00:43:58 · 585 阅读 · 0 评论 -
Js图片轮播功能DEMO
去年为我们的客户端做了一个下载页面,页面里有个图片轮播功能,介绍产品特性。过了一年之后自己都忘记当时是怎么实现的了,最近重新看了这块儿的代码,总结了下,同时拿来分享给大家。 先看效果图: 轮播的原理很简单,所有轮播的div都已经在页面上了,只是每次只显示一个,把其他的div的display属性置为none。有一个定时器会控制轮播的顺序,每个时刻只会有一个div的display属性是bl原创 2016-06-03 16:42:10 · 4136 阅读 · 0 评论 -
Bootstrap3标签页demo
项目组之前用Bootstrap3搭了一个管理平台,当时有一个很急的需求,需要用到标签页展示,对Bootstrap3不熟悉,就用jquery-ui写一个标签页。但是jquery-ui展示出来的标签页跟Bootstrap的整体框架十分不搭。正要这个需求有变化,就干脆用Bootstrap重写了这个标签页,中间遇到了些小麻烦。我前端技术很菜,就把这个功能当做一个demo记录下来吧。 首先导入必要原创 2015-01-23 18:32:15 · 4822 阅读 · 0 评论 -
ClientAbortException问题排查
完成了一个简单的下拉加载更多已购买商品的功能,在自己本地跑的很好。部署到测试机,始终加载不出来。报错如下:2015-11-19 14:54:32.383 http-nio-8001-exec-8 ERROR [com.jd.common.struts.velocity.VelocityLayoutResult:38] - Unable to render Velocity Template,原创 2015-11-19 19:55:02 · 5043 阅读 · 0 评论 -
jquery-ui的sortable插件使用示例
首先把这三个资源下载下来:然后页面初始化的时候,调用这个js方法:$( "#sortable" ).sortable();如果希望把序列的值返回给后台的话,需要把ul元素的id写成key_value的形式,实例如下: #foreach($bean in $!{attr.abtEntryMap.keySet()}) $!be原创 2013-06-03 14:20:45 · 13653 阅读 · 0 评论 -
对js文件编译执行顺序的认识
写完了一段js脚本,其中在/js/client/updateLogPage.js里面有对lhgcalendar.Js的引用,确认了这个日期控件所依赖的两个js文件都在之后,很纳闷为何要报“ReferenceError: J is not defined”这个错误。 原来我还没有走出C++和java等高级语言的编译执行流程的思维定势。原来js文件是逐个文件加载并执行的,前面引入的文件并原创 2012-12-29 14:28:50 · 3688 阅读 · 0 评论 -
如何调试异步加载的js文件
最近在一个新的web项目中开发功能。这个项目的管理界面有一个特点,框架是固定的,不会刷新,每次点新的页面仅仅刷新一个div。div里面不是套的iframe,于是导致了一个问题,用浏览器无法调试异步加载页面里包含的js文件。简单的说就是在调试工具里面看不到异步加载页面里包含的js文件。 网上找到了一个解决办法,就是在需要调试的js文件顶部加一行代码://@ sourceURL=msgp原创 2014-10-30 10:18:41 · 5867 阅读 · 1 评论 -
js的for in循环和java里的foreach循环的区别
js里的for in循环定义如下: for(var variable in obj) { ... } obj可以是一个普通的js对象或者一个数组。如果obj是js对象,那么variable在遍历中得到的是对象的属性的名字,而不是属性对应的值。如果obj是数组,那么variable在遍历中得到的是数组的下标。 遍历对象实验:var v = {};v.field1原创 2014-04-18 18:41:22 · 7750 阅读 · 0 评论 -
zTree框架添加节点示例
今天写web的代码卡在这里一个多小时,总结一下。 zTree的addNodes(parentNode, newNodes, isSilent)方法的参数说明太具迷惑性了。如图: 于是我认为这个地方用的是json串,可能是后台代码写太多了,思维定势吧。用JSON.stringify()方法把父节点对象和子节点对象序列化之后,再传入addNodes()方法,提示表达式格式有原创 2014-03-18 19:56:43 · 35491 阅读 · 4 评论 -
对JQuery进行下标操作得到的是js对象
产生问题的代码:function sendNewList2Server(clientType, clientVer, ulDom){ var lis = $(ulDom).children(); var domains = ""; for(var i=0; i<lis.length; ++i){ if(i == 0) { domains = lis[i].attr("id"原创 2013-11-11 18:27:39 · 9828 阅读 · 0 评论 -
根据复选框后面的描述文字进行选择的技巧
最近做的一个页面,含有很多复选框。但是现在的效果只能用鼠标去点击小小的复选框进行反选。用户体验很不好,于是想到如果点击复选框后面的文字也可以进行反选,对用户来讲肯定要方便很多。实现很简单,分享下我的代码。页面:(勾选后启用)$(function() { $(".tick").click(function(){ $(this).prev().attr("check原创 2013-06-20 15:48:29 · 3048 阅读 · 1 评论 -
浏览器大小屏适配的方法
分到为我们的客户端产品做一个下载页面。设计师分别给了大屏和小屏的切图,那么问题来了,如何根据屏幕的大小显示不同的图片?这个之前没做过,一个同事提示,用js获取浏览器的大小,动态替换图片。方法肯定可行,但是感觉很麻烦。产品经理要求做成跟QQ下载页相似的效果。为何不去研究下QQ下载页的方法呢? 在笔记本和台式机上打开QQ的下载页,审查元素,大屏用的大图,小屏用的小图。他们引用的css文件不一原创 2015-06-11 11:17:58 · 9195 阅读 · 1 评论 -
Uploadify V3.2.1 上传文件报404 Not Found问题解决
今天用uploadify插件做文件上传的功能。当auto置为true的时候,怎么上传都没有问题。把auto置为了false,想让文件随表单一起上传,相同的代码,点击提交都却报404 not found! 很纳闷,这个路径明明是刚刚auto=true时的路径。 无奈现在的项目用Chrome访问没法跟踪自己写的js,也就进不了源码进行debug。google下这方面的原因,原创 2014-07-19 17:15:41 · 7805 阅读 · 0 评论 -
Chrome浏览器未受理ajax请求
问题描述如下:一个A标签,点击的时候执行两个操作,下载一个资源并且同时发出ajax请求。在Chrome浏览器下,ajax请求被cancel掉了,但是firefox很正常。代码如下:下载function insertDownloadLog(fileType){ $.ajax({ url:"/download/insertDownloadLog.action?rand=" + ne原创 2013-03-07 18:07:38 · 4895 阅读 · 0 评论 -
下拉加载更多DEMO(js实现)
项目的一个前端页面展示已购买商品时,要求能下拉加载更多。花了点时间研究这个功能,以前没做过。 首先需要给div加scroll事件,监听滚动条滚动动作。那何时触发加载动作呢?当滚动条滚到底的时候。如何判断滚动条滚到底呢? 当滚动条的高度加上滚动条到div顶部的高度等于div的可滚动高度时,说明滚动条到底部了。公式如下。this.scrollHeight == $(this).原创 2015-11-19 10:49:16 · 51992 阅读 · 12 评论