... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

1. 为什么需要Flux设计模式 2. Flux设计模式是怎么实现的 先来看一下最终结果，免得你觉得太复杂，跑了。怎么样就一个添加，一个删除，是不是很简单，那就继续往下看吧。 老外搞个新东西就喜欢给其取个Cool的名字，什么Flux,Redux,Meteor。本来英语就不是太好…

开门见山地说，这篇文章是一篇安利软文~，安利的对象就是最近搞的 tua-api。 顾名思义，这就是一款辅助获取接口数据的工具。 理想状态下，项目中应该有一个 api 中间层。各种接口在这里定义，业务侧不应该手动编写接口地址，而应该调用接口层导出的函数。 让我们先回顾一下有关发请…

react-router升级到4之后，跟前面版本比有了很大的差别。 例如包的拆分，动态路由等详细的差别就不说了，各位大神的总结也很到位，详细可以点击看看，All About React Router 4这篇文章。 此外还有个差别是路由规则的变化。 一直有着上个版本的习惯，所以稍…

场景需求：最近设计湿丢来这样的页面设计，要求响应式。正常老铁们看到类似标签栏的设计，作为前端要切出来估计头皮一发麻，基本上实现的话要么简单粗暴上背景图，要么几个div，作为对代码有的洁癖的我就直接上v-for表单渲染，把中间这块封装了一个公用的容器组件wapper，于是乎下面代…

MDN 上是这么描述的——Proxy对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。 官方的描述总是言简意赅，以至于不明觉厉... 上述例子中，我们事先定义了一个对象 obj , 通过 Proxy 构造器生成了一个 proxyObj 对象，并对其的 se…

上周，Megalo@0.2.0 正式发布，优化了数据更新性能的同时，支持了百度智能小程序，着实激动了一把，这“可能”是目前社区里第一个同时支持三端小程序的 vue 小程序框架。下面我们就来试试他的效果。 官方文档的第一部分就是快速入门，顺藤摸瓜，构建一个 megalo 项目。 …

小程序云开发发布有一段时间了，最近着手做了一个基于云开发的小程序项目--仿《微博鲜知》，来自新浪的这款全新风格的小程序虽然界面非常简约清新，但是内部还是内藏了很多玄机，在实现的路上遇上了不少坎坷，在这里分享给大家。希望给大家提供一些思路。 开发一个完整的小程序时，我们应该先分析…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…