笔者近半年一直在参与项目重构，在重构过程中大量应用性能优化和设计模式两方面的知识。性能优化和设计模式两方面的知识不管在工作还是面试时都是高频应用场景，趁着这次参与大规模项目重构的机会，笔者认真梳理出一些常规且必用的性能优化建议，同时结合日常开发经...

公众号：前端GitHub，专注于挖掘 GitHub 上优秀的前端开源项目，收集、整理、推荐业界高品质前端资源合集，优秀的工具、库、好的教程、了解业界更优秀的代码、工具、业界最新的技术，抹平你的前端信息不对称。

本文介绍一款基于 Vue 的使 App 支持离线缓存 Web 资源的混合开发框架。本人小白一枚，请将它视作一份我的学习总结，欢迎大神们赐教。本文多阐述思路，实现细节请阅读源码。

随着小程序api开放的功能日渐增多，小程序可以做到的功能和展现形式也越来越多，其中横屏的展现形式就是其中的一种，而实现横屏的方案也有多种，但是每种方案都有一定的缺陷，恰巧最近也在横屏方案上踩了不少坑，接下来就来和大家分享一下小程序的不同横屏方案的优劣...

Canvas是H5中新增的技术，主要运用在图片的处理和动画的绘制上，随着Canvas的使用场景越来越多，了解Canvas对平时开发大有裨益，这篇文章将介绍Canvas基本图片操作与处理

承接上一篇，趁热打铁，这篇来聊聊css遮罩相关的属性，css遮罩相关的属性之前自己也用的不多，但是在实际使用之后，真的强大好用，准备了这篇文章，总结分享给大家，话不多说，进入正文

css中裁剪和遮罩相关的属性一般来说是比较少用到的，但是最近写项目的时候遇到一个问题，要给一张图片上加个白色遮罩，产生合成效果，这就不得不用到css遮罩相关的属性，顺便把裁剪相关属性一起学习来，做个总结，接下来就进入正文

Vue的学习成本和难度不高，这除了和框架本身的设计理念有关之外，还和Vue完善的官方文档有着密不可分的关系，相信有很多的开发者和我一样，很长时间没有仔细去看过官方文档了，最近花时间仔细看了一下官方文档，将里面一些容易忽视的点整理出来和大家分享。

设计模式是面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案，每一种设计模式都能解决一类特定的问题，这对程序员解决问题的能力提高很有帮助，因此最近开始整理设计模式相关的整理，这是第一篇：单例模式，接下来就进入单例模式

瀑布流是一种很常见的网页布局，视觉表现为参差不齐的多栏布局，是一种时下很流行的布局形式，最近在写小程序恰好也碰到了，想了几种不同的实现方法，接下来就来一起看看具体的实现方法（所用的方法中用的例子都是两栏的布局）。

JS是一种基于对象的语言，在JS中几乎所有的东西都可以看成是一个对象，但是JS中的对象模型和大多数面向对象语言的对象模型不太一样，因此理解JS中面向对象思想十分重要，接下来本篇文章将从多态、封装、继承三个基本特征来理解JS的面向对象思想

登录和获取用户信息是小程序中最基本的两步操作，但是由于之前小程序官方开始时的设计缺陷，导致很多开发者将登录和获取用户信息绑定使用，尽管后来小程序wx.getUserInfo接口调整为：在用户未授权过的情况下调用此接口，将不再出现授权弹窗，会直接进入 fail回调，但...

在小程序中onLoad生命钩子只在页面创建时调用一次，在做navigateTo页面跳转后，返回上级页面，由于navigateTo跳转只是隐藏了当前页面，因此返回上一级页面时onLoad生命钩子不会再次执行，这样带来的好处是页面能快速展示出来，但是onLoad中的请求数据不会实时更新，...

自从前端三大框架React、Vue、Angular面世以来，前端开发逐渐趋向规范化、统一化，大多数时候新建前端项目，首先想到使用的技术一定是三大框架之一，框架给前端开发带来了极大的便利和规范，但是由于这三大框架都是JS驱动，在JS没有解析加载完成之前页面无法展示，会...

最近在用canvas绘图时遇到了一个令人头痛的问题：canvas绘制网络字体时没效果，遂开始了一番解决方案查找测试，中间也碰到了不少坑，于是写下此篇文章做个总结，如果大家在用canvas时遇到了同样的问题，希望对大家有一定的帮助，接下来就来看看有哪几种解决办法

异步操作一直是JS中不可或缺的一环，从最开始回调函数，到后面的Promise，再到ES2017引入的async函数，异步操作逐渐进化，变得越来越简单方便，接下来就仔细看看在ES2017引入了async函数后，异步操作产生了哪些变化。

浏览器缓存对开发者来说一直都是一个有爱又恨的存在，一方面帮助开发者提升用户体验，另一方面有时会抽风，读取缓存展示错误的内容，因此，希望对浏览器缓存做一个总结，避免开发时因为缓存机制而过多耗费时间。接下来，就进入浏览器缓存的世界

除了Object类型之外，Array类型恐怕是js中最常用的类型了，并且随着js的发展进步，数组中提供的方法也越来越来，对数组的处理也出现了各种骚操作，此篇文章将会带你重新学习数组中的实例方法

隐式强制类型转换指的是那些隐藏的强制类型转换，副作用也不是很明显，事实上，只要自己觉得不够明显的强制类型转换都可以算作隐式强制类型转换，接下来，此文将会介绍几种常见的隐式类型转换。

ToString负责处理非字符串到字符串的强制类型转换，常用的字符串化方法String()、toString()。基本类型值的字符串化规则：