随笔分类 - jq
摘要：### 清除select下拉选项，添加并选择特点选项```javascript$('#mySelect') .find('option') .remove() .end() .append('text') .val('whatever');```[ref:http://...
阅读全文
摘要：最近UI上经常遇到点击一个按钮，出现一个带指向箭头的面板的情况，如图：于是就写了个flyout-panel的组件，但此flyout-panel(飞出面板)只是个点击面板，更像tooltip，不是严格意义上的飞出面板（如我博客左侧“分享到...”面板），只是不太会取名字，估且先叫flyout-panel;先上代码，再讲逻辑：(function(){varreqs=["Handlebars","jquery","text!mr-fp/flyout-panel.html",//支持行内样式时需要的模板"css!mr-fp/flyo
阅读全文
摘要：项目中有一个input元素用jquery绑定了keyup事件，不知道为什么双击也会触发keyup事件。测试了下，这个bug只出现在少数人机器的chrome浏览器下。这时我还以为发现在chrome巨牛逼的bug,还兴冲冲的跑去论坛发贴说：why dblclick trigger keyup?后来查了很久才发现原来是受到有道词典的影响。有道词典有一个划词的功能，开启了这个功能，当鼠标双击时，这个软件就会去划词，同时触发"ctrl+c"的键盘事件。测试页面：http://jsfiddle.net/flowerszhong/evuAx/自我检讨：1，思路不正确，离问题太远2，英文要
阅读全文
摘要：有个同学去了腾讯，他说面试时有这么一道思维题：50个阶梯，你一次可以上一阶或两阶，走上去，共有多少种走法？我的思路：我的思维比较直线简单：1，求出走上去可能有的方式，这里的方式是指：共走多少个1步，多少个2步。比如说，你走了2个1步，其余走2步，要走24个2步，用对象存起来就是：{one:2,two:24}2，每个方式的走法是可以通过排列组合公式算出来的。如下是排列组合公式： 3，用到的公式是c(n,r)=n!/r!(n-r)!;这个比较好实现，无非就是阶乘除阶乘。代码如下：(function(){varwaysArr=[];//上台阶方式的,每一种方式为一个对象字面量，如[{one:2,t.
阅读全文
摘要：显示表格数据会涉及到一些东西，如字段显示隐藏，数据状态，分页之类。由于我们公司的产品涉及到很多的表格数据显示，而且每张表的字段数都很多，在工作过程中(几任同仁的努力)，整合出一套自认为较为轻巧的方案。如图：其中涉及到的插件主要有：jQuery.columnmanager.expand.js（扩展columnmanager）jQuery.dropbox.js(自已写的)jQuery.pager.expand.js(扩展pager)jQuery.cookie.js其中pager.expand.js,dropbox.js以及各插件间的整合在common.js里，代码如下：//定义全局命名空间varG
阅读全文
摘要：大牛ppk都说过，在从多表单控件中，上传文件控件的样式是最难以控制的。见文章Styling an input type="file"。本插件也多是参考此文。先来看看input type="file"在chrome,ie,firefox这三个浏览器下表情各异吧。chrome像是button+label组合，看起差异最大。ff和ie，是text+button的组合，就外形来看，firefox更标准，事实上firefox存在两个潜在问题：1，firefox对type="file" 的input的width定义目前是不支持的（但是FF支持si
阅读全文
