月归档:2015年08月

Bootstrap 4重大更新,亮点解读

8月19日对Bootstrap来说是个特别的日子——不仅是项目四周年纪念日,也是经过了一年密集开发之后发布Bootstrap 4内测版的日子。Bootstrap 4是一次重大更新,几乎涉及每行代码。

新增功能

Bootstrap 4中有太多重大的更新,本文不能面面俱到,下面是一些颇受关注的亮点:

  • 从Less迁移到Sass: 现在,Bootstrap已加入Sass的大家庭中。得益于Libsass,Bootstrap的编译速度比以前更快;
  • 改进网格系统:新增一个网格层适配移动设备,并整顿语义混合。
  • 支持选择弹性盒模型(flexbox):这是项划时代的功能——只要修改一个Boolean变量,就可以利用flexbox的优势快速布局。
  • 废弃了wells、thumbnails和panels,使用cards代替:Cards是个全新概念,但使用起来与wells、thumbnails及panels很像,且更方便。
  • 将所有HTML重置样式表整合到Reboot中:在用不了Normalize.css的地方可以用Reboot了,它提供了更多选项。例如box-sizing: border-box、margin tweaks等都存放在一个单独的 Sass 文件中。
  • 新的自定义选项:不再像上个版本一样,将渐变、淡入淡出、阴影等效果分放在单独的样式表中。而是将所有选项都移到一个Sass变量中。想要给全局或考虑不到的角落定义一个默认效果?很简单,只要更新变量值,然后重新编译就可以了。
  • 不再支持IE8,使用rem和em单位:放弃对IE8的支持意味着开发者可以放心地利用CSS的优点,不必研究css hack技巧或回退机制了。使用rem和em代替px单位,更适合做响应式布局,控制组件大小。如果要支持IE8,只能继续用Bootstrap 3。
  • 重写所有JavaScript插件:为了利用JavaScript的新特性,Bootstrap 4用ES6重写了所有插件。现在提供UMD支持、泛型拆解方法、选项类型检查等特性。
  • 改进工具提示和popovers自动定位:这部分要感谢Tether工具的帮助。
  • 改进文档:所有文档以Markdown格式重写,添加了一些方便的插件组织示例和代码片段,文档使用起来会更方便,搜索的优化工作也在进行中。
  • 更多变化:支持自定义窗体控件、空白和填充类,此外还包括新的实用程序类等。

以上更新只是冰山一角, v4版共有1100多次commits和 12万行代码更新,这些更新可以在v4-alpha文档 中查看。

继续阅读 →

发表在 研发 | 标签为 | 留下评论

如何在Liunx中同时启动多个OpenVPN客户端

由于有多个OpenVPN用于不同用途,需要同时启动多个实例运行多个账号连接不同服务器,因此需要实现多个账号同时登录。

普通方式就是在/etc/rc.local中配置两条命令来启动两个账号,但这样可能对之后管理带来一些麻烦。最优方案还是通过服务的方式来启动。

现在使用的是CentOS 7,在安装了OpenVPN后,做以下设置就可以启动不同账号了。

继续阅读 →

发表在 研发 | 标签为 , | 留下评论

移动开发领域值得关注的六大JavaScript框架

WHATWG_JavaScript_logo500.jpg

原文:Top 6 JavaScript Frameworks For Mobile Development Worth Exploring

概述:作为移动开发者人员,你还在被浏览器兼容性和屏幕分辨率的问题所困扰么?现在是时候拓宽眼界,学习一些新的技巧了。

随着互联网的高速发展,移动开发者需要不断拓宽自己的专业知识。除了需要学会解决浏览器兼容性和屏幕分辨率的两个传统问题,还应当进一步了解如何开发充分考虑布局和用户交互,可良好运行在所有设备上的网站。

继续阅读 →

发表在 研发 | 标签为 , | 留下评论

Web开发者不容错过的10个HTML5工具

HTML5已经成为当今世界的一个必然组成部分。World Wide Web万维网便是使用这个超文本标记语言来架构和呈现的,因此HTML5成为了最流行的编程语言之一。随着网络的不断扩张,Web开发人员非常有必要拥有最新的HTML5工具,用于创建动态和交互式的Web应用程序和网页。以下为你不应错过的10款最新的HTML5工具。

继续阅读 →

发表在 研发 | 标签为 , | 留下评论

Ember 2.0发布

Ember 2 并没有破坏之前的兼容性

Ember.js, 一个开源的MVC JavaScript框架,苹果用来开发他的苹果音乐服务和桌面代理的框架,已经发布了2.0版。

这个框架是为数不多的几个可以处理生成网站,移动端以及桌面应用程序的JavaScript工具之一,被主要用于大型的企业应用。

和即将在秋季发布的AngularJS 2.x不同,Ember的2.0分支花了很多精力来向下兼容。

继续阅读 →

发表在 研发 | 标签为 | 留下评论