栈

简单来说，骨架屏（skeleton screen) 就是一个页面从html 下载完成到 js 下载完成并且执行数据渲染这两个时间点之间暂时渲染页面基本结构的方案。 上图形象地解释了两个多页面程序之间的切换，用Skeleton Screen 去优化用户观感的方案。 Skeleto…

我本科学的是国际贸易，乱选的专业。毕业后做了半年外贸，实在不喜欢，然后去做英文编辑了。第二份工作也很无聊，就是写英文软文，发表在国外的行业期刊上，给公司做广告。然后也做英文官网的内容。这是一个很没创意的工作。每天写几篇我自己都没感觉的文章，不知道价值在哪。最重要的是，这份职业里…

Vue.js 组件提供了一个 functional 开关，设置为 true 后，就可以让组件变为无状态、无实例的函数化组件。因为只是函数，所以渲染的开销相对来说，较小。 函数化的组件中的 Render 函数，提供了第二个参数 context 作为上下文，data、props、s…

今天，GitHub 正式宣布了开放 GitHub Free 和 GitHub Enterprise 两个重要更新，也是为了让开发人员更容易访问 GitHub：无限制的免费私有存储库，以及更简单，统一的企业产品。我们对 GitHub 发布的免费和企业产品的这些更新感到非常兴奋： …

一直以来，无论是web还是iOS、android的应用中，为了提升应用的加载等待这段时间的用户感知体验，各种奇门遁甲之术层出不穷。其中，菊花图以及由它衍生各种加载动画是一个非常大的流派，如下图所示： 在很多的应用的交互中，这种菊花的加载的设计已然要一统江湖了。 不过，现在对于加…

1. Mixin是什么 2. 怎么解决需求 3. 原理 2. 怎么解决需求 3. 原理

缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。 本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。 在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效…

CleaveJS是最近github上的一个热门项目，在短短的一个多月中star数达到了2500+，且保持着强劲的上升势头。它的主要目的是 可以查看官方的在线DEMO进行体验。 官方的CleaveJS只提供了原生JS和ReactJS版本的，看样子也准备出AngularJS版的了。…

目前 vue-cli3 生成的配置是做单页面的，然而，我们有时也会有多页面的需求 。比如我们最常见的一个项目跑多个独立的小型的H5页面，这些页面不可能每一次都开一个新项目.但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的脚手架，这里提供了一种我的单页面脚手架转换为多页…