正儿八经的娇娇

随着单页开发日趋复杂，管理不断变化的state非常困难。在React中，数据在组件中是单向流动的。数据从一个方向父组件流向子组件(通过props)，但是，两个非父子关系的组件（或者称作兄弟组件）之间的通信就比较麻烦（可以通过父给子传递方法，子通过这个方法修改父的数据，后父传给另…

大家都知道 HTML 5 新增了很多 API，其中就包括 Web Worker，在普通的 js 文件上使用 ES5 编写相关代码应该是完全没有问题了，只需要在支持 H5 的浏览器上就能跑起来。 那如果我们需要在 ES6+Webpack 的组合环境下使用 Web Worker呢？…

这段代码是获取豆瓣上小组话题和对应的链接，然后写入数组里面，分别打印出来。我们跑一下代码，看看输出 可以看到已经获取到我们想要的数据了。接下来我们尝试把这些数据写入到数据库里面 这里我们往数据库中插入title数组和urls数组的数据。跑一下代码，看了输出没有问题，我们看下数据库

特别声明：此篇文章内容来源于@HASSAN DJIRDEH的《List Rendering and Vue’s v-for Directive》一文。 Web渲染是Web开发中最常用的实战之一。动态列表渲染通常用于简洁友好的格式向用户渲染一系列相似的分组信息。在我们使用的每个W…

特别声明：此篇文章内容来源于@Ohans Emmanuel的《Everything you need to know about CSS Variables》一文。 大多数编程语言都支持变量。但遗憾的是，CSS从一开始就缺乏对原生变量的支持。如果写CSS的话，那是没有变量的，除…

Vuex是专为Vue开发的统一状态管理工具。当我们的项目不是很复杂时，一些交互可以通过全局事件总线解决，但是这种观察者模式有些弊端，开发时可能没什么感觉，但是当项目变得复杂，维护时往往会摸不着头脑，如果是后来加入的伙伴更会觉得很无奈。这时候可以采用Vuex方案，它可以使得我们的…

由于项目过于庞大，老旧。目前项目包含了打包过慢，冗余文件过多等诸多问题。文章中会一步步介绍我是如何通过webpack进行分析，定位并解决这几点问题的。告别刀耕火种，向坏代码说再见！

图源：知乎-张秋怡浏览器解析并查询缓存DNS查询DNS查询顺序如下，若其中一步成功则直接跳到建立链接部分：浏览器自身DNS操作系统DNS本地hosts文件向域名服务器发送请求建立链接TCP三次握手(t

虽然 Vue.js 已经足够强大了，但是在实际开发中，我们还是需要引入各种模块来实现我们的功能需求，或者给全局的 Vue 对象添加一些全局功能，而 Vue 插件 就是来帮助我们完成这项工作的。 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。 我们…