摘要： 问题描述： 页面宽度有限的情况下显示大数据，采用font-size：8px来压缩字体大小，版本 25.0.1547.66及以下版本的chrome浏览器没有问题，后续版本的就不可以了；问题原因： 浏览器设置了最小字体限制；配置文件在"Documents and Settings\User_Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences"，内容如下： "webkit" : { "webprefs" : { "defa 阅读全文

摘要： 场景描述： 现在页面设计是都喜欢自定义按钮样式，某日接收到页面发现在ie下有bug，上代码： 测试 按正常流程讲：点击“测试”，应该跳转到指定链接；chrome下是没问题的，在ie下是无任何响应的；button默认的动作是submit，后来改成这样： 测试 依然无效；解决方式： 去掉button，把按钮样式写在span上，即可。 测试 测试地址： http://jsbin.com/ASUxAga/3/edit总结：脱离form单独使用表单元素会有意想不到的bug，能不用尽量不用。 阅读全文

摘要： 场景：因业务需要，当用户向textarea粘贴内容时对内容处理回显；textarea不支持change事件；js依赖：jquery方案一： 绑定keyup事件，过滤掉方向键、删除键、回车键，这样可以满足大部分需求，用户可以在textarea内修改任意内容，光标不受影响，能达到数据处理回显，可是当用户用鼠标右键粘贴不能达到预定要求；方案二： 绑定keyup、paste事件，根据事件类型分别处理；如果是keyup事件依然过滤特殊键（方向键等），如果是paste事件直接处理，遇到的问题是并没有数据处理回显；经过调试发现，paste事件是先执行响应函数后粘贴内容，因此利用setTimeout函数可.. 阅读全文

摘要： 前言：@darcyclarke在 Github 上分享了一个repo，其中包括了不少前端面试问题，可用于检验潜在的候选人。绝不推荐在单个候选人身上用上所用的问题（那样会花费好几个小时滴）。从这个列表选择一些，应该能从候选人身上，检测出你所需要的技能。请记住，下面的很多问题都是开放式的，无标准答案，并能引发有趣的讨论。相比直接的答案，相信你在面试前端工程师时，从讨论中你对候选人会了解的更多。以下中文译文由@shawnqiang完成。问题贡献者@bentruyman (http://bentruyman.com/), @roger_raymond (http://twitter.com/iansy 阅读全文

摘要： 本文分为以下8步，熟悉之后就能够熟练使用SeaJS，从此之后你的生活会变得更加轻松愉悦！1、SeaJS是什么？2、下载并检阅SeaJS3、建立工程和各种目录4、引入SeaJS库5、编写自己的代码6、引入自己的代码7、压缩合并8、总结展望--------------------------------------------------1、SeaJS是什么？你一定听过前端模块化开发吧？神马，你没听过？我只能说你out了……你应该知道Java的import吧？神马，你又不知道？那你应该知道CSS中的import吧……在这里我不想展开说前端模块化的含义和价值，因为这里有一篇好文（https://gi 阅读全文

摘要： 激活步骤如下：1）准备工作：安装好SecureCRT软件，下载并得到该注册机。2）保持SecureCRT软件关闭（运行的话会提示你正在运行的，关闭就好）。3）将注册机拷贝到你的CRT软件的安装的目录下；4）点击【Patch】按钮，会让你选择文件 ，选择SecureCRT.exe可执行文件，还会再提示一次选择一个help什么文件。总之，确定后都会提示成功信息。5）然后打开CRT软件，按照相应的提示输入注册机上显示的信息（当然重新生成也是可以的）。注意，默认打开CRT时候会是一个输入key的页面，什么都不输入，点击下一步，选择输入自己的相关信息。就会看到分别让你输入名称、序列号等相关日期了。完成结 阅读全文

摘要： 场景描述： 图形展示数据需要用户单击图形执行一种行为，双击图形执行另一种行为； 因此，需要在同一HTML元素上绑定单击和双击事件；错误描述： 执行双击事件的同时也执行了单击事件；解决方案： 1 $.singleDoubleClick = function (singleClk, doubleClk) { 2 return (function () { 3 var alreadyclicked = false; 4 var alreadyclickedTimeout; 5 return function (e) { 6 ... 阅读全文

摘要： 设计蜂巢IP地址查询接口：http://www.hujuntao.com/api/ip/ip.php腾讯IP地址查询接口：http://fw.qq.com/ipaddress新浪IP地址查询接口：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js搜狐IP地址查询接口：http://pv.sohu.com/cityjson谷歌IP地址查询接口：http://j.maxmind.com/app/geoip.js有道IP地址查询接口：http://www.youdao.com/smartresult-xml/search.s161 阅读全文

摘要： 问题描述： 给定一个表格，thead的内容一致，tbody的内容动态改变（内容，合并单元格等不同）错误方案： 给tbody定义一个id，然后document.getElementById('id').innerHTML='内容';错误描述： 在firfox可以正常工作，在ie下就不能正常工作；经查证：发现在 IE 下COL, COLGROUP, FRAMESET, HTML,STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR这些元素的 innerHTML 属性都是只读的，不能直接操作。只有TD可以操作；解决方案： 只有在ta 阅读全文

摘要： 场景描述： 表格元素可切换； 显示隐藏 错误描述： table.rows[i].cells[j].style.display = 'table-cell';报错：Invalid procedure call or argument。这是因为ie6,7不支持css2中添加的新样式，如tabel-cell。解决方案： var table_cell=$('#ie6,#ie7').length?'block':'table-cell'; table.rows[i].cells[j].style.display = table_cell; 阅读全文