摘要：2016年腾讯公司代码报告已经正式发布，记录下开发过程中遇到的问题，以及一些使用过的东西。查看请微信扫码： 腾讯2016公司代码报告前端篇 腾讯2016公司代码报告前端篇 1.使用gulp来开发自动化。在开发中，我们会遇到很多重复性的工作，比如更新代码后刷新浏览器、压缩图片、压缩js、编译sass等 阅读全文

摘要：年关将至，给大家拜年。 最近时间充裕了一点，给大家介绍一个比较有意思的控件：Parallax。它可以用来实现鼠标移动时，页面上的元素也做偏移的视差效果。在一些有表现层次，布局空旷的页面上，用来做Head最合适不过了，大家可以看这个官方Demo。 一、准备工作 如果不想用cdn的话，就下载 1、在gi 阅读全文

摘要：JsRender不少前端人员应该都用过，它是一个比较强大的模板，不牵涉太多技术依赖，使用起来非常舒服。我本人在前端开发中使用React之前，都是用的它了（实际上我感觉React没有JsViewes好用）。不管怎么说，先来学习下JsRender技术吧，如果前端的开发环境比较单纯，还是很适合的。 一、J 阅读全文

摘要：这是上半年遇到的一个小需求，想实现网页的抓取，并保存为图片。研究了不少工具，效果都不理想，不是显示太差了（Canvas、Html2Image、Cobra），就是性能不怎么样（如SWT的Brower）。后发现无界面浏览器可以满足这个条件，大致研究了一下PhantomJS与CutyCapt，两者都是... 阅读全文

摘要：又有一段时间没动笔了，确实工作后忙碌起来了，年末了，给大家拜年了，抽了这个空档把最近做的一个东西分享分享。 微信公众号，相信不少人已经有接触，其开发分为许多种，本次主要说的是，通过微信认证后的公众号（下图，），使用Oauth网页接口来获取用户信息的流程。一、基础准备 首先，明确需求：有一个应... 阅读全文

摘要：在做文章类型的web页时，经常会遇到要点开看大图的需求，LightBox2则是在众多产品中比较优秀的一款Jquery插件。配置就不细说了，今天我主要要分享的是：如何在点开大图后，可以通过鼠标滚轮来缩放图片，下面是一个简单的指引： 1、修改Lightbox源码使支持滚轮缩放 2、修改Lightb... 阅读全文

摘要：所谓省略就是把多余的字以“...”显示出来，而显示则是当鼠标移动到td上时，把省略的字重新显示出来。对于一个table，兼容IE与FF、Chrome的省略方式CSS写法： 1 table{ 2 width:200px; 3 table-layout: fixed; 4 } 5 .autocut{ 6 overflow:hidden; 7 white-space:nowrap; 8 text-overflow:ellipsis; 9 -o-text-overflow:ellipsis;10 -icab-text-overflow: el... 阅读全文

摘要：上次写了篇使用WebBorwser封装网页的博客，收到了不少宝贵意见，后来又懒得去改进，所以也没有新的文章。最近，由于学校宿舍也装校园网了，不再是用Dr.Com，我满怀心喜地试用了Srun3000，结果发现会出现连接上就一两秒掉网现象，并且提示说我的网络出现问题，与服务器连接断开，怒了！我试过各种办法，当然不包括换系统（我用的Win7），还是不行，网卡驱动也都是正常的。于是我试着用Fiddler抓了次HTTP包，发现了问题所在。 原来，srun3000会在发送了连接的包后，又自动发了个注销的包，所以导致我网络中断，并且它在提示错误后就马上自动退出了，导致我产生了程序产生致命错误的假象……... 阅读全文

摘要：开发前台的朋友都知道，尽管我们就算用CSS2.0的东西，仍然会有诸多问题，开发一个兼容良好的页面，我们身边常备的必然是IETester这款神器，它可以帮我们测试各种IE版本的情况下，我们的页面到底怎么样，然后它有一些JS、CSS查看功能。所以，做一个网站现在就兼容性就得调半天，结合IE、Firefox、Chrome来反复看外观是经常的事。好吧，来讲来我的经历吧，很久以前我在图书馆借过一本CSS Mastery的书，真心不错，然后我就踏上了这条悲剧的Web浏览器兼容之路。 主要讲下我经常遇到的问题: 1、3像素位移：IE6下的古老的问题，当对一个div用了float元素时，而div未使用... 阅读全文