小程序的冷遇击垮了曾经对它顶礼膜拜的开发者信心，但眼下，腾讯正寄希望于一些标杆性的案例让大家重新接受这一产品。 “摩拜单车自从接入了小程序之后，每周使用量达到100%的增长”，摩拜单车产品负责人杨毓杰对36氪记者说。 摩拜是小程序推出后的第一批使用者。数据显示，在今年2月份新增了微信小程序功能之后，通过小程序注册的用户增长了30倍，所有通过摩拜小程序注册的用户，有一半是同时拥有小程序和APP，目前共有5000万次的独立使用。 在所有人都在诟病小程序的封闭和冷清的时候，小程序的威力确实在一定程度上被低估了。虽然张小龙曾经强调小程序并不像是公众号一样拥有巨大的流量红利，但显而易见的是，一些符合小程序产品思路的公司过得并不赖。杨毓杰说，小程序开发之后，摩拜的新用户几乎都来自小程序，通过微信扫码，用户不必耗费流量下载APP，快速骑车。微软中国也是受益者之一，图片一键生成PPT 的“微软小蜜”小程序在几乎零宣传的情况下，上线两周之内大概有43000名用户，50多万的访问量。餐饮第三方服务商“美味不用等”也称，借助小程序一个月翻台量2000台的商户，单月多开134台，节省一名服务员的人力，多创造4万元的价值。2017年1月9日，被张小龙冠以“用完即走”的小程序曾经震惊了整个科技圈，但在随后的几个月里，高冷的微信小程序并没有像预期中得以快速爆发。 “我们为什么要开发小程序，线下只要接一个微信支付 ...继续阅读 (7)

byzhangxinxufromhttp://www.zhangxinxu.com/wordpress/?p=6063本文可全文转载，但需得到原作者书面许可，同时保留原作者和出处，摘要引流则随意。很多人只要一提到@font face规则，心中就会不由自主“哦~~”的一声：“这个我知道，可以用来生成自定义字符小图标！”话是没错，问题在于很多人就以为生成字符小图标就是@font face规则的全部，实际上只是功能之一，如果真正了解@font face规则，你会发现，@font face规则可以做的事情其实非常多，尤其我们不考虑IE7，IE8浏览器的情况下。一、 @font face的本质是变量虽然说CSS3新世界才出现真正意义上的变量var（参见此文：“了解CSS/CSS3原生变量var”），但实际上，CSS世界中，就已经出现了本质上就是变量的东西，@font face规则就是其中之一，@font face的本质上就是一个定义字体或字体集的变量，这个变量不仅仅是简单的自定义字体，还包括字体重命名，默认字体样式设置等等。这个“变量”的意识很重要，有助于我们发挥@font face的潜力，可以让我们的CSS代码更加的精简，更方便的维护等。在进入正题之前，我们先要对@font face规则有个大致的面面观。@font face规则支持的CSS属性有：font-family，src，font- ...继续阅读 (87)

2007 年 1 月 9 日，iPhone 发布会召开；6 月 29 日，iPhone 正式上市。4 个月后，Google 与众多手机厂商结盟，成立了 OHA 联盟，以开放的 Android 对抗 iPhone。在 2 个阵营的互搏中，移动互联网拉开了为期 10 年的疯狂增长。10 年后的今天，移动互联网已经从增长期过渡到平稳期，我们的生活被极大地改变。然而，有些显而易见的不合理又一直存在：对用户而言，为什么移动互联网服务不能像 PC 那样触手可及？对开发者而言，为什么流量越来越贵，变成少数寡头的游戏？2017 年 1 月 9 日，微信小程序正式上线。带着触手可及的梦想，带着向 iPhone 发布的致敬。上图为微信小程序发布时张小龙发的朋友圈。配图文字是：“每隔一段时间，就会有一个革命性的产品出现。人一生能参与一件革命性产品就够幸运。今天苹果要重新发明手机。”没错，张小龙希望微信小程序的发布，如同 iPhone 是移动互联网上半场的标记一样，成为移动互联网下半场的里程碑事件——重新发明 App。微信如苹果一样，体验良好却封闭，开发者需要使用微信的工具按照微信的语法来编写小程序，只能单独为微信使用。历史总是惊人的相似。2017 年 3 月 20 日，HTML5 中国产业联盟召开了即点即用应用发布会，7 家手机厂商上台助阵。这家挂靠在工信部下的联盟组织，基于一套开放标准 HTML5+， ...继续阅读 (13)

本文翻译自Chrome DevTools: Show native functions in JS Profile，中文版首发在我的知乎专栏V8 源码及周边。在 Chrome DevTools 中可以使用 profiler 查看原生函数的执行性能：原生函数（native function）是 JavaScript 语言的一部分，这些函数有别于开发者编写的自定义函数。当我们在 profiler 中查看代码的调用栈时，这些函数是被过滤掉的。我们在 profiler 中看到的只有自己写的代码。当我们捕获调用栈时，Chrome 并不会捕获 C++ 写的函数。不过，在 V8 引擎中很多 javascript 原生函数都是使用 javascript 语言编写的。V8 使用 JavaScript 本身实现了 JavaScript 语言的大部分内置对象和函数。 例如，promise 功能就是通过 JavaScript 编写的。我们把这样的内置函数称为自主托管（self-hosted）。如果我们开启 “Show native functions” 设置，Chrome 将会在 profiler 中显示这些函数。Chrome 分析器是如何工作的为了找到那些耗时最多的代码，Chrome 分析器每 100μs 捕获一个堆栈跟踪。这意味着，如果一个函数只需要 50μs 的执行时间，就可能不会在分析器中显示出来 ...继续阅读 (15)

本文翻译自Chrome DevTools: Show native functions in JS Profile，是我的 V8 专栏的一篇：V8引擎深入研究目录贴。在 Chrome DevTools 中可以使用 profiler 查看原生函数的执行性能：原生函数（native function）是 JavaScript 语言的一部分，这些函数有别于开发者编写的自定义函数。当我们在 profiler 中查看代码的调用栈时，这些函数是被过滤掉的。我们在 profiler 中看到的只有自己写的代码。当我们捕获调用栈时，Chrome 并不会捕获 C++ 写的函数。不过，在 V8 引擎中很多 javascript 原生函数都是使用 javascript 语言编写的。V8 使用 JavaScript 本身实现了 JavaScript 语言的大部分内置对象和函数。 例如，promise 功能就是通过 JavaScript 编写的。我们把这样的内置函数称为自主托管（self-hosted）。如果我们开启 “Show native functions” 设置，Chrome 将会在 profiler 中显示这些函数。Chrome 分析器是如何工作的为了找到那些耗时最多的代码，Chrome 分析器每 100μs 捕获一个堆栈跟踪。这意味着，如果一个函数只需要 50μs 的执行时间，就可能不会在分析器中 ...继续阅读 (9)

本文翻译自Chrome DevTools: Show native functions in JS Profile，中文版首发在我的知乎专栏V8 源码及周边。在 Chrome DevTools 中可以使用 profiler 查看原生函数的执行性能：原生函数（native function）是 JavaScript 语言的一部分，这些函数有别于开发者编写的自定义函数。当我们在 profiler 中查看代码的调用栈时，这些函数是被过滤掉的。我们在 profiler 中看到的只有自己写的代码。当我们捕获调用栈时，Chrome 并不会捕获 C++ 写的函数。不过，在 V8 引擎中很多 javascript 原生函数都是使用 javascript 语言编写的。V8 使用 JavaScript 本身实现了 JavaScript 语言的大部分内置对象和函数。 例如，promise 功能就是通过 JavaScript 编写的。我们把这样的内置函数称为自主托管（self-hosted）。如果我们开启 “Show native functions” 设置，Chrome 将会在 profiler 中显示这些函数。Chrome 分析器是如何工作的为了找到那些耗时最多的代码，Chrome 分析器每 100μs 捕获一个堆栈跟踪。这意味着，如果一个函数只需要 50μs 的执行时间，就可能不会在分析器中显示出来 ...继续阅读 (33)

本文翻译自Chrome DevTools: Show native functions in JS Profile，中文版首发在我的知乎专栏V8 源码及周边。在 Chrome DevTools 中可以使用 profiler 查看原生函数的执行性能：原生函数（native function）是 JavaScript 语言的一部分，这些函数有别于开发者编写的自定义函数。当我们在 profiler 中查看代码的调用栈时，这些函数是被过滤掉的。我们在 profiler 中看到的只有自己写的代码。当我们捕获调用栈时，Chrome 并不会捕获 C++ 写的函数。不过，在 V8 引擎中很多 javascript 原生函数都是使用 javascript 语言编写的。V8 使用 JavaScript 本身实现了 JavaScript 语言的大部分内置对象和函数。 例如，promise 功能就是通过 JavaScript 编写的。我们把这样的内置函数称为自主托管（self-hosted）。如果我们开启 “Show native functions” 设置，Chrome 将会在 profiler 中显示这些函数。Chrome 分析器是如何工作的为了找到那些耗时最多的代码，Chrome 分析器每 100μs 捕获一个堆栈跟踪。这意味着，如果一个函数只需要 50μs 的执行时间，就可能不会在分析器中显示出来 ...继续阅读 (34)

原生js实现简单的Ripple按钮效果如图准备食材（html部分）首页我的更多典型的菜单li布局，里面的span.circle表示的是触摸弹出的小圆圈。准备辅料 (css部分)#nav { display: flex; } #nav li { position: relative; overflow: hidden; flex: 1; } li a { display: flex; flex-direction: column; justify-content: center; align-items: center; } .circle{ position: absolute; background: rgba(86,187,247,.1); width: 1px; height: 1px; top:50%; left: 50%; border-radius: 50%; } .circle.act{ animation: navCircle .4s; } @keyframes navCircle { from {transform: scale(0);border-radius: 50%;} to ...继续阅读 (19)

form数据的序列化：$('#submit').click(function(){$('#form').serialize(); //会根据input里面的name，把数据序列化成字符串；eg：name=yang$('#form').serializeArray(); //会根据input里面的name，把数据序列化成数组；eg：[object]//注意：没有name会获取不到值//下面两种不是jQuery的方法JSON.parse() //json字符串转化为json对象JSON.stringify() //json对象转化为json字符串});jQuery的ajax方法：$.ajax({url:'/comm/test1.php',type:'POST', //GETasync:true, //或false,是否异步data:{name:'yang',age:25},timeout:5000, //超时时间dataType:'json', //返回的数据格式：json/xml/html/script/jsonp/textbeforeSend:function(xhr){console.log(xhr)console.log('发送前')},success:function(data,textStatus,jqXHR){console.log(data)conso ...继续阅读 (9)

原文https://medium.com/@bluepnume...随着es2017即将到来，async/await的时代也就不远了。在之前的文章中我建议要充分掌握 Promise，因为它是建立async/await的基础。理解 Promise 有助于理解 async/await 的基础概念，并有助于你编写更好的 async 函数。但是，即使你已紧跟 async 潮流（这是我个人喜欢的）并且完全理解 Promise，在异步函数中继续使用它们仍然还有一些非常令人信服的理由。async/await 绝对不会让你完全摆脱每一种情况。为什么？很简单：你可能仍然需要去编写一些运行在浏览器上的代码。单纯用 async/await 来编写并行代码有时候是不可能或不容易的。为浏览器编写代码？Babel 不就可以解决吗？很明显除非你是纯粹为 node 服务端编写，否则你将不得不考虑在浏览器中运行你的 javascript。通过Babel编译，可以使 ES2015+ 编写的代码运行在较老的浏览器中，或者还可以使用 Facebook 的一款优秀编译器Regenerator，Babel 甚至会能将 async/await 编译为向下兼容的代码。问题得到解决，然后呢？好吧，这并不完全是。关键点在于，生成的代码并不一定是你想在客户端上运行的。例如下面一个简单的 async 函数，它使用异步映射函数对数组进行连 ...继续阅读 (40)

9：传值传递：函数参数如果是原始类型的值（数值、字符串、布尔值）。这意味着，在函数体内修改参数值，不会影响到函数外部。 10：传址传递：如果函数参数是复合类型的值（数组、对象、其他函数）。也就是说，传入函数的原始值的地址，因此在函数内部修改参数，将会影响到原始值。I‘m webapp-cnodejs-vue ...继续阅读 (9)

文中涉及到的几个概念（信息来自百度百科和百度知道）：Native App（原生APP）开发：该开发针对IOS、Android等不同的手机操作系统要采用不同的语言和框架进行开发，该模式通常是由“云服务器数据+APP应用客户端”两部份构成，APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。Web App开发：即是一种框架型APP开发模式（HTML5 APP 框架开发模式），该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。Hybrid App：是指介于web-app、native-app这两者之间的app,它虽然看上去是一个Native App，但只有一个UI WebView，里面访问的是一个Web App。一、Web App体验最近因为比赛需要，由于时间不怎么充裕，便利用PHP写了服务器端，jQuery Mobile写了一个整个 APP的框架（只是简单的框架）和内容，然后再借助android的WebView控件显示页面，就这样传说中的Web App就新鲜出炉了。当然这只是简单的一个小应用，真正的Web App开发还牵涉到更多的知识，这里我们不做讨论。Web AppWeb App虽然是如此简单的一个小应用，却也五脏俱全。实现了按钮 ...继续阅读 (4)

任天堂Switch在不久前正式发售，伴随着首发大作《塞尔达：荒野之息》的助阵，这台兼具掌机与家用机功能的新主机卖得如火如荼，可以说形势一片大好。不过繁华底下暗潮涌动，之前就有用户尝试从Switch中导出数据。而现在，国外知名黑客qwertyoruiop宣布，他从在Switch上发现了浏览器WebKit内核存在漏洞。他所使用的方法很简单，之前用来越狱iOS的jailbreakMe工具他进行了一些调整，并删除了特定的iOS代码。虽然qwertyoruiop除了发布一张截图外没有给出任何证据，但以他的知名度而言确实可信度很高。虽然Switch的系统中仅包含一个精简版的WebKit，并没有向用户提供一个可用的浏览器。但任天堂可能没有预料到黑客会从隐藏的WebKit上下手，并找到漏洞的存在。目前qwertyoruiop正在深入挖掘Switch的系统，值得一提的是，Switch的系统调用并不像是FreeBSD，而是类似一种新的3DS操作系统代码。不过当然，Switch尽管操作系统可能不是源于FreeBSD，但绝对是FreeBSD内核，这是之前早已判明的。当然，这并不意味着Switch就能很快被破解，虽然它可能会被允许运行未授权的代码，而更重要的“内核访问”则依然需要进一步探索。而且任天堂可能很快就会发布新的固件版本，来消除漏洞。 ...继续阅读 (11)

上篇博客《Android自定义Lint实践》中我们介绍了美团App如何使用自定义Lint进行代码检查。在使用Lint的过程中，我们陆续又发现原生Lint的一些问题和缺陷，本文将介绍我们在实践中提出的解决方案。完善JDK 7泛型新写法下的HashMap检测上一篇博客中我们提到了对于HashMap检测的改进，但当时我们也在文章中提到：代码很简单，总体就是获取变量定义的地方，将泛型值传入原先的检测逻辑。当然这里的增强也是有局限的，比如这个变量是成员变量，向前的推断就会有问题，这点我们还在持续的优化中。即：当时的检测解决了变量声明和变量赋值在一起的HashMap检测问题。但对于两者不在一起的情况，我们仍然无法检测到。示例代码如下：publicstaticvoidtestHashMap(){//这种情况可以用上篇博客的检查搞定Mapmap1 =newHashMap(); map1.put(1,"name");//这种找不到map2的变量声明，所以用上篇博客的检查是无法判断的map2 =newHashMap(); map2.put(2,"name2"); }通过我们的探索，目前已经解决了这个问题。下面我们来详细介绍下：我们需要解决的情况在同一个类中publicMapmap;publicstaticMapmap2;publicvoidtest(){// 1: 成员变量map =n ...继续阅读 (94)

昨天，我们发出了小程序系列的第一篇文章。在媒体和业界对小程序的一片“唱衰”热潮中，无法做流量分发、入口太深、不会取代 app 等被视为小程序的“几大不是”，那些曾经的野心，如今也似乎变成了虚妄。但作为小程序生态中的重要参与者，各大厂商和开发者们对小程序的未来却有着不同的看法。有人坚守，有人放弃，有人愿为之付出更多努力。对于他们来说，小程序到底意味着什么？坚守还是退出，这是一个选择“做不做”通常是厂商入局小程序时面临的第一个选择题。如今对于不同领域的玩家来说，“做得怎么样、还要不要继续”已经成为横亘在眼前的新问题。为此，爱范儿（微信号：ifanr）特别挑选了四个具有代表性的领域——工具类、内容资讯类、O2O 和电商类的小程序，来看看他们如今的发展状态。小程序的发展暂时是有点不符合预期的，但是我们会继续投入到小程序里面，也会逐渐加大投入力度。在被问到公司对小程序的发展预期时，汽车报价库小程序负责人这样告诉爱范儿（微信号：ifanr）。作为工具类小程序阵营中的一员，汽车报价库比较认可张小龙最初对小程序特性所做的诠释——触手可及、用完即走。他们觉得，目前的原生 app 整体太过臃肿，推广也需要耗费很多的人力财力。而对于用户选择车型这样的刚需业务，小程序“即用即走”的特性足够简洁极致。的确，对于这样的低频刚需工具来说，奉行“小而美”主义的小程序的出现，是一个值得期待的机会。对此，朝夕日历 C ...继续阅读 (16)

...继续阅读 (19)

雷锋网消息：虽然三星的下一代旗舰S8要等到3月28日才会正式发布，但是网络上的各种谍照、渲染图已经流传开来。近日，著名爆料大神@evleaks又在网上曝出了S8的官方渲染图。另外，外媒BGR还带来了一组S8全方位的真机图：从图中可以看出，S8确认将去掉正面的HOME键，并采用曲面屏设计。值得注意的是，三星S8保留了3.5mm的耳机插孔。除了去掉实体按键之外，三星S8还取消了原生安卓系统的应用抽屉，不过这个应该是可以选择的，此外还有各种Luancher可供选择，因此原生安卓粉不必过分担心。此前雷锋网曾报道，此次三星将会推出S8和S8 Plus两个版本。根据@evleaks透露的消息，S8为5.8英寸，配备3000mAh容量电池，而S8 Plus为6.2英寸，内置3500mAh容量电池。而S8的售价将会是849美元起（约合5826元人民币），这个价格比iPhone 7 Plus目前的起售价769美元（美国官网价格）要高不少。作为首款能够买的到骁龙835旗舰，你会买账吗？ ...继续阅读 (9)

XMLHttpRequest cannot loadhttp://localhost:3000/. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access.上面是我学习nodejs中碰到的一个异常，下面有代码以及解决方案。一、nodejs原生解决1. js文件代码var http=require('http'); var querystring=require('querystring'); http.createServer(function(req,res){ 　　var postData=''; 　　req.setEncoding('utf8'); 　　req.on('data',function(chunk){ 　　　　postData+=chunk; 　　}); 　　req.on('end',function(){ 　　　　res.end(postData+"hehe"); 　　}); }).listen(3000); console.log("服务启动。。。")2. 前端html页面代码DOCTYPE html$(function ...继续阅读 (25)

写在前面的话笔者语本文是结合笔者自身的经历以及个人有限的见识进行分析的。可能由于个人的视野局限会有一定的以偏概全现象，因此，如果有描述不当之处，可以留言指出，大家一起进步。题纲传统软件公司的特点传统软件公司的技术现状React-Native(Weex)技术简介推广React-Native(Weex)的成本与收益为什么在传统软件公司无法推广React-Native(Weex)传统软件公司的特点这里仅是以点见面，以偏概全的举例，便于下文更好分析而已，并不是就意味着在批判传统软件公司(笔者也自认为没有这种资格，它们能存在，并且好好的存在，显示是有它的理由的)以何为生？每一个公司都需要有自己的盈利模式，才能养活公司那么一大票人。那么传统软件公司一般是以什么为盈利模式呢？根据笔者自身的经验，总结如下:核心收入-做项目，项目的个数以及每一个项目的金额大小决定了全年的收入严重依赖-客户资源，资源与人脉很重要，有资源决定着是否能拿到大项目，决定着能做多少有盈利的项目人员分布模式上文有提到，传统软件公司的盈利核心是依托着已有的客户资源做项目，那么基于这种盈利模式，会有什么样的人员分布情况呢:管理层(功能不用赘述了)商务人员(作用十分之大，客户资源大多都是靠能说会道的他们打通的)项目实施(数量很多，主要作用为不同项目中客户与开发人员的沟通桥梁，以及一些项目相关繁琐事宜，在传统公司中，他们一般担任着项目 ...继续阅读 (13)

本文假设你已经有一定的React Native基础，并且想要了解React Native的JS和原生代码之间是如何交互的。React Native的工作线程shadow queue：布局在这个线程工作main thread：UIKit在这里工作Javascript thread：Js代码在这里工作另外每一个原生模块都有自己的一个工作GCD queue，除非你明确指定它的工作队列*shadow queue*实际是一个GCD queue，而不是一个线程。原生模块如果你还不知道如何创建原声模块，我建议你看看官方文档。下面是一个叫做Person的原生模块，既可以被js调用，也可以调用js代码。@interface Person : NSObject@end @implementation Logger RCT_EXPORT_MODULE() RCT_EXPORT_METHOD(greet:(NSString *)name) { NSLog(@"Hi, %@!", name); [_bridge.eventDispatcher sendAppEventWithName:@"greeted" body:@{ @"name": name }]; } @end下面，我们主要看看代码里用到的两个宏定 ...继续阅读 (23)

系列文章的目录在 👉这里除了 Vue 框架提供的功能以为，Weex 平台本身也提供了很多功能，这些功能比前端框架更底层一些，而且是跨框架通用的，在Vue和Rax里都可以用。本文的几个例子越来越偏底层，最后一个例子还需要写 java 代码。使用 Weex 的模块Weex 模块的文档通过weex.requireModule即可引入 weex 的模块。const modal = weex.requireModule('modal') modal.toast({ message: 'native toast' })Weex 的模块到底是什么东西？模块的用法很简单，像普通 js 模块一样调接口就行了，看起来挺像一个 npm 模块的，但是在 Weex 模块内部会调用原生接口，最终调用的都是原生平台提供的功能。Weex 的模块提供了使用原生功能的能力。例如modal模块可以弹出toast、alert、confirm、prompt等各种弹窗，这些弹窗都是原生弹窗，在 Android 和 iOS 下的风格和行为是由各自的系统决定的。Weex 的模块在 js 这一层只负责向原生环境里传递数据，通知 native 去执行某些操作。像storage、navigator、clipboard这种依赖平台特性的功能，需要调用平台原生接口才能实现，所以只能写成模块。模块的同步和异步一般来说，都是调用模块的功 ...继续阅读 (9)

系列文章的目录在 👉这里除了Vue.js 在 Weex 和 Web 中的差异以外，Vue.js 自身的各种特性都是可以正常使用的。所以，这篇文章其实和 Weex 并没多大关系，我就给大家简单罗列几个在weex-hackernews项目里用到的特性（这几个特性越来越高阶）：混合（mixin）Vue mixin 文档mixin 是一种复用代码的技巧，可以将多个组件共同的逻辑抽象成 mixin，官方文档中写的很详细。它会将 mixin 中定义的方法合并到组件上，如果包含生命周期函数，则先调用 mixin 中的方法再执行组件自身的；如果属性有冲突，组件自身的方法会覆盖掉 mixin 中定义的。定义 mixin在 weex-hackernews 中的src/mixin/index.js里定义了一个简单的 mixin：export default { methods: { jump (to) { if (this.$router) { this.$router.push(to) } } } }它只包含了一个方法，就是jump，它通过调用路由的push方法来实现页面跳转。注册 mixin然后，在src/entry.js中全局注册了这个mixin。import Vue from 'vue' import mixins from './ ...继续阅读 (31)

作者简介：黄庆兵，网易蜂巢首席技术布道师，浙大硕士毕业，从事云计算、Docker、Go等相关开发及技术布道工作；喜欢开源，乐于分享，勤于布道，折腾过开源小工具，制作过Docker课程，分享过 Gopher Meetup。欢迎一起来探讨技术！个人主页：http://bingohuang.com/以下为正文：1. 简介在云的时代，应用会更多的迁移到云端，基于云的架构设计和开发模式需要一套全新的理念去承载，于是云原生思想应运而生，而针对云原生应用开发的最佳实践原则，12-Factor脱颖而出，同时也带来了新的解读。本文将介绍在Cloud Native时代下，结合Docker等技术，如何一一实践12-Factor原则。2. 云原生云原生（Cloud Native）是由 Pivotal 的Matt Stine在2013年提出的一个概念，是他多年的架构和咨询总结出来的一个思想的集合。那怎么去理解云原生应用？我觉得可以从三个角度来说明，这和云计算平台的三个层次不谋而合，如下图：][2]IaaS看做基础 云 设施，用来提供各种基础资源(Infrastructure)PaaS作为开发 平台，用来提供各种平台服务(Platform)SaaS交付 应用 或 服务，直面用户，提供应用价值(Application)云原生应用，正好契合了云、平台和服务，一层层构建，所以我通常就把它理解为面向云（平台）来设计我 ...继续阅读 (12)

几周前，CSS变量，更准确的说是CSS自定义属性——发布在Chrome Canary版的Experimental Web Platform Features flag。Chrome的工程师@Addy Osmani首次在推特发布时，遭遇到了惊人的否定，敌意及怀疑。至少我很吃惊，鉴于我对这个属性是如此兴奋。快速浏览完大众的答复，明显地99%的讨论都集中在这两件事上：语法丑而冗长Sass已经有了变量，为什么还要关注原生CSS变量？我承认的确不喜欢这个语法，但理解它不只是随意的选择很重要。CSS工作组的成员讨论过语法的长度，他们必须选择与CSS语法兼容的东西，且不会与将来添加的语言冲突。关于CSS变量和Sass变量，我认为最大的误解在于：原生的CSS变量并不是试图复制CSS预处理器早已经实现的功能。事实上，如果读过最初的设计讨论，就知道原生CSS变量的目的是为了实现预处理器不能实现的功能。CSS预处理器是很好的工具，但其变量是静态的，限定了语法作用域。另一方面，原生CSS变量是一种完全不同类型的变量：动态的，作用域是DOM。事实上，称它们为变量会令人迷惑。它们实际上是CSS属性，这为它们提供了一组完全不同的能力集，用来解决一系列完全不同的问题。在本文中，我将讨论一些可用CSS自定义属性实现但不能用预处理器变量实现的事情，还会演示一些自定义属性能实现的新设计模式，最后讨论为什么我会认为以后很 ...继续阅读 (25)

系列文章的目录在 👉这里在配置完开发环境之后，就可以开始写应用了。在写应用之前，肯定会先划分好页面，一个一个独立着写的。不过，首先要明确的是，使用 Weex 写出来的是原生应用，页面的概念还和 Web 上一样吗？Weex 里“页面”的概念写的有些乱，与下边内容关系不太，不理解可以忽略。Weex 的实例在 Web 上是和“浏览器页签”的概念相对应的，通常一个 Weex 实例就是一个“页面”。在 Web 上，只要没有新开页签，网页中的各种跳转，都是记录在History对象中的，对于 Weex 而言，这些都相当与在一个“页面”之内。在 Native 上，页面的跳转是记录在Navigator中的，内部也有一个栈来存储跳转记录，可以push、pop。要想在原生页面之间（Weex 多实例之间）跳转，可以使用navigator模块，也可以看看weex-router。想深入理解这方面的概念，还需要了解一些 Native 开发的知识。原生开发里边，页面是个比较上层的概念，可以来回切换和销毁，在背后还有生命周期更长程序在运行，Weex Runtime 就运行在这一层里，多个 Weex 的实例会共用一个 Runtime。因为 vue-router 的设计和实现都是在同一个页面内的，是 SPA 概念里的产物。其实前端路由也是基于 SPA 产生的概念，在 Weex 或者原生应用这种多页跳转的场景里可能并不合 ...继续阅读 (9)

199IT原创编译原生广告一直是一个很宽泛的概念，几乎无所不包。但是，2017年这个概念将被明确分为两类：程序化购买和非程序化购买。根据eMarketer最新的“2017年美国展示广告趋势”报告，大部分发布商和广告程序化购买平台已经更新了协议并添加原生广告交易。2016年5月Advertiser Perceptions的调查发现，47%的美国营销人员和广告商使用程序化购买原生广告，占原生广告支出的19%。而且受访者还在社交网络原生广告方面支出39%的预算，这也可以划分为广告程序化购买。虽然具有原生广告元素的横幅广告和In-Feed广告（插入使用者的信息流中的原生广告）是原生广告程序化购买的主流，随着越来越多的发布商重新设计网站吸引更多的移动流量，In-Feed广告将更受欢迎。同时，溢价和非程序化购买的原生广告也将繁荣发展。品牌希望通过这些广告推动参与度，提高品牌认知度。199IT.com原创编译自：eMarketer 非授权请勿转载您可能也喜欢的文章：eMarketer：2014年美国程序化购买数字展示广告将增长137.1%eMarketer：2018年美国展示广告程序化购买支出将接近380亿美元eMarketer：预计2016年中国广告程序化购买支出达110亿美元 同比增长70%eMarketer：预计2015年美国程序化购买展示广告支出154亿美元eMarketer：2016年 ...继续阅读 (13)

背景介绍Weex和Vue已经互相支持，这也不是新闻了（如果你觉得是新闻，自行在网上搜相关信息……），Vue.js 也因此具备了开发原生应用的能力。Vue 官方仓库中包含了适配 Weex 平台的代码，Weex 也引入了 Vue Runtime并集成进了 SDK 中，第一个支持 Vue 的 WeexSDK 版本是v0.9.5，后续版本也都将会支持，建议保持更新。两个框架之所以能互相适配，是因为两个框架在最初设计时就充分考虑到了扩展性，眼光深远！框架合作减少了开发者的学习负担，是个好事情，可喜可贺🎉🎉🎉。全球首个使用 Weex 和 Vue 开发的原生应用那就是weex-hackernews！Vue 官方出了一个vue-hackernews，是一个完整的使用 Vue 2.0 的例子，并且用到了 Vuex 、 vue-router 和服务端渲染。仿照这个思路，我们也写了一个 weex-hackernews ，不仅用到了 Vue 框架的各种特性，也用到了 Vuex 和 vue-router ，在 Web 、 Android 、 iOS 上都能正常工作，一个完整的三端都有的 App ！可以作为一个范例供大家参考。这个项目实际证明了 Weex + Vue 在 Web 、Android 和 iOS 上都是完全可以运行的，Vuex 和 vue-router 也可以运行在移动端上。我是验证过的，所以我可 ...继续阅读 (6)

雷锋网按：本文作者Kiki酱，三节课学员，现任滴滴出行产品经理。原文载于三节课（微信公众号ID: sanjieke），雷锋网获授权发布。话说，各位返工快乐。感叹下，2017年的小目标还没有开始实现，就已经默默过去了1/9。春节期间，面对面红包在我的“鹅厂”朋友圈中火得一塌糊涂，但是似乎它对我家乡人民的影响力远远小于16年的摇一摇红包。尽管有小龙哥亲自上阵演示，然而面对面红包在这个春节的热闹还是止步于鹅厂内部。在繁花似锦的微信派产品中，我对小程序尤为感兴趣。到今天，小程序已经正式开闸差不多1个月左右，或许正好是可以冷静下来再重新去思考小程序的最好时间。我花了不少时间阅读小程序的开发设计文档，以及使用和体验了第一批问世的小程序，希望从中窥见小龙哥的一些观点，以及看看小程序未来是不是能够不仅仅止步于腾讯内部。相信每个优秀的产品经理的梦想都是创造一个产品帝国，在自己的帝国内能够有完整的自闭环和生态。于是小龙哥创建了微信帝国，其主要的价值观是“连接一切”。他还说很多程序员包括自己的梦想就是：“除了自己去写一个程序，再去写一个能运行程序的程序”。所以仔细分析和观察小程序，发现这就是现阶段一个凝聚了小龙哥“运行程序的程序”和微信“连接一切”梦想的集合体。但是从已经被开发出来的小程序来说，大部分的产品经理和开发者显然并没有参透小龙哥的苦心。于是，笔者从1月9号首发上线的小程序中随机挑选了50+款小 ...继续阅读 (11)

本文首发于《程序员》，发布于Hux Blog、前端外刊评论，转载请保留链接 ;)下一代 Web 应用？近年来，Web 应用在整个软件与互联网行业承载的责任越来越重，软件复杂度和维护成本越来越高，Web 技术，尤其是 Web 客户端技术，迎来了爆发式的发展。包括但不限于基于 Node.js 的前端工程化方案；诸如 Webpack、Rollup 这样的打包工具；Babel、PostCSS 这样的转译工具；TypeScript、Elm 这样转译至 JavaScript 的编程语言；React、Angular、Vue 这样面向现代 Web 应用需求的前端框架及其生态，也涌现出了像同构 JavaScript与通用 JavaScript应用这样将服务器端渲染（Server-side Rendering）与单页面应用模型（Single-page App）结合的 Web 应用架构方式，可以说是百花齐放。但是，Web 应用在移动时代并没有达到其在桌面设备上流行的程度。究其原因，尽管上述的各种方案已经充分利用了现有的 JavaScript 计算能力、CSS 布局能力、HTTP 缓存与浏览器 API 对当代基于Ajax与响应式设计的 Web 应用模型的性能与体验带来了工程角度的巨大突破，我们仍然无法在不借助原生程序辅助浏览器的前提下突破 Web 平台本身对 Web 应用固有的桎梏：客户端软件（即网页）需 ...继续阅读 (29)

本文首发于《程序员》，发布于Hux Blog、前端外刊评论，转载请保留链接 ;)下一代 Web 应用？近年来，Web 应用在整个软件与互联网行业承载的责任越来越重，软件复杂度和维护成本越来越高，Web 技术，尤其是 Web 客户端技术，迎来了爆发式的发展。包括但不限于基于 Node.js 的前端工程化方案；诸如 Webpack、Rollup 这样的打包工具；Babel、PostCSS 这样的转译工具；TypeScript、Elm 这样转译至 JavaScript 的编程语言；React、Angular、Vue 这样面向现代 Web 应用需求的前端框架及其生态，也涌现出了像同构 JavaScript与通用 JavaScript应用这样将服务器端渲染（Server-side Rendering）与单页面应用模型（Single-page App）结合的 Web 应用架构方式，可以说是百花齐放。但是，Web 应用在移动时代并没有达到其在桌面设备上流行的程度。究其原因，尽管上述的各种方案已经充分利用了现有的 JavaScript 计算能力、CSS 布局能力、HTTP 缓存与浏览器 API 对当代基于Ajax与响应式设计的 Web 应用模型的性能与体验带来了工程角度的巨大突破，我们仍然无法在不借助原生程序辅助浏览器的前提下突破 Web 平台本身对 Web 应用固有的桎梏：客户端软件（即网页）需 ...继续阅读 (24)