推荐一些Chrome插件

推荐一些我用过的比较不错的Chrome插件。(长期更新)

  • SourceGraph, 自从我发现sourcegraph,我就把octotree禁用了,sourcegraph简直就是一个活生生的浏览器里的VSCode,有强大的IDE功能。

  • octotree,方便看github代码

  • Spaces,方便讲tabs分类搜藏起来, 这对于我这种长期开着100+个tabs的来说,确实很有必要,功能够用, 有些bug,暂时没找到更合适的。

  • Markdown Preview Plus,预览markdown。

  • UC二维码,将当前页面链接生成二维码

more>>
CSS In JS

自从2014年Christopher Chedeau做了CSS in JS的演讲之后, cssinjs的各种库纷纷出现,已经有好几十种了

css modules应该是很流行的了, 说实话我没有用过, 不过在浏览作者主页的时候意外发现了styled-components,发现这就是我想要的!大家可以看看下面几个视频,先有个大概印象。

more>>
webpack concepts

concepts

  • entry points
  • output
  • loaders
  • plugins
  • configuration
  • modules
  • module resolution
  • dependency graph
  • manifest
  • targets
  • hot module replacement

more>>
webpack guides学习笔记

getting started

Note that webpack will not alter any code other than import and export statements. If you are using other ES2015 features, make sure to use a transpiler such as Babel or Bublé via webpack’s loader system.

more>>
手机上如何让页面强制横屏

今天有朋友咨询我说是不是iOS没有企业开发证书, 没办法横屏,搞得我云里雾里。 我说不会吧, 谁告诉你的。 他说是他们外包了一个小游戏, 外包的开发人员给他们说的。。。我给他看了一个appstore里的小游戏,是可以横屏的,而且也是个人开发者。 他问了,然后给我说,开发人员说是因为他们用的H5开发的原因。为了破除这个谣言, 我准备自己测试一下。

more>>
CSS常用布局

=========2017-09-14更新===========

推荐大家看看这个网站learnlayout, 比较全面。

其中可能会经常看到下面这段话:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

我查了一下,原来是用于排版演示用的拉丁文:

Lorem ipsum是指一篇常用于排版设计领域的拉丁文文章,主要的目的为测试文章或文字在不同字型、版型下看起来的效果。中文的类似用法则称为乱数假文、随机假文。

有兴趣的可以看看Wiki, 我还发现原来阮一峰老师之前也写过一篇介绍文章呢。

==============================

布局是CSS中一个很重要的部分,甚至我觉得是最重要也是最难的部分,其他诸如字体大小、颜色等等都是很容易的。最近总结一下使用过的CSS常用布局,包括水平居中、垂直居中、单列布局、多列布局等,以及最新的flex布局,希望能给前端小伙伴一些帮助,也作为自己的知识总结。

more>>
用Gatsby重写blog

最近将blog生成器由Hexo换到了Gatsby,原来页面现保留在这里https://magicly.coding.me/, 留作纪念。

之前用Hexo写的blog,没有太大问题(反正我也写得少)。由于国内网络环境,托管在Github的页面访问很慢,于是我想,是否可以像用React那样开发, index.html只是一个简单的包装页面, 所有资源都打包放到bundle.js(当然webpack是可以支持code spliting的),这样我可以把index.html放在国外,然后在里面引用放在国内免费CDN上的bundle.js,这样速度就能达到最大化。 至于为什么不把index.html也放国内,因为要备案啊!!!备案啊!!!备案啊!!!一般谁会愿意为了写个blog去折腾呢?

more>>
aws上配置docker

如何查看cuda版本

http://www.cnblogs.com/shrimp-can/p/5253672.html

默认目录为:local,进入local:cd /usr/local

输入命令:ls,查看该目录下的文件,可以看到安装的cuda在此处

进入cuda文件:cd cuda-7.5(我的是7.5),此处为安装的东西

more>>
阿里云HPC深度学习配置从入门到真的放弃

深度学习没有GPU的支持可以说完全不能解决实际问题, 稍大一点的数据集可能就要几个小时,GPU能起到10倍以及更高的速度提升。之前我们做了AWS的深度学习配置,今天再看看国内阿里云的HPC配置。

more>>
AWS深度学习配置

深度学习的流行跟计算能力的大大提高密不可分,尤其是GPU的大量使用,Nvidia去年股价涨了500%呢。用CPU要运行一个月的项目, 可能用GPU几个小时就运行完了,效率和速度不可同日耳语。工欲善其事必先利其器,所以正确地配置好GPU是进入深度学习的开端,而用AWS的GPU服务是最快捷方便的,本文就教你如何快速的配置好AWS的p2实例,提高深度学习效率。

more>>