ES6 Promise对象then方法链式调用 then()方法的作用是Promise实例添加解决（fulfillment）和拒绝（rejection）状态的回调函数。then()方法会返回一个新的Promise实例，所以then()方法后面可以继续跟另一个then()方法进行链式调用。let p = new Promise((resolve, reject) => { setTimeout(resolve, 1000, 'success'); }); p.then( res => { console.log(res); return `${res} again`; } ) .then( res => console.log(res) ); // 连续// success// success again但是前一个then()方法中的回调函数中又可能返回一个Promise实例，这时候后面一个then()方法中的回调函数会等前一个Promise实例的状态发生变化才会调用。let p = new Promise((resolve, reject) => { setTimeout(resolve, 1000, 'success'); }); p.then( res => { console.log(res); return new Promise((resolve, reject) => { setTimeout(resolve, 1000, 'success'); }); } ) .then( res => console.log(res) ); // 相隔1000ms // success // success

利用 Chrome 浏览器实现开发的页面在手机上实时同步更新预览 准备工作一、PC 端安装 谷歌浏览器 二、手机需要开启【开发者模式】->【USB调试】 三、手机数据线 四、项目需在PC端本地起一个服务运行开始操作 F12 打开开发者工具，依次找到 More tools -> Remote devices(远程设备) -> setting -> port forwarding(端口转发)，之后点击 【Add Rule】，输入 【8081】端口号 + 手机端需要请求的地址 localhost:8081，最后点击【Add】按钮保存，下面为 GIF 图演示 上面的是电脑端操作，下面是手机端操作 用数据线将手机和电脑连接，开启手机的【开发者模式】->【USB调试】,多个型号开启方法不尽相同，可自行百度 手机端打开浏览器测试 小米手机自带浏览器测试成功 http://localhost:8081 UC 浏览器测试成功 http://localhost:8081 Chrome 浏览器测试成功 localhost:8081 唯一的方便之处是不需要输入协议前缀了作者：sunxiaochuan 链接：https://www.jianshu.com/p/687b41deba48 來源：简书 简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

再见WordPress! 从开始建立blog就用了WordPress，前前后后已经差不多快有8年的时间了。从15年开始，就感受到了wordpress的各种问题。也许是我没有花心思来优化它。但是自从谷歌字体被墙以后，博客打开的速度越来越慢，越来越慢。早就有抛弃wordpress的想法了。在上个月wordpress又出现数据库连接失败的时候，我已经失去了耐心，进行替代品的寻找。如果需要新的博客程序，那什么样的博客程序能满足我的需求呢？ 一、PHP 必须是PHP，因为是世界上最好的语言（不接受反驳：） 二、轻便（轻便代表体积小，没有乱七八糟的东西，而且访问速度也会变快） 三、有良好的二次开发文档、开源（为前端静态化做准备） 有意思的是，Typecho完全满足我的各种需求 git https://github.com/typecho/typecho 官网：http://typecho.org/过段时间，我会研究用vue来重写整个前端，并且保持前后端分。

VUE如何在for循环里面根据内容值动态的加入class 最近在做玩家蚂蚁项目的时候遇到了一个评分显示的小功能，这个在前端显示的星星是用class样式来进行控制的class="real-star comment-stars-width5"数据库里记录的信息只有一个评分1-5。我们如果用一般的php方法直接在class里面用comment-stars-width{$score}这样是行不通的。在查了很多资料和做过很多尝试以后，确定了一个可行的方法我们使用vue的:class来进行class的绑定。:class="`comment-stars-width`+s.score"  然后把前面需要的属性前缀用 ``包裹起来，后面的值用+号连起来，这样渲染出来的数据就是我们想要的数据样式了！

Vue2.X 通过AJAX动态更新数据 最近在做一个跟美团同样一套预约系统，由于一个商家会有很多主题，而每个主题下面会有很多场次。那怎么在一个页面把这些数据很好的动态展示出来呢？我首先想到了VUE的动态绑定数据。由于第一次使用VUE，很多东西不懂，只能靠百度。服务器端返回的数据直接是JSON数据，初始数据完美的通过VUE渲染了出来，但是在切换主题显示场次信息的时候，出现了问题。发现数据是获取到了，但是VUE并没有对它进行渲染。 var ndata = new Vue({ el:'#playlist', data:{ rows:{} }, mounted: function() { var self = this; } }); 后来查了很多资料，通过以上方法，AJAX获取数据动态的成功绑定了数据 $.getJSON("URL, function(json){ //获取初始的数据 ndata.rows = json; });