分类目录归档:应用开发

AngularJS 2.0和AngularJS CLI初体验-揭秘全栈开发MEAN APP

第一次见到全栈工程师这个词,我想当然的认为就是既懂后端又懂前端的工程师嘛。我这个认识是没错的,但并未结合到技术发展前沿。难怕是很久之前,对于很多程序员来说,他们肯定既懂得后端和前端的(我们暂且不论前端的)。毕竟对于前端开发而言(注意,我没有涉及到设计),无非是HTML/CSS/JavaScript嘛。那么,为什么忽然会出现Full Stack Developer这样一个新名词呢? 继续阅读AngularJS 2.0和AngularJS CLI初体验-揭秘全栈开发MEAN APP

Sass: 不止是比Scss更精炼的语法格式

Sass,Syntactically Awesome Style Sheets的缩写,是CSS3的一个超集。它基于Ruby, 支持轻量级的变量、内置函数、Mixins、自定义函数等。它主要是为了减少重复代码的编写,以及复用性。它被更多的前端接受是在推出了Scss(Sassy CSS)的语法格式之后吧。可是我们是否考虑过,为什么它原生不去采用CSS那些语法?又或者说:它在为了适应市场而推出的Scss语法是否可以完全承袭原有所有特性? 继续阅读Sass: 不止是比Scss更精炼的语法格式

文本编辑器ATOM快捷键大全

Atom.io是一款Github 2014年发布的文本编辑器。因为新,或许不足(开了几个项目文件测试,貌似有点小卡);正因新,融合更多特性(例如sublime text的多行编辑,快速定位等等)。我们已经有那么多优秀的文本编辑器啦,为什么Github还要开发一款呢?官方入门文档开篇即有详细说明(前一句的链接)。简而言之,Atom目标是同时实现sublime般的便捷性和零编程的VIM灵活性。 继续阅读文本编辑器ATOM快捷键大全

CSS3 Flexbox手记一则

Flexbox是Flexible Box的缩写,全称应该是CSS Flexible Box Layout Module Level1, 是一组CSS属性集合的总称,用于对其内容和分配内容容器之间的空白区间。与之前传统的布局(float\position – block layout & inline layout\table layout)相比,它更加灵活简单的实现响应式布局!

本文简单记录了Flex布局的两个display值,以及11个新属性。我们如何使用这些flexbox属性打造等高、垂直居中、媒体内容和固定位置页脚以及列布局。 继续阅读CSS3 Flexbox手记一则

中大型网站优化之开发篇

时间如梭,转眼半年已经过去了,作为运维的你如果有幸服务于一个成功的产品,6个月产品足以跨越天使用户的鸿沟步入真正的上升期!其实,今天我们涉及的优化主要是产品程序本身的优化,这实际上是开发人员的工作。但是作为一名合格的运维,同样需要了解原理以方便配合工作。今天的主题就是:如果通过程序本身来加速网站载入速度。 继续阅读中大型网站优化之开发篇

PHP Zend Opcache和Memcache支持配合W3Total Cache加速网站

我们之前有两篇博文提到利用nginx fastcgi cacheredis cache为WP网站提速。其实,我们大多数人可能会使用一款叫做W3 Total Cache的插件去尾网站加速。诚然,他们的选项配置是非常多而灵活的,而且支持CDN的内置式配置。关于他的配置,我就不做赘述了,因为WP的官方网站有非常详细的教程,请戳这里继续阅读PHP Zend Opcache和Memcache支持配合W3Total Cache加速网站