这几天公司的项目在进行前端改版，之前本来运行正常的页面在ios设备下居然奔溃了，错误的原因新加入的dom节点id名称和原有js全局变量名称冲突。首先，按照HTML5的规范带有id和name属性的dom节点会在window下生成相应的属性，按照惯性思维我们会认为dom变量和js变量的作

Jquery.flexslider.js2.0 插件初始化过程中如果元素只有一个便停止初始化，不知道是bug还是啥，反正用的过程这个特性和业务需求对不上，找到控件855行修改/* if ($slides.length === 1) {   $slides.fadeIn(400);   if (options.start) options.start($this); } el

公司的后台系统使用了iframe布局，二期iframe内外页面分别属于两个不同的域效果图如下：然后这个页面里面有个坑爹的模态对话框,像下面这样外层页面有个坑爹的滚动条，导致滚动条一滚动内层页面的模态对话框就不能在整个显示器垂直居中了，如果两个页面是同域的也还好办外层滚

移动端页面放在苹果浏览器和qq浏览器里面，当页面滑动过头的时候就会拉出浏览器难看的背景，试用了很多方法没终于找到一个相对靠谱的方案。首先要阻止整个页面的滚动，然后把页面的内容全部放在一个div里面再通过响应touch等事件去模拟滚动这个div阻止页面滚动的代码很简单：

 移动端写了个对话框上面放了两个input 在PC端调试的时候谷歌浏览器，火狐浏览器均正常，结果到了微信浏览器里输入框点击之后输入法面板弹出，可是input里面没有输入光标文字也无法输入，安卓、iOS 微信端均受到影响，上网查找了下怀疑是-webkit-user-select 被设置为 n

前段时间在公司做了个简单的列表切换效果，在安卓设备上面效果好好的，到了苹果设备上列表切换有严重的卡顿的感觉。原来移动端有click事件延迟300ms这个大坑。造成这个坑的原因就是移动端浏览器通常还要响应双击事件，等300ms就是要判断你是否要进行双击操作好去缩放页面的大

 公司app项目使用了Hybrid 方案内嵌web页面无法通过电脑浏览器调试，只能使用远程调试方法，选择了weinre方案。1、需要先安装nodejs2、安装与服务启动命令如下:[plain] view plaincopynpm -g install weinre  //安装weinre  &n

1.通过config命令npm config set registry https://registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字符串response）2.命令行指定npm --registry https://registry.npm.taobao.org info underscore 3.编辑 ~/.npmrc 加入下面内容registry = htt

现在web前端开发人员一般使用console.log来代替 alert来调试程序不过ie7以及ie7以下的浏览器是不支持console.log的，比如以下代码：<script> console.log(1); alert(1);</script>在火狐、谷歌、等内核的浏览器中会弹出对话框，而在ie7（或者高版本ie兼容性视图下

项目中需要为一组div设置不同的背景背景图片已经切好，编写less代码如下：.generate-columns(@n,@i:1) when(@i=<@n){ .Safe .contents .list .item:nth-child(@{i}) .bg1{ background-image: url("../images/safe-@{i}.png"); } .generate-columns(@n,(@i + 1))