Joy Ho

摘要： 判断横竖屏的原理：如果屏幕宽度大于高度，则判断为横屏；如果屏幕宽度小于高度，则判断为竖屏。横竖屏的判断方法：1.使用css media方法：@media all and (orientation : landscape) { h2{color:red;}/*横屏时字体红色*/} @media... 阅读全文

摘要： 1. 数据库缓存 我们可能听说过memcached，它就是一种数据库层面的缓存方案。数据库缓存是指，当web应用的关系比较复杂，数据库中的表很多的时候，如果频繁进行数据库查询，很容易导致数据库不堪重荷。为了提供查询的性能，将查询后的数据放到内存中进行缓存，下次查询时，直接从内存缓存直接返回，提供响... 阅读全文

摘要： 这是一个在手机端模拟PC端的鼠标跟随效果。预览效果：请用手机端打开这个页面，看到右边的圆形图片，就按着它移动吧！非常简单，代码如下：html代码，为了方便展示，样式直接写在了标签内 script代码：close 阅读全文

摘要： 场景：需要存放到数据库中的字符串含有单反斜杠，在进入数据库后会被过滤掉，造成出库的时候数据格式不对，无法使用。所以就想要把单反斜杠变成双反斜杠，然后入数据库的时候会被转义成单反斜杠，从而可以保持数据正确的格式。问题是：怎么把\变成其他字符，问题是这个反斜杠刚好就是转义的意思，这个时候冲突了！所以是没... 阅读全文

摘要： 背景：我们都知道，如果一个元素使用了雪碧图背景，那么我们就必须限制这个元素的宽高尺寸。那么问题来了，一旦我们限制了元素的宽高，元素就没法自适应屏幕了，尤其是手机端，自适应场景非常多。这个时候很多人都会使用JS或者直接使用图片来达到自适应的目的。的确，我也遇到过这样的问题，于是我百度了很久，也问过了很... 阅读全文

摘要： 示例场景：banner轮播图片，banner宽度占满屏幕宽度，此处需要做到banner的自适应问题问题描述：banner自适应，在CSS上是很容易实现的。但问题是，当图片还没加载出来的时候，是不知道banner的自适应高度的。通常我们都会为banner预设置一个最低的高度，以至于可以在图片加载前让用... 阅读全文

摘要： 缓存的处理步骤：1.接收——缓存从网络中读取抵达的请求报文。2.解析——缓存对报文进行解析，提取出URL和各种首部。3.查询——缓存查看是否有本地副本可用，如果没有，就获取一份副本（并将其保存在本地）。4.新鲜度检测——缓存查看已缓存副本是否足够新鲜，如果不是，就询问服务器是否有任何更新。5.创建响... 阅读全文

摘要： 做前端性能统计的时候，我们会发送类似于这个链接里的统计参数到后端。http://www.cnblogs.com/joyho/articles/4384306.html这一切看似很正常，事实上其实也很正常，发统计就发统计啦~~~~但是，如果要给服务器减负，而且发送的请求数量庞大，那么我们可以选择进行抽... 阅读全文

摘要： function getOffsetTop(ele) { var offsetTop = ele.offsetTop; if (ele.offsetParent !== null) { offsetTop += getOffsetTop(ele.of... 阅读全文

摘要： TCP连接握手过程：1.请求新的TCP连接时，客户端要向服务器发送一个小的TCP分组（通常是40-60个字节）。这个分组中设置了一个特殊的SYN标记，说明这是一个连接请求。2.如果服务器接收了连接，就会对一些连接参数进行计算，并向客户端回送一个TCP分组，这个分组中的SYN和ACK标记都被置位，说明... 阅读全文