byzhangxinxufromhttp://www.zhangxinxu.com/wordpress/?p=5503本文全文转载需购买版权(500¥)，摘要引流则免费，具体参见这里一、什么是等宽字体？所谓等宽字体，一般是针对英文字体而言的。东亚字体，据我所知，应该都是等宽的，就是每个字符在同等size下占据的宽度是一样的。但是英文字体就不一定了，就难本文来说，我下面写一个单词，什么呢，就iMac吧，大家打开自己的像素眼，就会很明显地发现这个字符’i’要不其他字符，例如’M’占据的宽度要小。什么，你看不出来。好吧，那我换种呈现方式，如下：iiiiiiMMMMMM上面6个i，下面6个M。怎么样，是不是i瘦了好几圈啊！但是，如果是等宽字体。例如：Consolas, Monaco, monospace，则身材就一样了：iiiiiiMMMMMM像Consolas, Monaco, monospace这样可以让英文字符同等宽度显示的字体呢就称为等宽字体。那等宽字体在web中有什么用呢？二、等宽字体与代码呈现我们写代码的，无论是什么语言，易读是第一位，使用等宽字体，我们阅读会更轻松舒服。因此，一般编辑器使用的字体或者web上需要呈现源代码的字体都是等宽字体。例如，我的demo示意页面的源代码们就是等宽的：三、等宽字体与图形呈现实例一则某工具有个功 ...继续阅读 (124)

腾讯云大牛、云计算行业专家、B轮的极客学院 CTO、微票儿技术副总裁一起把 Cloud Native (云原生架构) 掰碎了给你看Cloud Native (云原生架构) 意味面向可弹性调整存储、网络与计算能力的云计算环境而设计的软件架构，可适应快速变化、高度可扩展、高可用的业务需求。也许你觉得 Cloud Native 不好理解，不知道如何落地。我们腾讯云邀请了行业专家分享他们的趋势观察、也邀请了走到B轮的极客学院 CTO、估值超百亿的微票儿技术副总裁分享他们的一线实践。务必让你有收获，赶紧来看直播吧…论坛议程【附PPT下载】黄希彤，腾讯云技术总监，腾讯首席web前端领域专家，W3C顾问委员会代表Cloud Native 的社会价值 在云计算时代，程序员的责任来自对用户的责任、对企业的责任、对社会的责任，我们有责任为企业创造良好的用户体验，按需使用资源，避免企业为不需要使用的资源买单，这和我们对社会环境的责任是统一的。李明宇，Ostorage创始人，OpenStack社区重要贡献者一个应用的云化之路 某个传统应用随着规模的增长，越来越难以维护，如何把传统应用改为了Cloud Native架构的应用，解决了应用的维护难题？他将分享应用云化过程中的所有的经验与教训杨森淼 微影时代研发中心技术副总裁微票儿的 Cloud Native 实践之路 一家估值近百亿、年增长率超4000%、月活 ...继续阅读 (95)

本文来自于[腾讯bugly开发者社区](https://bugly.qq.com/)，非经作者同意，请勿转载，原文地址：http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=1275&extra=page%3D1跨平台，是H5最重要的能力之一。而 Hybrid H5 因强依赖于具体 app，往往不具有跨平台性。这时，将强依赖关系解耦，即可恢复 H5 的跨平台能力。近期本人负责 手Q 红包打赏项目的前端开发，因项目涉及到多 app 跨平台兼容，对 hybrid H5 的跨平台性有了一定的感悟和思考。在这里做下总结分享，希望能对大家有所收获。### Hybrid H5 跨平台性 ###进入正题之前，先解释下本文主题的两个名词：①Hybrid H5，即混合了原生能力的 H5。区别于纯粹 web 端的 H5，它可调用原生的能力，强依赖于具体原生 app，与原生共同构建整个 app 的 UI 层，是 app UI 层很好的灵活性补充。微信和 手Q 上的 H5 业务一般都属于 Hybrid H5 的范畴。② 跨平台性，即一个 H5 页面可同时运行在多个平台上。可运行平台越多，跨平台性就越强。在如今移动互联网的发展大潮中，H5 能与体验更优的原生终端齐步并进，其跨平台性可谓功不可没。因强依赖于具体 app，Hybrid H5 往 ...继续阅读 (72)

使用Gallop解析HTML，渲染成iOS原生页面实现的知乎日报Demo。Gallop v0.3.0Gallop --- 强大、快速地图文混排框架。 A framework for build a smooth asynchronous iOS APP.About GallopGallop是一个功能强大、性能优秀的图文混排框架。Features主要用于解决以下需求：实现图文混排界面，比如在文本中添加表情，对文字添加点击链接。Gallop还提供了方便的方法可以直接完成表情、URL链接、@用户、#话题#等的解析。滚动列表的性能优化。Gallop使用异步绘制、视图层级合并、观察mainRunloop、对布局模型预先缓存等方法，能在实现复杂的图文混排界面时，仍然保持一个相当优秀的滚动性能（FPS基本保持在60Hz），项目内有使用Gallop构建的微信朋友圈Demo。方便的解析HTML渲染生成原生iOS页面，项目内有使用Gallop构建的知乎日报Demo。解析HTML渲染生成原生iOS页面的优势：性能更好。可以将图片缓存到本地，无需重复加载，使用UIWebView只能缓存到内存，当UIWebView释放之后，就需要重新加载。可以使用原生的图片浏览器来浏览照片，体验更好，可以解决UIWebView查看大图时无法覆盖NavigationBar的问题。可以根据需要对HTML的内容重新布局、设置样式 ...继续阅读 (41)

作者：Kai Wähner  译者：王旭敏 微服务和Docker的发展势头 微服务和容器的主要目标是缩短软件开 […]可能感兴趣的内容行走在网格之间：微博用户关系模型管中窥豹：Docker生态系统一览实战总结之利用Docker、Docker Compose &Rancher构建持续部署译见|深度剖析「微服务架构」的九大特征再谈Docker-微服务的场景化应用无觅 ...继续阅读 (24)

Sketch3.9 终于发布了原生的响应式设计解决方案。只需要设置一个属性，便可以快速实现任意尺寸的适配。昨天晚上，Sketch发布了3.9beta版Sketch 3.9 (31494) Beta – Sketch全系列下载（持续更新）其中更新的一个非常重要的功能，就是是可以缩放 Symbol 和图层组。其实简单来说，只是在图层属性面板增加了一个 Resizing 的属性选项。这个选项看似很不起眼，但只需要其中3个选项，就能实现绝大部分设计的「适配」需求。用自带模版的例子举例吧。就一般 bar 里头的控件来说。适配起来无非就是保持边距的情况下，按照某一角对齐。这种情况就可以选择Pin to corner。这样的话，所设置的图层就会按照中心点所在父级的位置进行适配，这个选项无非就是9种情况，分别是相对四个角的四个点的编剧固定，或者分别保持纵向或横向居中，然后分别保持固定上下左右的距离。Resize object 则针对希望填满父级单位的元素，比如网站的位图banner，或者填充一个列表的内容。下面的例子中，左右的标题和图标都是设置的 Pin to corner，但段落文字设置的 Resize object。这样的话内容都会保持四个方向的边距，跟着父级单位一起缩放。最后一种，Float in place，他会根据父级元素的缩放，来等比例缩放图层所处父级图层的边距，这个属性可能可以用于无 ...继续阅读 (96)

这里是Github上免费开源的后台模板列表，目前我们公司用的是最流行的Adminlte比原生Bootstrap漂亮，基本上很少需要写自己的样式了。后台模板完整列表地址 ...继续阅读 (71)

【腾讯TMQ】5小时搞定谷歌原生自动化框架UiAutomator1.0前言谷歌对UI测试（UI Tetsting）的概念是：确保用户在一系列操作过程中（例如键盘输入、点击菜单、弹出对话框、图像显示以及其他UI控件的改变），你的应用程序做出正确的UI响应。UI测试（功能测试、黑盒测试）的好处是不需要测试者了解应用程序的内部实现细节，只需要知道当执行了某些特定的动作后是否会得到其预期的输出。这种测试方法，在团队合作中可以更好地分离的开发和测试角色。然而常见的UI测试多是以手动方式去执行，然后去验证程序是否达到的预期的效果，很显然这种方法耗时、繁琐并且很容易出错。因此我们需要一种可靠的方法来进行UI测试，通过测试框架，我们可以完成针对具体使用场景的测试用例，然后可以循环的、自动的来运行我们的测试case。所以谷歌推出了下面的UI自动化测试框架初探在Android的SDk提供了以下的工具来支持我们进行UI自动化测试：uiautomatorviewer：一个用来扫描和分析Android应用程序的UI控件的GUI工具。uiautomator：一个包含创建测试、执行自动化测试API的java库。（照例送上谷歌Uiautomator文档：http://android.toolib.net/tools/help/uiautomator/index.html）要使用这些工具，你必须安装Android开 ...继续阅读 (37)

为了不使用户感到反感，这些内容就必须与出版商的原有内容衔接地天衣无缝，于是原生广告的春天就来了。Buzzfeed——在内容赞助与GIF动图和噱头类文章的无缝融合方面可谓是楷模。《纽约时报》旗下的内容营销部门“T品牌工作室”则专为原生广告（《纽约时报》其称之为付费帖子）而战。Tech in Asia甚至有专门的品牌顾问团队，由享有声誉的品牌主赞助，生产具教育意义、前瞻性和可信度高的优质内容。然而，人们对内容赞助的不信任度却在持续加深，以下笔者将揭开内容赞助的五大误区。您可能也喜欢的文章：揭秘原生广告内容赞助的5大误区广告商赞助，让看电影趋向于免费izea：社会化媒体赞助广告研究报告2015年内容营销状况——信息图信息图：文案写作大全无觅 ...继续阅读 (15)

引言React Native是现在移动开发新的可选方案，也带来了原属于Web领域的React的优秀开发特性。另一方面，React Native的技术栈一经掌握，可以用于iOS、Android及Windows（见此）多个平台，即所说的“learn once, write anywhere”。开始使用React Native的问题如何使用React Native？参照官方指南，你会发现官方告诉你的是：请用react-native init命令来创建一个React Native项目。这个项目的根目录结构是这样：但是，以Android为例，一个普通原生项目的根目录结构却是这样（Android Studio 2.1.2）：可以看到，Android原生项目（上图的Drill根目录）平级于生成的React Native项目的android目录。那么，如果一直以来都是Android原生开发，现在想要引入React Native，考虑部分页面用React Native实现，应该如何做呢？这就是React Native植入原生应用的问题。显然，react-native init命令生成的项目在结构上不太相符，它的出发点更像是“完全用React Native做一个多平台应用”，但我们可能需要的是“一个原生应用但有部分内容是用React Native做的”。在本文的时间点，React Native的最新版 ...继续阅读 (205)

迁移到Zepto后，之前的返回顶部就失效了，想必是因为一些fade动画导致的，翻了一下返回顶部的代码，格式化完也就简单的几行，于是打算动手写一个原生的返回顶部。这种简单的小功能思路很清晰，就是检测滚动条是不是在顶部，不是的话就显示返回顶部按钮，是的话就把它隐藏。滚动条监测在新版的主流浏览器中是这样实现的：document.body.scrollTop如果想要兼容IE，那么可以加入下面这句完成：document.documentElement.scrollTop上面就是最主要的代码了，但是想要实现实时的监测滚动条的位置，我们还需要一个window.onscroll才能完成，这样不断下拉会不断刷新滚动条的位置。说道这里，你大概已经可以试着写出返回顶部这个功能了。贴出我的代码吧：HETM<a class="back2top" style="display:none;"></a>CSS.back2top {z-index:99;background:#000;width:36px;height:36px;display:block;position:fixed;right:20px;bottom:20px;cursor:pointer;border-radius:2px;opacity:.6;} .back2top:before {content:"";positi ...继续阅读 (63)

迁移到Zepto后，之前的返回顶部就失效了，想必是因为一些fade动画导致的，翻了一下返回顶部的代码，格式化完也就简单的几行，于是打算动手写一个原生的返回顶部。这种简单的小功能思路很清晰，就是检测滚动条是不是在顶部，不是的话就显示返回顶部按钮，是的话就把它隐藏。滚动条监测在新版的主流浏览器中是这样实现的：document.body.scrollTop如果想要兼容IE，那么可以加入下面这句完成：document.documentElement.scrollTop上面就是最主要的代码了，但是想要实现实时的监测滚动条的位置，我们还需要一个window.onscroll才能完成，这样不断下拉会不断刷新滚动条的位置。说道这里，你大概已经可以试着写出返回顶部这个功能了。贴出我的代码吧：HETM<a class="back2top" style="display:none;"></a>CSS.back2top {z-index:99;background:#000;width:36px;height:36px;display:block;position:fixed;right:20px;bottom:20px;cursor:pointer;border-radius:2px;opacity:.6;} .back2top:before {content:"";positi ...继续阅读 (14)

iOS 10发布之后，一项被大家广泛讨论和热烈欢迎的更新，可能就是能删除原生应用了。那些直到换手机都不会打开的应用：Game Center、查找朋友、提示等等，终于可以不那么碍眼了，以及木有Apple Watch的小伙伴们简直是喜大普奔啊。不过，最新消息显示，这个所谓的“删除”，可能并没有真的从手机里删掉。经过苹果软件工程师，高级副总裁Craig Federighi的确认，前两天在一期脱口秀直播上，以专门曝光苹果公司小道消息而著称的知名博主John Gruber所言不虚。Federighi表示，当用户删除苹果原生App时，确实在主屏幕上删除了它们，并且也一并删除了与之相关的数据缓存。但是，由于这些原生应用提供的服务是固化在iOS系统里的，它们是iOS系统的一部分，因此对于那些被删除的原生App，其二进制可执行文件其实还保留在系统里。基本上可以这样理解：当用户删除一个原生App时，其实只删除了与该应用相关的用户数据和主屏幕上的快捷方式，而应用本身并没有被删除。Federighi说，这也是出于iOS系统安全性和完整性的考量，同时也解释了为什么原生应用的更新必须跟随iOS系统的更新一起进行，而不能像其他应用一样通过App Store来更新。这些iOS系统内部的实现细节，对于用户来说其实并没有什么不同，也根本感知不到。那些删除了原生App之后，又“良心发现”想要重新装回来的用户，可以在Ap ...继续阅读 (11)

6月14日消息，凌晨1点苹果WWDC 2016开发者大会顺利召开，有不少同学熬夜看完了这场开发者大会，虽然没发布期待的硬件发布，但iOS 10的确带来最大的惊喜，支持卸载原生应用，事实上已悄悄发生了。一直以来不少用户都希望 iOS 能够支持卸载原生应用，那么这一次能实现吗？根据外媒证实，WWDC 2016开发大会上介绍了iOS 10的很多新特性，有外媒立马升级iOS 10预览版发现，iOS 10可以支持卸载的原生应用包含了：天气、Watch、语音备忘录、视频、提示、股票、提醒事项、播客、备忘录、音乐、地图、邮件、iTunes Store、FaceTime、联系人、指南针、日历和计算器。最后，根据现场开发者用户发现，iOS 10中甚至可安装和使用第三方应用作为默认应用，例如 Gmail能会成为你的默认邮件应用、QQ音乐也可能成为你的原生音乐应用。这次苹果在系统方面改变很大，是果粉们以及众多人看重的功能，支持的非常彻底，真又一次再对苹果的真爱高潮来了。来源：techweb ...继续阅读 (5)

微软今天在 E3 2016 发布会上宣布了 Xbox One S 新主机之外，也预告了接下来主机的大更新：代号 Project Scorpio。Project Scorpio 将支持运行 4K 原生游戏，也支持 VR 体验、6 TeraFlops 超强性能（Xbox One 是 1.23 TeraFlops）。根据 Xbox 部门主管 Phil Spencer 将 Project Scorpio 主机视为是全新设备，而不仅仅是简单的更新。Project Scorpio 也会支持 Xbox One 所有游戏，也包括兼容的 Xbox 360 游戏。至于新的主机上市时间，Project Scorpio 将会在明年假期季到来，但目前没有具体日期。（viaThe Verge）©2013LiveSino.net|阅读原文|添加评论 ...继续阅读 (10)

摘要看到这篇对HTML5的分析,感觉比较好,就分享给大家.一、HTML5第一阶段：Web增强与破垄断自HTML5诞生以来，一共经历了两个阶段，分别是Web增强和移动互联网。我们先从Web增强说起。Web体验的丰富增强主要表现在：WebApp HTML5新增了离线存储、更丰富的表单(比如 Input type=date)、js 线程、socket、标准扩展 embed、css3…流媒体HTML5新增了audio、video游戏HTML5新增了canvas、webgl当然HTML5还为搜索引擎的语义分析做了优化，比如新增Header和Section等标签，也在无障碍等领域做了不少工作，这些不再多述。HTML5 在流媒体和游戏方面的努力，成功的遏制了Flash的发展，然后就该遏制IE私有语法了。在 HTML5 标准的升级过程中，苹果和Google同时也看到了浏览器市场重新洗牌的机会，他们一方面参与HTML5的规范，一边在浏览器产品上发力。Apple首先开始大力发展Safari，建立WebKit开源项目，迁移Safari到Windows平台;Google起初是赞助Mozilla开发Firefox，后来自己开发了v8引擎，合并WebKit，于2008年正式推出Chrome。“IE 的私有规范+Flash不是标准，我们才是标准” 这样的口号在新一代浏览器大战中打响，IE 瞬间成为千夫所指的垄断 ...继续阅读 (25)

有时候App需要访问API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用JavaScript重新实现一遍；又或者你需要实现某些够性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等；我们React Native设计为可以在其基础上编写真正代码的原生代码，并且可以访问平台的所有能力。这是一个相对高级的特性，我们并不认为它应当在日常开发过程中经常出现，但是具备这样的能力是很重要的。如果React Native还不支持某个你需要的原生特性，你应该可以自己实现该特性的封装。一、Toast、Log模块本向导会用Toast、Log作为例子，假设我们希望可以从JavaScript发起一个Toas消息（Andorid中的一种会在屏幕下方弹出、保持一段时间消息通知），打印Andorid的Logcat日志。1.我们首先在项目的源码目录来创建一个原生的模块ToastModule.java，LogModule.java。一个原生的模块是一个集成了ReactCoontextBaseJavaModule的Java类，它可以实现一些JavaScript所需的功能。TostModule1.java类public class TostModule1 extends ReactContextBaseJavaModule{private static fina ...继续阅读 (39)

毫无疑问，聊天机器人如今已经成为继移动应用之后最热门的话题之一。在过去的一段时间里，Google、Facebook、微软、Amazon 等众多科技巨头也都开始纷纷加强在聊天机器人领域的布局。然而很多人可能要开始问了，这些聊天机器人将如何获得盈利呢？这个问题正是我打算在这篇文章里专门探讨的。在过去的几个月里，我和我的同事体验了一些聊天机器人产品，也和很多聊天机器人的开发商就如何盈利这个问题进行了深入探讨。经过认真了解和分析，我认为聊天机器人在未来可能会有以下七种可行的商业模式：商业模式一：BaaS（Bots as a Services，聊天机器人即服务）B2B 领域的聊天机器人主要是帮助用户和团队更有效率地开展工作、管理任务或解决团队沟通方面出现的问题。所以 B2B 领域的聊天机器人可能会复制目前已经存在的 B2B 软件领域的商业模式。对于 B2B 聊天机器人而言，我个人坚信，SaaS 式的免费增值模式可能会成为它最可行的商业模式。对于一些聊天机器人来说，根据你购买的增值服务的不同，那么你能使用到的聊天机器人的功能也是不同的。根据市场调研公司 Forrester 发布的数据，在 2016年，SaaS 和基于云的商业应用服务的营收有望达到 328 亿美元。因此可以想象，B2B 聊天机器人市场的营收应该也不会低。Slack 平台上的大部分应用基本都是基础功能免费，要想使用更高级的功能则需 ...继续阅读 (16)

很多时候，我们容易感动、感怀或感叹，不仅仅是因为太过感性，而是因为内心最柔软的地方被深深触动。见到凤凰网全国营销中心总经理郝炜的时候，他身穿T恤，面带微笑，没有丝毫严肃和拘谨。当天的采访中，他始终轻松真诚，没有高深或华丽的言语，平淡通俗却令人难忘。从移动互联网时代营销行业的变化，到生活场景的再造，到品牌的塑造和营销价值的实现，从部队大院卖锅的鲜活例子，到网红相关的段子，再到文化的传承和对广告人的敬意……郝炜畅聊了他心中原生营销最真实的模样，生动阐释了凤凰网原生营销4.0“再造生活场景”的理念。一言一语，透出他对凤凰网原生营销和营销行业深深的热爱。再造生活场景 以景动情随着移动互联网的发展，营销行业经历着前所未有的变革，渠道更加丰富、场景更加多元、产品、技术和模式不断创新以顺应时代潮流。其中，场景作为“互联网+”时代互联网营销的下一个超级入口，焕发出鲜活的生机。在通常的理解中，场景可能是一个地理位置，一种生活方式或者某种O2O形态的消费体验。郝炜却表示，场景不止于此。在他看来，场景通过与人们生活紧密相连的故事，不断创造新的内容、服务和关系，引爆人们的兴趣和高度参与，场景即故事。而原生营销4.0则更进一步：通过生活场景的再造，生产出优质、差异化、能引发共鸣的故事，从而衍生出新的内容、服务和关系，将品牌与社会趋势、人、媒体自然融合。“场景未必要多么高深，多么难，考验的是能否触达消费者真实 ...继续阅读 (9)

谈移动应用的跨平台开发不能不提HTML5，PhoneGap和Sencha等平台一直致力于使用HTML5技术来开发跨平台的移动应用，现在看来这个方向基本算是失败的，基于HTML5的移动应用在用户体验上与原生应用仍然存在着明显的差距。与上述HTML5平台不同，Xamarin和React Native通过各自的方式来实现跨平台。Xamarin基于Mono框架将C#代码编译为原生平台代码，React Native则是在UI主线程之外运行一个JavaScript线程，两者呈现给用户的都是原生体验。笔者恰巧两个平台都各使用过一段时间，在这里就抛砖引玉，分享一下个人观点。对于资源有限的创业团队，如果熟悉JavaScript，使用React Native再加上React，Redux等技术可以实现移动端、Web端、和Service端整套系统的开发，还可以重用一部分代码（比如Reducer和Action中的业务逻辑，以及通用的JavaScript组件代码），React Native也非常适合快速原型的开发。对于实力相对雄厚的大中型公司，如果已经在使用Microsoft的.Net技术，并且拥有成体系的系统架构，那么Xamarin或许是一个更好的选择，架构设计得好的话在代码重用方面并不逊于React Native。下面从几个方面说一说两者各自的优缺点：从编程语言的角度来说，C#和JavaScript都是成 ...继续阅读 (124)

做MySQL的都知道，数据库操作里面，DDL操作（比如CREATE,DROP,ALTER等）代价是非常高的，特别是在单表上千万的情况下，加个索引或改个列类型，就有可能堵塞整个表的读写。然后 mysql 5.6 开始，大家期待的Online DDL出现了，可以实现修改表结构的同时，依然允许DML操作(select,insert,update,delete)。在这个特性出现以前，用的比较多的工具是pt-online-schema-change，比较请参考pt-online-schema-change使用说明、限制与比较或ONLINE DDL VS PT-ONLINE-SCHEMA-CHANGE。1. Online DDL在 MySQL 5.1 （带InnoDB Plugin）和5.5中，有个新特性叫 Fast Index Creation（下称 FIC），就是在添加或者删除二级索引的时候，可以不用复制原表。对于之前的版本对于索引的添加删除这类DDL操作，MySQL数据库的操作过程为如下：首先新建Temp table，表结构是 ALTAR TABLE 新定义的结构然后把原表中数据导入到这个Temp table删除原表最后把临时表rename为原来的表名为了保持数据的一致性，中间复制数据（Copy Table）全程锁表只读，如果有写请求进来将无法提供服务，连接数爆张。引入FIC之后，创建二 ...继续阅读 (12)

本文来自爱码哥CTO邱杨(Terry)同学，微信公众号“爱码哥”（微信公众号：iMAG_app）随着HTML5和Node.js的流行,Javascript这门在互联网初期就已诞生的语言正迸发出勃勃生机，Javascript将前端和后端开发统一起来，“一切皆为JS”看起来只是时间的问题。唯一的障碍是在移动端，因为无论是Android还是iOS平台，当前仍是原生应用大行其道。HTML5曾经被寄予厚望过，但是以Facebook为代表的一批公司在移动端对HTML5技术进行实践的心酸血泪史表明，HTML5可以是原生应用开发的一种有效补充，但远不足以替代原生。但是现在，随着iMAG.js的渐渐流行，这种状况正在发生改变揭开iMAG.js这匹黑马的神秘面纱iMAG.js是国内的爱码哥移动平台推出的Javscript移动跨平台开发框架，它的特点简单高效，同时又功能强大，可以用Javascript来替代原生开发。iMAG.js的原理和在服务器端运行的Node.js有些相似，都是封装了Javascript引擎，用Javascript去调用底层的API接口。不同的是因为移动应用的控件主要是UI模块、用户交互界面开发，iMAG.js为此引入了XML模板技术，XML和Javascript结合，这样很适合手机界面的展示。下面我们来看iMAG.js是怎么做到替代原生开发，完成HTML5无法完成的事情的？1、首先 ...继续阅读 (80)

素质教育从来都是一个被津津乐道的话题，根据《中国教育改革和发展纲要》，素质教育已经成为 K12 的转变目标，今年以来也受到一些资本的特别关注。作为素质教育综合解决方案提供商，彩虹蜗牛主要面向 3-11 岁的儿童，目前已经形成了线下实体店 + 自主研发的课程（快素教）、实现线上选课和社群功能的快素学平台和原生 IP 研发三条业务线。在彩红蜗牛的创始人兼 CEO 余笛看来，公司的核心壁垒之一就是自主研发的课程。这套课程体系参考了公立幼儿园对孩子的能力要求，结合不同年龄段的要求编写故事，编写团队成员都有一定的幼教经验。目前整个内容体系分为太空、雨林、沙漠、城市、海洋四个情景，上课时孩子以类似 RPG 角色扮演的方式学习四门课程：创造课：这类型的课程以动手为主，通过接入数学、物理、化学、生物等科目，培养孩子的逻辑推理能力（另外余笛介绍这部分课程已经潜入了简单的 VR 内容）；艺术课：以声乐、舞蹈、绘画、手工课程为主，同样需要配合情景完成；综合发展课：深入环保、法律类课题，以类似模拟联合国的方式培养团队协作能力；综合语言课：包括叙事、主持、演讲、辩论、英语等模块。这四门课程每门每月收费 800 元，每周上课时间为 90 分钟。余笛透露，目前线下课程的付费人数为 6700，每单消费价格在 1200-1500 元之间，课程毛利 20%。在教师团队方面，彩红蜗牛的创新之处在于将学生家长直接培训成教 ...继续阅读 (13)

Firefox 45 后，取消了原生支持非常赞的标签组功能，我就装上了 Tab Groups 来实现，当时 Tab Groups 只是原生标签组功能的复刻。今天 Tab Groups 自动升级到 2.0 版本，标签组视图改进了，以前各标签组都是放在同个界面，很多标签组的时候非常不适合切换现在 2.0 把标签组单独“标签化”，大大方便了切换，如下图：红框里面的是标签组缩略图，点击其下面显示此标签组的各标签缩略图（敏感字眼红块遮挡 - -）而且，上面的标签组缩略图可以改为只显示标签组名，可以腾出更多的空间来显示下面的标签缩略图然后新版提供了备份功能，这真是太赞如果和我一样经常同时打开这么多标签的 Firefox 重度用户可以试试声明:除非注明，ZWWoOoOo文章均为原创，转载请以链接形式标明本文地址本文地址:http://zww.me/firefox-add-on-tab-groups-2-0.z-turn ...继续阅读 (109)

最新版的微软 SQL Server 2016 正式版终于发布下载了！作为最流行的商业数据库软件之一，SQL Server 无论是中小型公司、大型企业、初创团队，甚至小型的个人网站都有合适的版本覆盖。微软SQL Server 2016 正式版有着许多涉及数据库引擎、分析服务等多个方面的功能性增强和改进，同时也增加了很多全新的功能如：数据全程加密、支持 R 语言、延伸数据库、实时业务分析与内存OLTP、原生JSON支持、行级安全等等……[马上前往围观....]异次元还有这些值得一看：微软 Microsoft SQL Server 2012 SP2 RTM 数据库简体中文正式版下载USBWebServer 中文版 - 绿色便携的一键快速搭建 PHP/MySQL 网站服务器环境工具WebMatrix 3 正式版 - 从零建网站如此简单！来自微软的免费网站服务器快速建站套件WordPress 中文正式版下载 - 建站与学习首选！全球最流行的开源PHP博客网站程序异次元正版数字商城  |  异次元首页  |  iPc.me  |  新浪微博  |  软件精选 ...继续阅读 (293)

有点标题党了，准确的说是C语言标准中并无bool这个关键字来表示布尔类型。在C++中我们通常使用bool变量存储逻辑值。但是，C语言中是没有bool类型的，C语言中只有_Bool类型。今天和人聊到这个问题，确实容易搞混淆，写出来记录一下。 ...继续阅读 (39)

LNMP一键安装包 V1.3正式发布，增加PHP7、mysql 5.7支持、nginx http2支持、增加lnmp.conf配置文件开源自定义数据库目录、自定义参数，优化安装脚本增加安装成功率等等。LNMP一键安装包是一个用Linux Shell编写的可以为CentOS/RadHat/Fedora、Debian/Ubuntu/Raspbian/Deepin Linux VPS或独立主机安装LNMP(Nginx/MySQL/PHP)、LNMPA(Nginx/MySQL/PHP/Apache)、LAMP(Apache/MySQL/PHP)生产环境的Shell程序。同时提供一些实用的辅助工具如：虚拟主机管理、FTP用户管理、Nginx、MySQL/MariaDB、PHP的升级、常用缓存组件的安装、重置MySQL root密码、502自动重启、日志切割、SSH防护DenyHosts/Fail2Ban、备份等许多实用脚本。LNMP一键安装包 V1.3 已经在PhotonVPS、Vultr、遨游主机、OneAsiahost新加坡VPS、搬瓦工、BudgetVM、、DigitalOcean、LocVPS、Linode、DiaHosting、瑞豪开源、KVMLA、景文互联、RamNode、Hostigation、BuyVM、80VPS、XSVPS、HostUS、快易互联等众多VPS的CentOS ...继续阅读 (63)

LNMP一键安装包 V1.3正式发布，增加PHP7、mysql 5.7支持、nginx http2支持、增加lnmp.conf配置文件开源自定义数据库目录、自定义参数，优化安装脚本增加安装成功率等等。LNMP一键安装包是一个用Linux Shell编写的可以为CentOS/RadHat/Fedora、Debian/Ubuntu/Raspbian/Deepin Linux VPS或独立主机安装LNMP(Nginx/MySQL/PHP)、LNMPA(Nginx/MySQL/PHP/Apache)、LAMP(Apache/MySQL/PHP)生产环境的Shell程序。同时提供一些实用的辅助工具如：虚拟主机管理、FTP用户管理、Nginx、MySQL/MariaDB、PHP的升级、常用缓存组件的安装、重置MySQL root密码、502自动重启、日志切割、SSH防护DenyHosts/Fail2Ban、备份等许多实用脚本。1.3中增加lnmp.conf配置文件，该配置文件可自定义下载镜像地址、Nginx编译参数、PHP编译参数及数据库和默认虚拟主机默认目录，这个配置文件不论安装升级都会调用该文件里的设置，如果安装前想加自定义参数可以在安装前或升级前修改该配置文件的参数。兼容性提醒：PHP 5.6、PHP7都有许多调整，使用程序前请到程序官网确定兼容性。目前很多国产的程序shopex、ecs ...继续阅读 (93)

小米一次出现在人们视野中也不过才短短几年的时间，但是相较于那些传统厂商而言，其关注度已经不比他们少了。但是说到小米大家的反应总是很不一样，对于喜欢黑小米的人来看也不少。就在上周小米无人机已经正式发布了，但是在发布会最后的时候却出现了意外，小米无人机意外的炸机了。对于这件事情，杨林的解释是小米无人机没电了，所以自动降落了，但是很多人似乎对这样解释并不买账。说完了小米无人机，很多人对于小米的一些其他产品也表示很关心，在直播中雷军也爆料了一些关于小米手环2的最新消息，人们对于小米手环2什么时候出来，有什么功能以及价格是多少都成了当下最值得议论的事情。在很久之前关于小米手环2代的爆料也不在少数了，通过之前的爆料称小米手环2代最大的改进就是添加了LED显示屏，用户可以通过显示屏看到时间等信息。除了新添LED显示屏功能外，小米手环2代的具体功能还包括查看运动量，监测睡眠质量，智能闹钟唤醒等。可以通过手机应用实时查看运动量，监测走路和跑步的效果等。再来说说传闻已久的小米手表吧，说到小米手表的传闻倒是没有多少，作为小米的首款手表产品或许保密工作比较好，我们并没有听到过多的传闻。我只知道小米手表将会在今年的第二季度与大家见面。从之前的新闻报道中我们可以看出 这款手表将会采用金属外壳以及圆形表盘设计， 业界猜测小米可能不会使用原生的Android Wear操作系统，而是很可能使用经过优化的MIUI ...继续阅读 (37)

系列文章说明原文HTML表单是由组件构成的，这些组件是各种浏览器都支持的内置控件。本文中我们将深入探讨它们、了解它们的作用、学习如何让各种浏览器更好地支持它们。虽然这里我们只探讨内建表单组件，但由于HTML表单有诸多限制、以及不同浏览器间的实现有很多的不同，故web开发者有时也得构建自定义的表单组件。这部分内容将会在[怎样创建定制表单组件]()一文中详细讨论。文本输入框文本输入框是最基本的表单组件，它便于用户输入各种数据。然而一些文本框也可以专门用来实现一些特定需求。值得注意的是，HTML文本框只是个纯文本输入控件。这就意味着你不能用它来进行富文本编辑（如加粗、斜体等）。所谓的富文本编辑器其实都是自定义的组件。所有文本框都共享一些公共行为：它们可以被标记为只读（用户不可修改输入的值）或者禁用（输入的值不会随着表单的其他部分一起提交）。它们可拥有一个占位符；这是一小段在文本输入框内的、用于简明描述文本框作用的文本。它们都受size（输入框的物理尺寸）和length（文本框能输入的最大字符数）的约束。它们可以有拼写检查，如果浏览器支持的话。兼容性表属性（桌面端）ChromeFirefox (Gecko)IEOperaSafari<input>.readonly1.01.0 (1.7 or earlier)61.01.0<input>.disabled1.01.0 ...继续阅读 (4)