zhongzai2010的专栏

问题：PC端javascript程序 直接在success：function（xhr）中传入xhr ，然后通过xhr直接访问其中属性和值对，但是在mobile页面中怎么调试也不能直接访问返回值得属性值对？解决步骤：首先怀疑是我zepto使用ajaxf方法的问题，但是我使用alert和console.log直接打印，发现同样提示 undefined；故排除zepto的问题；百般调试没有解

问题：使用腾讯默认点播服务时发现清晰度字体十分的大，在上线应用看来这就是个BUG，分析：首先想到的就是联系腾讯云客服，联系客服发现，他们测试是正常的，无奈自能自己解决；解决：仔细查看相关的代码发现腾讯云播放器在手机端使用rem和em的单位来适配部分的手机大小，而我的网站同样使用rem单位来设置，可是我body的参考值放大了十倍，导致腾讯播放器在做相关处理时使用的我的参考值，从而使得字体大了

问题： UI设计的页面需要做到不同的手机屏幕适配，在获取手机浏览器高度时，首先的实现方式是window.screen.height，发现IOS下是不准确的，后面尝试了window.screen.availHeight，同样没有解决IOS7下高度测量不准确的问题？解决办法： 使用jQuery 的 $(window).height()；发现IOS7 下就能很好的工作；分析： 暂时没有深入分

程序运行在Linux服务器，但是开发却在window平台，换行符的处理这一块确实是比较讨嫌：1.内容管理系统或者框架一般会根据运行的平台自动识别和处理换行符，比如linux自动识别为\n，windows平台识别为\r\n；所以在windows平台开发服务器程序如果在liunx平台运行时由于换行符会出现各种bug和差异：遇到过得坑：1.数据里的数据全部默认是linux下的\n回车换行，但

描述： 最近测试反馈登录界面不能切换，之前是可以的。过程：首先检查是不是bootstrap的原因，发现nav-tabs必须配合javascript才能实现切换；然后查找js发现本页js不控制相关动作，反复确定后发现在common.js里面实现的相关动作；原因：由于尝试修改CSS到时一个e-item的类被删除，导致问题出现。

网站或者app图片要适配不同的手机，高度的动态调整是有一定困难的，在视频中采用如题的方法的只可以解决页面首次加载显示的问题，对于页面交互后新增的图片，处理较为复杂；

问题： 前端UI工程师有强迫症，非得把手机端的线条弄的最细。分析：由于移动端页面普遍不允许缩放，所以设置viewport=1相关的scale也都设置为1，倒置在手机浏览器的显示时其实是有devicePixelRatio=2 或=3 这样的放大的，所以普通代码border=1px，在设备上实际上会显示为2px或3px。看上去确实比较粗壮。解决：参考网上实现，最终选择了使用：before af

本意是添加横滚效果，添加过程中遇到几个错误：1 报错： Uncaught TypeError: Cannot read property 'style' of null仔细分析，按照理解来讲应该没有问题，最好定位到由于页面没有加载完成就执行了相关的script 所以导致此错误，所以引入js文件应该放在网页最后，执行最好是页面ready之后；

最近在项目中发现不同服务器操作系统在处理数据换行符时有差异，特别是在Linux服务器上运行的数据，然后再window平台上开发时数据换行问题笔记突出。问题一：前端页面在做分类导航栏时，liunx 系统的多行数据在window系统显示为一行数据，无法摘出；解决办法：在后台处理函数中发现了字符处理函数，强行将EOF换成“/n”;问题二：网站后台页面中读取视频分类中发现也是讲多行数据

在手机端移动网页开发中我不喜欢使用浮动布局，所以使用一些其他的，比如inline-block;问题：在inline-block使用过程中发现，长度有时候总是不受控制，比如70%+30%！=100%而自动换行的问题。解决：发现两个inline-block之间如果有留白，则就会出现上面的问题，解决办法一：标签之间定格写，取消空白，问题能解决，但是编码缩进不好，不好看；解决办法二：在上层

问题一：今天在调试网页时使用table标签，完全正常使用，但是发现宽度设置怎么也调不准，最后发现问题：解决办法：在调试时只关注了thead和tbody的宽度，完全没有关注tfooter里面td的个数，当时tbody里面td个数为2个，而tfooter里面有四个td，所以默认表格一排有四个td,故怎么调整tbody里的td的百分比，怎么调整都不对。问题二：在使用bootstrap 的

一年前调试过腾讯云直播，话说那时还没有现在所谓的直播码接入，呵呵，不扯了，说说问题问题：使用腾讯云托管模式时，怎么推流网页测试也出不来直播的的信号，排除了软件和编码盒的原因之后直接找客服解决：技术客服 首先发现rtmp下发流可以看，但是FLV的不行，随后我使用VLC看RTMP流，发现只有一帧画面，视频卡住了；随后要求技术客服给我看流，发现没有音频帧，之后再fml中增加音频帧，流正常。

最近在完成完成手机页底部固定导航栏设计时尝试了几种方法：思路一： 类似PC实现方式，一张图片使用 background-postion位置调整实现不同图片的展示：遇到的问题：由于移动端的分辨率多样，这样在不同的手机上图片展现不同，位置飘忽不定；果断放弃；思路二：充分利用a标签的不同状态，实现图片的动态效果；思路三：使用图片居中，li标签拉伸，图片不变，不同考虑不同分辨图片拉伸形变

1.在编写CSS的文件时，首先会将所有元素按需求重置部分属性，在遇到的问题中，发现box-resizing这个属性会影响比较大，个人倾向使用border_box而不是content_box；2.css3在做web app页面和手机页面时，针对ios系统或者MACos 设置针对性的设置，如-webkit-text-size-adjust 之类；3,iphone和Andriod的浏览器纵向和横

今天遇到一个奇葩问题，两个div盒子设置为inline-box,怎么调试也不能使其在同一行显示。解决，调试半天置顶向下开始排查，发现是由于在.ccs文件中有注释“//” 影响到了后面的css产生作用。// 搜索框 .header .search{display: inline-block;overflow: hidden;white-space: nowrap;}

需求：UI设计师提出图片加载慢或者加载不成功时，需要显示默认灰色logo；分析：分析了优酷网站的实现代码，其先在a标签中先加载背景图片，然后再加载覆盖在其上的视频缩略图；解决：借鉴优酷设计，直接在img的上层div中加载背景图片logo,性能好的情况下，看不出异常，差的时候可以看到灰色背景；问题不算真正解决，youku能做到一定是先加载bg image 再加载图片，是不是跟其分布式加载