zhongzai2010的专栏

cms 中登录3次时才将验证码显示的实现策略：1.control中 从$this->session->get('login_attempts')， 获取登录尝试次数；2.使用$this->view->assign("login_attempts", $login_attempts); 将视图页面的变量重新复制，这样就实现了；分析，cms 正对于session应该有操作函数，  然后对于

问题：使用腾讯默认点播服务时发现清晰度字体十分的大，在上线应用看来这就是个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 的

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

最近在开发手机网站的时候发现，两台手机经常性的访问不了开发服务器（wamp环境）：首页测试localhost  一点问题没有；然后查看Apache logs 没有看到异常错误，且没有相关访问记录；使用其他电脑浏览器测试，排除浏览器差异导致的问题；最后在网上找到相关处理办法：1、打开Apache2\conf\httpd.conf 2、查找#AcceptFilter htt

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;}

关于sprintf :      今天在调试程序时老是遇到sprintf不能转换自己想要的字符的问题，经过一个小时的调试发现，是应该return  sprintf 处里后的返回值，这个应该与printf区分开，其实同样的问题再做Linux开发时就已经有相关经验了。

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