摘要: 服务器设置 gzip 压缩是 web 开发里很普遍的做法。假设你要请求一个 100k 的文件,网络传输速度为 50k/s,需要 2s 才能得到数据,但是如果在服务器设置了 gzip 压缩,将服务端的文件压缩到了 50k(实际上的压缩率往往小于 50%),这时候只需 1s 就能得到数据,然后在客户端解 阅读全文
posted @ 2017-05-18 14:43 张宇航 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 前文中我们聊了 Data URI 和 base64编码,稍微回顾下。base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式 阅读全文
posted @ 2017-05-18 14:42 张宇航 阅读(3056) 评论(0) 推荐(0) 编辑
摘要: 目前的页面实现方式是需要向后台请求接口,返回 JSON 数据,动态拼接字符串塞进 DOM 中(innerHTML)。考虑用 Smarty 生成静态页面,可以在后台用 PHP 得到数据,字符串拼接,然后将变量赋值给 .tpl 模板文件,从而生成静态页面。 比如这样: $data 即为后台 JSON 对 阅读全文
posted @ 2017-05-18 14:42 张宇航 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 移动端页面内嵌了个 iframe,在 ios 下打开却发现页面怪异。比如 demo。代码如下: Android 下展现良好,但是在 ios 下: 调试一看,iframe 无故变大了,正常情况下应该和 screen 的宽保持一致(比如 360px),在 ios 下的宽度变成了 1440px(iPhon 阅读全文
posted @ 2017-05-18 14:41 张宇航 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 在前文 Data URI 应用场景小结 中我们提到了一个概念,叫做 base64编码,今天我们就来聊聊 base64编码,揭开它的神秘面纱。 一句话解释:Base64是一种基于64个可打印字符来表示二进制数据的表示方法。 用记事本打开 exe、jpg、pdf 这些文件时,我们都会看到一大堆乱码,因为 阅读全文
posted @ 2017-05-18 14:41 张宇航 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 项目中碰到的问题,记录如下。 需求很简单,点击一个文件链接下载该文件,同时向后台发送请求。需求很常见,用户点击下载后通常要进行下载量的统计,统计的话可以利用 script标签 或者 img标签(图片ping) 的跨域能力,将它们的 src 属性指向统计地址,但是这次用了 ajax 进行统计,遂出现了 阅读全文
posted @ 2017-05-18 14:38 张宇航 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 项目中碰到的问题,以前也碰到过,没有重视,现记录如下。 输出啥?点击 button 后输出啥? 解决类似的问题其实很简单,只需要牢记下面一句话: 除了 DOM 的事件回调或者提供了执行上下文(call、apply、bind)的情况,函数正常被调用(不带new)时,里面的 this 指向的是全局作用域 阅读全文
posted @ 2017-05-18 14:38 张宇航 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 题目来自 25 Essential JavaScript Interview Questions。闲来无事,正好切一下。 一 What is a potential pitfall with using typeof bar "object" to determine if bar is an ob 阅读全文
posted @ 2017-05-18 14:38 张宇航 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 最近针对粒子化作了一点点的探究,决定结合其做个小游戏,于是这个简单的打字游戏出世了。 试玩地址:Typewriter game 仅在chrome下测试,请谨慎使用其他浏览器(特别是ff);加载速度有点慢,请耐心等待5~10秒。因为需要加载的粒子太多了... 游戏概况 游戏逻辑和代码其实是很简单的,都 阅读全文
posted @ 2017-05-18 14:37 张宇航 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 前言 如果说这是一篇关于正则表达式的小结,我更愿意把它当做一个手册。 目录:(点击可直达) RegExp 三大方法 本文的RegExp采用直接量语法表示:/pattern/attributes。attributes有三个选择,i、m和g,m(多行匹配)不常用直接省略,所以一个pattern(匹配模式 阅读全文
posted @ 2017-05-18 14:35 张宇航 阅读(105) 评论(0) 推荐(0) 编辑
友情链接:回力 | 中老年女装 | 武汉英语培训机构 | SAT培训机构 | 托福培训机构