摘要: 昨晚在对项目中的一部分做模块化处理的时候,遇到了一个问题,一个重新定义的function对一个通用类中的function进行赋值覆盖的时候,失败了。问题抽象出来是这样的:我希望输出2,但是运行结果是1。如果两个代码块合并为一个,那输出结果就是2。解释这个问题,涉及到两方面的内容:[JavaScript预编译和执行顺序]、[基本类型和引用类型]。JavaScript预编译和执行顺序 1.JavaScript的解析过程分为预编译和执行两个阶段,顺序都是从上到下。 2.解析过程分块解析。如果页面有A、B两个果然,上面代码块输出false,下面代码块输出true。这样看来应该是和变量A保存的是值还.. 阅读全文
posted @ 2014-02-24 14:54 youryida 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 一、DOM事件 1.事件阻止API preventDefault() — 阻止浏览器默认 stopPropagation() — 阻止事件流冒泡 stopImmediatePropagation() — 阻止事件流冒泡+阻止目标节点上绑定的其他优先级低的回调函数 2.jque... 阅读全文
posted @ 2014-02-13 11:37 youryida 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 今天下午四点接到淘宝UED的面试电话,很突然,很激动。现在怀着淡淡的忧伤为之文以志一下。1.自我介绍一下。 我xx时候毕业,在xx公司任xx职务,主要负责xx balabala。(怕公司同事听到,接电话的功夫从公司楼道往上爬了两层,紧张,心砰砰的,思路不清晰,讲话不流畅)2.说一说你这些工作里面,... 阅读全文
posted @ 2014-02-11 21:50 youryida 阅读(630) 评论(2) 推荐(2) 编辑
摘要: 一、Filemanager-master (jsp) 1、上传的html文件需要保证带外链的标签在标签下面,否则上传会失败。tomcat webapps下面部署了一个Filemanager工程,客户服务器和公司服务器用的是同样的Filemanager程序。问题:在公司访问http://公司局域网I... 阅读全文
posted @ 2014-01-17 14:50 youryida 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 引言在上一篇日志“canvas 图片拖拽旋转之一”中,对坐标转换有了比较深入的了解,但是仅仅利用坐标转换实现的拖拽旋转,会改变canvas坐标系的状态,从而影响画布上其他元素的绘制。因此,这个时候需要用到一对canvas方法,在变换坐标系前保存canvas状态,在变换并绘制完成之后,恢复canvas... 阅读全文
posted @ 2013-12-23 16:05 youryida 阅读(3658) 评论(1) 推荐(0) 编辑
摘要: 引言对canvas中绘制的图片进行旋转操作,需要使用ctx.translate变换坐标系,将图片旋转的基点设为坐标系的原点,然后ctx.rotate旋转。这个时候,因为canvas坐标系发生了旋转,而视觉感受上的坐标以及鼠标事件中的坐标都是旋转之前的屏幕坐标系。再根据鼠标的移动去控制canvas中的... 阅读全文
posted @ 2013-12-20 18:00 youryida 阅读(5987) 评论(0) 推荐(1) 编辑
摘要: 1、chromeFQ插件 goAgent https://code.google.com/p/goagent/wiki/InstallGuide https://code.google.com/p/goagent/ liuxuefeng2012@gmail.com our90s 更简单易用的插件:壁 阅读全文
posted @ 2013-12-03 09:27 youryida 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 1、合作共事的时候,在心态上要低调地把自己当领导,联系全局来做好自己负责的那一部分;与共事同事沟通时,要把对方当领导,敦促其站在全局角度检查双方合作是否成功,尽量照顾到对方的思维方式和名词概念理解,谨慎表达,每一个功能的沟通结果最好用文档的方式记录下来。比如这次,两个月前的一个页面,与后台的数据对接、页面交互以及显示效果我都做好并测试通过了。前天让boss看,发现问题了,有一处的数据逻辑不对,这是个比较明显的后台数据错误,为什么我当时没有发现。因为我的心态不对,工作的着眼点太低,测试的时候只测效果却没有验证内容。和后台同事交流时,他说“你说的测试通过,没问题,不用我测了”。首先,我不记得当时是 阅读全文
posted @ 2013-11-25 09:44 youryida 阅读(270) 评论(0) 推荐(0) 编辑
摘要: dsoframer是微软提供一款开源的用于在线编辑、调用Word、Excel、PowerPoint等的ActiveX控件。1、层覆盖 如果需要在文档编辑区域上方覆盖一个div的话,z-index无效,需要在其上方覆盖一个。2、隐藏状态打开文档 如果需要在display:none时打开doc文档,然后再.show()的话,会导致打开失败。 阅读全文
posted @ 2013-09-06 17:15 youryida 阅读(354) 评论(0) 推荐(0) 编辑
摘要: 1、Notepad++ 正则替换: 如<td>第三节</td> 替换成<td><input type="text" value="第三节" /></td> 可以查找:第(.)节,替换为:<input type="text" value="第(\1)节" />。 2、 Notepad++ 统计字数 在 阅读全文
posted @ 2013-08-26 17:27 youryida 阅读(593) 评论(0) 推荐(0) 编辑
摘要: 一、需求:我需要做一个多媒体播放页面,左侧为播放列表,右侧为播放器。为了避免系统滚动条把列表和播放器隔断开,左侧列表的滚动条需要自定义,并且滚动停止和鼠标离开时要隐藏掉。二、他山之石:案例来自http://www.17sucai.com/pins/426.html但是下载demo需要先注册,还要20积分。显然,这违背了互联网的共享精神,so,F12,load it。分析源码,发现了一个强大灵活的插件,感谢开发者。插件:jquery.jscrollpane.min.js主页: http://jscrollpane.kelvinluck.com/。API:http://jscrollpane.k. 阅读全文
posted @ 2013-08-23 20:06 youryida 阅读(1674) 评论(1) 推荐(0) 编辑
摘要: 《智勇大闯关第三季》闯关地址:http://ued.campus.alibaba.com/quiz3/index.php(需要chrome)以我目前的水平,我认为两个小时之内闯到第六关的,都可以算是高手了,咳,这还只是一个校招游戏。攻略开始之前,先做个声明:本人菜鸟一个,从第四关开始就歇菜了,此攻略来自于JS/Javascript交流群(31609956),本人撰稿,并由以下几位同学协助完成:嚼头(592737223)、js-dino(904591031)、难得清醒(582416882),尤其是dino同学,提供了很多帮助,膜拜了要。第一关 1. 鼠标点击号码器上的回车键,弹出“Opps,不是 阅读全文
posted @ 2013-08-15 19:42 youryida 阅读(1673) 评论(4) 推荐(0) 编辑
摘要: 前几天优化之前做过的一个用户注册页面,发现这种表单从布局到各个表单项的验证提示,重复性很强,想着可以做成一个模板,日后再有此类需求直接拿来修改一下就可以了。一、UI设计 布局:每一个表单项都由项名、项值、填写/验证提示这三部分组成,在布局上是一个三列多行的表格结构。 交互:表单初始化时显示各表单项的填写提示;表单项blur时验证该项并验证提示;表单项focus时还原该项填写提示;submit时验证所有表单项并验证提示。二、关键部分实现 布局实现:考虑到表格布局以及各表单项的垂直居中需求,用是最合适的,每行两个td,左为项名,右为项值,提示div在项值td中并且position:absol... 阅读全文
posted @ 2013-08-14 10:04 youryida 阅读(755) 评论(0) 推荐(0) 编辑
摘要: 一、需求典型的注册页面设计一般是一个三列多行的表格,左列为表单项label,中列为文本框,右列为填写说明和验证提示。如下图因为整个表单的视觉重心在左中两列,所以在考虑表单整体相对页面水平居中和注册提交按钮的位置设计时,应当忽略掉右列。由此来说,右列显示的填写说明和验证提示应当以一个不影响前整体表格宽度的绝对定位来显示,并且需要显示在文本框的右侧垂直居中位置。二、html+css实现absolute定位的提示div放在定位relative的td里面,left设为中列的宽度,top设为50%,margin-top设为-(提示div的高度/2),这样便可以做到右侧垂直居中了,如下 填写说明这种... 阅读全文
posted @ 2013-08-08 17:26 youryida 阅读(6026) 评论(0) 推荐(1) 编辑
摘要: 1. Json to StringJSON.stringify(jsonobj)//(IE8+,Chrome 1+,FF 3+) //参考 http://www.nowamagic.net/librarys/veda/detail/3742. 页面刷新location.reload()和locati... 阅读全文
posted @ 2013-08-07 12:36 youryida 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 1. 表格 边框 2. nth-child(n) div#box>(div.one>a)*2这样的html结构,用下面的两种css,应该用第二种#box a:nth-child(1) {color:red;} #box a:nth-child(2) {color:blue;} #box .one:n 阅读全文
posted @ 2013-08-06 15:13 youryida 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 以下功能实现朋友们若有更好的思路办法,欢迎留言交流。1.关闭其他标签页(右键菜单触发,保留左侧第一个欢迎tab) 问题:取到的数组tabs长度会随着tab的关闭而变化 思路:先遍历需要关闭的标签页tabs,组成一tabTitle数组,再遍历这个tabTitle数组,根据title对各个tab执行关闭function tabsOtherClose() { var nowTitle=$('#mainTabs').tabs('getSelected').panel('options').title; var tabs=$('#mainTabs& 阅读全文
posted @ 2013-07-31 15:00 youryida 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 如题,在treegrid里,按照api里getEditor方法的说明,getEditoroptionsGet the specified editor, the options contains two properties:index: the row index.field: the field name. var nameEditor=$('#menuTable').treegrid('getEditor', {id:editingId,field:"name"});这样应该可以取到editor对象,但是测试发现只能获取到nameEdi 阅读全文
posted @ 2013-07-26 21:52 youryida 阅读(8799) 评论(10) 推荐(1) 编辑
摘要: 一、引入 DW正则表达式批量修改字符串: 二、各种元字符含义及作用 1、匹配符 \b 单词边界 \d 数字 \s 空白字符 \w 字母数字下划线 . 任意非换行字符 举例: 053288657932--0532\d\d\d\d\d\d\d\d → 0532\d{8} \b 单词边界 \d 数字 \s 阅读全文
posted @ 2012-03-06 21:05 youryida 阅读(180) 评论(0) 推荐(0) 编辑