摘要： 现在市面上有很多成熟的MVC框架，可以拿来直接用，但自己造一下轮子其实也挺有意思的。 下面先来看个最简单粗暴的MVC实现。 5个文件就能实现最简单的MVC，在Apache中设置一个虚拟目录，配置个简单域名，就可以顺利访问了。 为了实现简单，这里没有写模型层。 一、index.php 这个文件是入口文 阅读全文

摘要： 经常会看些性能分析的书，但是实际在做优化的时候又无从下手。 因为没有数据，也不能确定实际用户到底在哪一环影响了他们的性能。 现在H5提供了一些很方便的Performance接口，可以让我们更方便的搜集到用户的数据，不过有几个方法的兼容性实在太差。 插件已经上传到Github中，可以在这里获取到，in 阅读全文

摘要： 最近在读一本书叫《web性能权威指南》谷歌公司高性能团队核心成员的权威之作。 一直听说HTTP2.0，对此也仅仅是耳闻，没有具体研读过，这次正好有两个篇章，分别讲HTTP1.1和HTTP2.0。 两者还能好好对比一下，两者之间的巨大区别，以及HTTP2.0解决了哪些实际问题。 无论什么网络，也不管所 阅读全文

摘要： 前段时间做了个跟裁剪相关的活动《用H5中的Canvas等技术制作海报》，这次公司要做个与奥运相关的活动，扫车牌赢奖。 于是我就在上一个活动的基础上，将代码重新封装一下，并且将计算方式写的更通用。下图是活动中裁剪的页面： 先来看看两个活动的不同： 1、原先的活动每次旋转只能90°，而此次活动可以任意角 阅读全文

摘要： 在去年的时候也实现过合成海报的功能，不过当时时间仓促，实现的比较简单。 就一个旋转功能，图片也不能拖动放大，也不能裁剪。 去年的实现可以参考《移动图片操作--上传》和《移动图片操作--预览旋转合成》 这次有时间就实现一个功能稍微多点的海报。 一、概要 第一屏 总共有三屏，第一屏是选择图片，第二屏是合 阅读全文

摘要： 最近开发了一个移动端的端午活动页面，做完后就想写点东西总结一下，感受最深的就是打草稿。 刚开始并没有打草稿，直接开干，越做到后面就越觉得代码很乱很杂，非常不舒服，做到哪个页面写这个页面的CSS，没有大局观。 在完成页面后，就思考了一下，觉得打草稿是个好习惯，磨刀不误砍柴工。 打草稿的步骤如下： 1） 阅读全文

摘要： “PrimusUI”是自己在借鉴了如今网上很多开源的UI库，再经过自己整理加工的一个简单代码集合。 每个功能块的CSS代码都很少，力求简单易懂，低门槛，代码可根据自己实际情况轻易修改，改到符合自己场景为止。 一、制作的理由 之所以重复造轮子，有以下几点原因： 1）现今开发很多时候讲究效率，给你很短的 阅读全文

摘要： 最近在看一本关于网络协议的书《图解HTTP》 当我们在浏览器的地址栏输入 http://www.pwstrick.com ，然后回车，回车这一瞬间到看到页面到底发生了什么呢？ 1. 域名解析 2. 建立TCP连接 3. 发起HTTP请求 4. 服务器响应HTTP请求 5. 浏览器渲染页面 自己原先不 阅读全文

摘要： 最近在读一本经典书《高性能网站建设进阶指南》。 虽然书籍很多年前就出版了，但里面的内容还是耐人寻味，这次就好好的实践了一下。 纸上得来终觉浅，绝知此事要躬行，实践中将会发现一些问题。 有个官方网址《Even Faster Web Sites》，点击“Run the Examples”按钮，就能进入在 阅读全文

摘要： 最近公司要制作个文档库，直接就可以将jekyll应用到实际中。 模版使用了Jekyll Clean，这么模版相对内部简单一点，学习成本不会很大，而复杂的Minimal Mistakes就当作参考。 模版使用的CSS是Bootstrap v3.2.0版本的。为了省时点，我就直接将Bootstrap官网 阅读全文