ps: 无关代码，就是写着玩的 下单 实际上之前很早就期待MacBook Pro，一直是准备买的，只是因为一直得到风声，十月份会有新品，所以一直是在等待。 终于在十月末发布了新品，虽然各种感觉诚意不足，可是仍旧是比之前的MacBooK Pro要好一些的。而且因为对macOS的迷信，就上了贼船。 关于钱，是真的贵。我一个普通的15英寸...

最近感觉追不动前端的发展了，写篇文章感叹一下。 HTML 我知道有一些学校会教一些简单的网页制作，就是用 Dreamweaver 点一点的那种。大多也会留作业，最后交作业的时候看起来也像模像样。 只要不看代码。 看了代码感觉宁愿选择死亡。 table 布局，无意义的 dom 节点。大小写混用，缩进混乱。 作为一个前端工程师，至少...

forEach 今天从 forEach 开始谈谈遍历吧。 forEach 作为一个比较出众的遍历操作，之前有很多库都对其进行过各种包装，然而我还是发现很多人并不是非常理解 forEach。 比如第二个参数 this 的使用。 往常都习惯这么做： {代码...} 然而如果使用第二个参数就可以这样： {代码...} 省去了一个中间的self，看起来更优美了 那...

虽说整个前后端我都能掌控，但是因为整个前端是一个repo，后端又是一个，我在开发的时候又不能开着两个编辑器(有一段时间这么干过)，而且十分不想在自己电脑上安装那么多东西。

Summary 本文秉承着 你看不懂是你sb，我写的代码就是牛逼 的理念来介绍一些js的装逼技巧。 下面的技巧，后三个，请谨慎用于团队项目中(主要考虑到可读性的原因)，不然，leader 可能请你喝茶。 Boolean 这个技巧用的很多，也非常的简单 {代码...} 通过两个取反，可以强制转换为Boolean类型。较为常用。 Number 这个也特别...

想做SPA就快上车！ init 首先要起一个项目，推荐用vue-cli安装 {代码...} demo是这个示例项目的名字 现在看到目录结构如下 下面来稍微介绍下 build目录是一些webpack的文件，配置参数什么的，一般不用动 src源码文件夹，基本上文件都应该放在这里。 static生成好的文件会放在这个目录下。 test测试文件夹，测试都写在这...

自我介绍 整天愁着怎么找实习的大三学生，就是我... 看我的简历 好了，广告打完了. 目前工作 木有工作。整天自己瞎捣鼓。 之前爱PHP爱得无可救药，然后因为长相问题(Ps: PHP语法长得...你懂的),被js拐走了。现在大部分时间写js了。 如何走上编程的道路的 大一参加创业大赛，周围都是比我"以为"很牛逼的人。输得心服口服...

PHP7 PHP7都出了，自然我是要安装的，上次写的那个编译开发环境并没有针对性的说PHP，就这次说清楚吧。 Download {代码...} {代码...} libxml {代码...} OpenSSL {代码...} mcrypt {代码...} GD configure: error: png.h not found. {代码...} configure {代码...} PATH {代码...} 加入以下内容在最后一行: {代码...} ph...

目标人群 献给熟悉基础的React语法的刚接触React的同学~ 如果你已经写过半年以上的React那也不用看了，毕竟我水平并不高 What's React React 是一个不存在的网络公司Facebook出的JavaScript视图框架。 他们官网写着 JUST THE UI VIRTUAL DOM DATA FLOW 这三个特性。 当我第一次看到的时候在想，这丫的弱爆了，人家动辄就...

你的应用在一个单个的任务清单中是支持合作的。试试怎么样添加更多的功能。检查一下例子--待办事项。更多的可以控制分享多个列表的已完成应用。同时，试一下本地市场，跨平台定客户互动应用，展示原生硬件功能和社交功能

现在我们已经把应用中比较敏感的代码放到了一些方法里面，我们还需要学习Meteor安全故事的另一半内容了。到现在为止，我们一直是假设整个整个数据库到客户端上，这意味着我们调用Tasks.find()方法我们将会得到集合中所有的数据。如果我们应用程序的用户想要保存私密敏感信息的话，这样做并不好。我们需要一种可以控制数...

在这个步骤之前，这款应用的任何用户都可以修改数据库的任何部分，在一个非常有意思的小项目或者演示项目中可能已经不错了，但是任何一个真实的应用都需要对这些数据进行权限控制。在Meteor上，最好的方法就是通过声明方法。以此来直接取代客户端的代码。这些方法叫做insert, update, 还有remove，这将会替换执行的方法...

为了从accounts-ui这个包中使用Blaze UI组件，我们需要用React的组件来把他包装一下。来创建一个叫AccountsUIWrapper的新组件吧。

在这个步骤，我们会在为应用的客户端添加数据过滤特性，这样用户就可以通过点击’确认选框‘来查看当前进行的任务。我们会去学习如何仅在客户端使用React组件状态来存储临时模板

现在来看，我们编写我们的应用，测试我们的应用都是在浏览器上，其实Meteor早就设计了跨平台的能力 -- 你的待办事宜网站也可在安卓或者苹果上运行，而只需要几个简单的命令

只要你回答完了提示信息的问题而且上传也完成了，你就可以在任何时候任何地点，登陆http://my_app_name.meteor.com使用你的应用。

确认完成和删除任务 到现在为止，我们只有一个和集合互动的方法 -- 在文档中进行插入操作。现在，我们来学习如何进行更新和删除操作。 先来给task组件添加两个元素： 一个确认选框和一个删除按钮，并给他们带上各自的事件监听 在Task.jsx中写入下面的内容 {代码...} 更新 在上面的代码中，我们在确认属性被改变的时候调...

你能看到form元素上有一个onSubmit属性，它调用了在组件中一个叫做handleSubmit的方法。在React中，这是一种监听浏览器事件的方式，就像是在form表单上有提交(submit)事件一样。input元素有一个ref属性，这个属性将会让我们可以更加简单的使用这个元素，过一会儿就知道了

集合(Collection)是Meteor存储持久化数据的方式。Meteor 中的集合比较特殊的是，它可以从服务端，包括客户端接收数据。这使得编写视图逻辑变得更加简单 -- 不用去写太多的服务端的代码。它也可以自动的自我更新，因此一个视图组件受到一个集合的支持，他可以自动的展示最新的数据。

在开始编写React视图库之前，要先添加react包，这个包囊括了你在Meteor应用中开始运行React所需要所有东西。这个React库自己可以自动将jsx文件编译，并且通过ReactMeteorData的mixin加载数据。我们将会在接下来的步骤中看到如何使用所有的这些东西。

闲扯 在翻译之前我还是要简要介绍一下Meteor，这是一款跨时代的框架。真的，完全没有骗你。 一开始的网站是纯静态页面搭建的。 后来开始使用动态的脚本语言，比如PHP 后来以此构成了框架。最为出名的自然是Ruby on Rails。 再后来node的出现导致web开发再起风波，MEAN开始大行其道，但是，由于时间太短，没办法对PHP阵营...