Web
先说说自己Web方面的东西吧。
JavaScript感觉写的还不错了。彻底扔掉低版本脑残浏览器了。布局转到Flex，再不用坑比无数的float了。
尝试了React，最后决定倒腾Vue。玩过一阵子Angular1，可能以后会试试Angular2吧。
继续阅读 »
原文发表在 Performance Calendar 上，作为其 2010 年系列文章的一部分。在上一篇翻译的文章中，作者推荐了这篇文章，译者阅读之后觉得有一定的价值，而且网络上没有这篇文章的中文翻译，权当学习就在此翻译成了中文，水平有限，如果有表达不恰当或者表达有误的地方，请直接在评论中指出。
原文链接：Bulletproof JavaScript benchmarks，下面开始翻译正文。
编写 JavaScript 基准测试并不是想象的那么容易，撇开潜在的跨浏览器兼容问题不说，还将面临很多陷阱（甚至诡雷）。
这也是我创建 jsPerf 的一部分原因，jsPerf 提供了一个非常简单的 Web 接口，您可以非常轻松地创建和分
继续阅读 »
像素涂鸦
这个月花了二十多天用Ionic写了个应用，先上视频效果：
视频为1.0.0版本，已更新至1.2.0
您的浏览器不支持 video 标签。
继续阅读 »
文/Robin
阿里云盘公测挺久了，没有赶上第一波。不过笔者后续申请了公测，昨天终于拿到邀请码了。笔者体验了下，感觉很不错，遂成此文。
浏览器输入 pan.aliyun.com 会自动跳转到 teambition.com/plan，可能读者好奇为啥会出现这种情况。那是因为早在 2019 年 10 月底，企业协作软件 Teambition 被阿里巴巴全资收购了。虽然被收购了，但是 Teambition 仍独立发展，至今 Teambition 支持的第三方登陆，除了阿里系的阿里云、钉钉、微博，还支持微信、企业微信、WPS、GitHub、印象笔记、小米等。
获得公测资格后，可以使用邀请码注册网盘账号，网盘的默认空间是 2T，对于
继续阅读 »
啥都不说， 直接先来一张效果图......
小伙伴们，别急，咱们先来分析一下主要功能点：
图片预览
图片拖拽
图片缩放
图片裁剪
图片预览
图片预览的功能技术方案是将用户的图片文件转成Base64编码并设置到标签的src属性，获取图片文件的Base64编码需要通过HTML5的新特性FileReader，具体代码如下：
js
getImgBase64: function(imgFile, cb){
if(!window.FileReader){
alert('系统暂不支持针对你的浏览器的文件上传功能，建议使用最新版的Chrome！');
return false;
}
var reader =
继续阅读 »
在项目中有一个功能需要在浏览器页面中浏览服务器的目录。服务器使用Nginx，而Nginx提供了相应的ngx_http_autoindex_module 模块，该模块提供了我们想要的功能。
继续阅读 »
单页面架构的 dom 结构是用 js 动态构建出来的，而搜索引擎抓取的时候是不管 js 的，这样单页面架构是很不利于 SEO 的，而 SEO 对于一个对外的应用来说是非常重要的，放弃 SEO 等于放弃了网站的最大的流量入口：搜索引擎。
单页面应用 SEO 优化的思路就是判断请求是否来自搜索引擎，如果是搜索引擎在爬取页面，提供一个无界面的浏览器去访问网页，得到通过 js 渲染过后的 html 代码，再返回给搜索引擎。
继续阅读 »
What's Singleton, What Singleton for
单体就是一个只实例化一次的对象，他可以用来
划分命名空间，减少全局变量的数目
可以用分支来封装浏览器之间的差异
可以把代码组织得更为一致，从而更容易维护
继续阅读 »
参考原文：7 Essential JavaScript Functions 以下是意译。
早期，由于浏览器厂商对 JavaScript 实现不同，我们通常需要一些简单的函数来实现某些边缘特性，甚至某些基本特性，比如 addEventListener 和 attachEvent。现在，虽然时代进步了，但仍有一些函数需要开发者掌握，以便于性能优化和快速开发。
more
去抖 Debounce
去抖（debounce）函数可以提高某些事件绑定的性能，如果你没有为 scroll、resize 和 key* 事件使用去抖函数，你的代码很可能是性能低下的，下面是一个 debounce 函数的实现：
```javascript
// 返回
继续阅读 »