Quantcast
Channel: 袁 源 –博客歪歪
Browsing all 20 articles
Browse latest View live

你们的游戏,我们的游戏,他们的游戏

没心思写博客了。来水一下吧。 魔兽世界(WOW)的玩家越来越老龄化了。偶尔打个副本,上个 YY,也能听到团长调侃 87 年生的算是小年轻。而最大的魔兽世界论坛 NGA 上,更是时不时见到玩家为了带孩子而放弃游戏的消息。...

View Article



如何用 nginx 配置 gzip 和长缓存

这是一篇笔记,记录博主实际配置一个老生常谈的问题的过程。 Gzip 可以使资源加载时,大小缩减到原来的 1/3 。长时间缓存可以让浏览器不加载没有变化的文件。这两者都是前端性能优化的范畴,大家都懂的。   资源文件长缓存 将 Cache-Control 改为 public ,并加上一年的长缓存,配合 MD5 版本号实现长缓存 + 按版本号自动更新: location /res{ expires...

View Article

《CLEAN CODE》读书笔记(四)—— 代码格式

(非强制)短文件通常比长文件易于理解 向报纸学习: 1、名称简单一目了然; 2、顶部为最高层次的概念和算法; 3、细节往下渐次展开,知道最底层的函数和细节; 4、多数短小精悍,有些稍微长点儿,极少数占满一整页。 (建议)每个空白行都是一条线索,表示出新的独立概念。往下读代码时,目光总会停留于空白行之后那一行。(明显的例子) (建议)紧密相关的代码相互靠近,暗示它们之间的紧密关系。(被注释分割的例子)...

View Article

《CLEAN CODE》读书笔记(五)—— 对象和数据结构

The Law of Demeter 定律认为,模块不应了解它所操作对象的内部情形。 对象的内部结构应该隐藏而不暴露。而数据结构暴露数据,没有明显的行为。 (6.3 的例子:为什么非要暴露 cxt 内部的结构?为什么需要那么多知识来使用 cxt 对象?为了后面能创建指定名称的临时文件,那么直接让 cxt 来做这件事,如何?!) — 这章真简洁

View Article

《CLEAN CODE》读书笔记(六)—— 错误处理

根据异常如何被捕获,将整个事件的错误处理统一代理起来是不错的方法,类似 httpFactory。(7.5 的例子是 Java 的,不太适合本项目) 如果异常打断了业务逻辑,那么,不要返回 null 值,返回 0 或者空数组可以省很多代码,可读性也更高(例子)。 (建议)每个异常应该有环境说明(AngularJs 已经做得很好了)

View Article


Image may be NSFW.
Clik here to view.

AngularJS 父子 scope 之间的交流

本文是 《Parent/Child Controller Communication》 的译文。 ======译文开始====== 我最近经在教很多个朋友 AngularJS,而他们几乎都问了同样一个问题: 如何在 controller 之间传递消息(状态)? 这是个好问题。通常对初学者来说,它不直观。答案比我们想的要复杂(但实现起来很简单)。 有一系列方法可以在 controller...

View Article

【整理】各银行信用卡积分积累比例和价值

2014年由于突发奇想的兴趣,博主办了所有办理流程不太复杂的信用卡。面对五颜六色的卡片,每次刷卡都要犹豫用哪张。 后来,博主把眼花缭乱的信用卡积分规则和积分能兑换的礼品一一列出来,最后得到了下表,在此分享: 中信i白金 500RMB :1RMB = 1000积分 招商银行 500RMB :1RMB = 25积分 广发淘宝 500RMB :1RMB = 100集分宝 交通银行 500RMB :1RMB...

View Article

《图解HTTP》读书笔记 –第6章 HTTP 首部

本章学习 HTTP 首部的结构,以及首部中各字段的用法。   后记 这是最厚的一章了。HTTP 协议最有讲头的就是首部了。接下来五章的篇幅都比较短。 博客只发读书笔记显得人有点 low:只知道学习,不知道产出。每当想到这一点,博主就有点没有继续写笔记的动力了。但是,每当思考寻求解决方案时,第一反应还是会想起当初的笔记。所以,既然是自己挖的坑,哪怕很勉强,也还是要填完。

View Article


生物成功转型程序媛?——我的个人陈述

重要的事放前面:推荐想转行的童鞋关注一下百度前端技术学院,应该很不错的。 最近前端开发好像莫名其妙火起来了,不仅很多科班出身毕业生的开始摩拳擦掌,别的行业都想往这方面转。确实,非科班的前端很多,甚至高中学历、专升本的也有,大家都是自学走上了这条路。 现在很多大公司已经着手开始改变前端开发招人难这件事了。...

View Article


uglify-js 分别压缩目录中每个 js 文件的 shell 脚本

uglify-js 分别压缩目录中每个 js 文件并输出,用 grunt 只要改改几行配置就能做到。这里是 shell 的脚本的方法,使用方式为: ./脚本文件名 目录 .js #!/bin/sh function scanForUglify(){ local curDir parentDir workdir workdir=$1 cd ${workdir} if [ ${workdir} =...

View Article

Image may be NSFW.
Clik here to view.

【转载】BootStrap 的 10 个错误用法

将繁体转为简体并转载,原文地址:Bootstrap 的 10 個錯誤用法 近几年很流行在网页项目导入一个叫Twitter Bootstrap的前端framework,例如网站的管理后台,网页系统的后台,新创网站,甚至一些预算不低的网站前台,也是套Bootstrap的默认样式,或是套上某个Bootstrap的免费样式, 就端出来给大家用,让那些慢慢手工刻网页的劳工觉得自己好像智障。...

View Article

Image may be NSFW.
Clik here to view.

HTTP/2 十分钟速知

升级到 HTTP/2 后,那些针对HTTP/1.x 的优化手段需要如何变化? 答:总结来说,除了多域名增加并行 TCP 连接数不再适用以外,启用 HTTP/2 几乎不用考虑太多。 首先,由于 HTTP/2 是复用了一个 TCP 连接进行多次传输,所以适用于 HTTP/1.x 的多域名增加并发 TCP 连接数的策略已经不再适用了。不仅如此,如果你的 CDN 和主站不是指向同一 IP 且共用同一个...

View Article

平滑升级 nginx 使之支持 http2

1. 得到 HTTPS 证书 本站的是在 startssl.com 申请的免费证书。请用 PC 浏览器访问,只支持根域名和一个二级域名。 2. 平滑升级 nginx 所谓平滑升级,保持网站可以访问的情况下,只为新开启的连接采用新的 nginx 服务,参考 nginx 平滑升级的详细操作方法。 注意第(2)步 备份老版本的可执行文件不应该用 cp,应该用...

View Article


参加 D2 2015 技术论坛感想

上周末去杭州阿里巴巴西溪园区参加了 2015 年的 D2 论坛,正好是第十届。 我听了一天的主会场,并在知乎上实时直播: 参加第十届D2前端技术论坛,你有什么收获? – yuanyuanVivian 的答案 。在这里谈谈自己的心得感想吧! NodeJs 开始绽放 主会场的几场分享都还算挺不错。其中 NodeJS 相关的两场分享,一个是 Tmall 的线上经验,一个是 QZone...

View Article

Firefox 42 setInterval bug?

最新的 Firefox 42.0 ,若 setInterval 不传值,则只会触发一次。bug?

View Article


AngularJS 小技巧

AngularJS 开发过程中用得到的日常小技巧。 默认提交为 JSON 的问题 这是一个 AngularJS 专用补丁,确保 POST 提交的不是 JSON 而是正常的 payload。 $http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded"; (还没写完)

View Article

NodeJs 用 n 升级失败的解决方案

如何升级 NodeJs?一般都用 https://github.com/tj/n 这个工具: npm install -g n n stable 但是,n 的一切安装是自动的,也就是说,要跨过墙获取最新的安装包,于是很容易获取了一半就悲剧了。 这时候,再重试 n stable 会提示 cp: cannot stat `/usr/local/n/versions/node/5.4.0/lib': No...

View Article


Image may be NSFW.
Clik here to view.

为 WordPress 编译安装 PHP 7.0.3 亲测全攻略

PHP7 有什么好处? 首先,比 PHP5 占用更低内存;其次,性能快一倍以上;最后,WordPress 的 QPS 可以提升到原来的 3 倍左右。 WordPress 4.4 的 QPS 比较:数字越大,QPS 越高 本例的主机 VPS 配置 带宽:1Mbps CPU:1核 操作系统:Ubuntu 12.04 64位 内存:1GB 云盾:是 环境:Linux + Nginx + Memcached...

View Article

配置本地的 .gitignore

有的时候会需要屏蔽一些本地的文件,如果这时候有洁癖,不想修改项目 .gitignore 并提交,可以采用本地全局 .gitignore 文件的方法。 git config --global core.excludesfile ~/.gitignore_global 其中 ~/.gitignore_global 就是本地的全局 .gitignore 文件。文件中每一行都会作为补充,应用于本地所有...

View Article

Image may be NSFW.
Clik here to view.

TotalPoll Lite 简体中文汉化包

TotalPoll 是一个 WordPress 的投票插件(DEMO地址)。其免费版本叫做 TotalPoll Lite,下载地址: https://wordpress.org/plugins/totalpoll-lite/ TotalPoll DEMO – Picture Contest TotalPoll 简单易用,傻瓜方便,界面美观,SEO 友好,移动优先,无论是外观还是理念都比较现代。...

View Article
Browsing all 20 articles
Browse latest View live




Latest Images