cc
cc copied to clipboard
ccforward
Code & Blog
### [从前端角度对 tower.im 进行的性能分析](https://github.com/ccforward/cc/blob/master/Tower_Performance/README.md) 技术水平有限，只是从前端角度和部分个人经验来浅显的分析了 [https://tower.im](https://tower.im) 站点的性能。
## 问题 今天升级了到了 [OS X 10.10.5](http://www.macrumors.com/2015/07/16/apple-seeds-osx-10-10-5-public-beta/), 然后在PHP CLI里出现了下面错误 ``` shell $ php dyld: Library not loaded: /usr/lib/libnetsnmp.25.dylib Referenced from: /usr/bin/php Reason: image not found Trace/BPT trap: 5 ``` 然后检查了/usr/lib 文件夹目录，发现...
# 远程文件批量下载 Node.js & Ruby ``` javascript var fs = require("fs"); var http = require('http'); fs.readFile('img.txt', 'UTF-8', function(err, data){ if(!err){ var con = data.split('\n'); var i=0, len=con.length; function down(file){ http.get(file,...
# 极可能的加速 CSS 动画性能 最近在研究 web 性能优化的问题，看了来自Google的文章[《FLIP your animations》](http://aerotwist.com/blog/flip-your-animations/) 这篇文章提供了一种优化动画性能的方法，但是实现起来略微复杂，不过前端界本来就是各种 Hack 大行其道，所以简单了解了下其原理： **通过在100ms的动画响应延迟窗口期内计算动画初始与终止的属性差值，把动画尽量转换为只变化transform或opacity这类只触发重组不会触发重绘与重排的属性。** ## 100ms 关于什么是动画响应的延迟时间，为什么会是100ms？100ms可以说是人类大脑的时间常量值，如果一个动作在触发后立即执行，视觉上就会有一种违和的感觉，而延迟100ms才响应的体验是让人感到最舒服的，关于100ms延迟具体细节可以查看人机交互领域大师的这几篇文章： - [Card, S. K., Robertson, G. G., and Mackinlay, J. D. (1991). The information...
首先引入文件模块 `var fs = require('fs');` ## Method 1 ``` javascript function copy(src, target) { console.log(target); fs.writeFileSync(target, fs.readFileSync(src)); } ``` - 代码简短清晰 - 同步读取文件，容易阻塞 - 读取大文件时，容易内存溢出 - 尝试复制一个1.5G的电影 结果内存轻松溢出如图  ##...
## 起因 服务器上本来有多个版本的PHP，因为误操作把一个老版本的PHP给误删，只好重装。 因为好久没装过环境了，有些生疏，所以把编译安装过程简单记下来 ## 安装环境 因为历史原因，一些老的服务必须依赖 PHP-5.3.27 所以以此版本为例 ### 编译PHP 1. 解压 `tar -zxvf php-5.3.27.tar.gz` 2. 配置，下面是一个生产环境的php配置 ``` ./configure --prefix=/usr/local/php-5.3.27 \ --with-mysql=mysqlnd \ --with-mysqli=mysqlnd \ --with-pdo-mysql=mysqlnd \ --with-iconv-dir=/usr/local \...
# 从 Ajax 入手理解 XMLHttpRequest 对象 ## 先写一个完整的Ajax请求 ``` // 创建XMLHttpRequest对象 function xhr(){ var xhr; try { xhr = new XMLHttpRequest(); }catch(e){ try{ xhr = new ActiceXObject('Msxml2.XMLHTTP'); }catch(e){ try{ xhr...
[原文地址](http://dmitrysoshnikov.com/ecmascript/javascript-the-core/) 发现已经有人翻译过了。。。。 # JavaScript的核心 http://weizhifeng.net/javascript-the-core.html [原文](http://dmitrysoshnikov.com/ecmascript/javascript-the-core/) > 1. 对象 > 2. 原型链 > 3. 构造函数 > 4. 执行上下文栈 > 5. 执行上下文 > 6. 变量对象 > 7. 活动对象 > 8. 作用域链...
## 我所理解的代码质量 - 代码的可读性放在第一位, 代码尽量做到don't make me think( 阿里中间件团队的代码被阅读了无数遍了，如果提高一点可读性，将节约很多人的时间, 中间件的代码很可能被很多同学模仿） PS:纯粹吐槽 :) - 没有bug的代码不一定是高质量的代码, 写代码不能紧紧满足于功能 - 你的代码规范不一定要达到开源规范标准(能达到最好)，但不要低(松)于团队的代码规范 - 写代码要有敬畏之心。想想如果让你开发载人火箭的程序,你敢随意去写么? 网站一样需要重视 - 团队的代码质量重要程度高于个人代码质量。如果只满足个人代码质量提高，而不去帮助团队提高代码质量，你很可能会踩上别人留下的坑，你在工作中很可能遇到各种不便(当然你也要避免给其他人留坑) - 良好的代码规范不一定会让你避免bug.但可以帮助你/他人提升找到bug的速度, 以及提升工作效率 - 读优秀的源码(书籍),关注一些细节，对代码质量提升非常有帮助 - codereview不仅仅是为了review出bug。这也是知识分享的一个过程， 团队更有经验的同学会对你的代码提出建议;review人员可以从中获取业务/技术相关信息;被review人员因为有人会review你的代码，而不得不提升自己的代码质量，以及代码的熟悉程度...
在 javascript 代码中，因为各浏览器之间的行为的差异，我们经常会在函数中包含了大量的 `if` 语句，以检查浏览器特性，解决不同浏览器的兼容问题。 例如，我们最常见的为 `dom` 节点添加事件的函数： ``` javascript function addEvent (type, element, fun) { if (element.addEventListener) { element.addEventListener(type, fun, false); } else if(element.attachEvent){ element.attachEvent('on' + type, fun); }...