随着小程序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()。基本类型值的字符串化规则：

数据类型 JavaScript七种内置类型： 空值（null） 未定义（undefined） 布尔值（boolean） 数字（number） 字符串（string） 对象（object） 符号（symbol） 除对象之外，其他统称为基本类型 类型检测 typeof typeof运算符后面跟操作数，typeof operand 或者 typeof (operand)，返回一个类型的字符串值。 示例: {代码......

随着前端技术日新月异地快速发展，web应用功能和体验也逐渐发展到可以和原生应用媲美的程度，前端缓存技术的应用对这起到了不可磨灭的贡献，因此想一探前端的缓存技术，这篇文章主要会介绍在日常开发中比较少接触的IndexedDB

引言 PWA(Progressive web apps, 渐进式Web应用)，近两年被炒的十分火爆，它有什么优点呢？ 可以生成桌面小图标，不需要打开浏览器，方便用户访问 通过网络缓存提升页面访问速度，达到渐进式的页面甚至离线访问，提升用户体验 实现类似app的推送功能，生成系统通知推送给用户 上面的这些优点足以让它吸引大量的开发者来...

闭包这个词对很多前端开发人员来说既熟悉又陌生，熟悉是因为很多人都用过闭包，但是用的时候不知道闭包，陌生是因为并不理解闭包，接下来这篇文章将会从多方面介绍闭包

随着抖音、快手这类的视频类app的火爆，移动端h5视频类应用也随之兴起，使用video播放的场景也越来越多，本篇文章主要例举了移动端视频播放的一些场景和个人在开发过程中遇到的一些问题，希望在看过这篇文章后，能对开发者在移动端使用video播放时快速开发减少踩坑

几乎所有的编程语言都有作用域的概念，那作用域到底指的是什么呢？作用域就是编程语言在定义变量时，变量如何存储、变量如何访问的一套规则，不同的编程语言的规则大同小异，接下来就来看看这套规则是怎么设定的

在存储多个元素时，我们最常用的数据结构可能是数组，究其原因可能是数组访问方便，可以直接通过[]访问，但是数组也存在一定的缺点，数组的大小是固定，数组在执行插入或者删除的时候成本很高。链表存储的是有序的元素集合，和数组不同的是，链表中的元素在内存并不是连续放置，每个元素由一个存储元素本身的节点和一个...

不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。

队列是遵循先进先出原则的一组有序的项，与栈的不同的是，栈不管是入栈还是出栈操作都是在栈顶操作，队列则是在队尾添加元素，队顶移除，用一个图来表示大概是这样事的：用一个更形象的例子就是：排队服务，总是先排队的人会先接受服务，当然不考虑插队的情况

什么是栈？栈是一种遵循后进先出原则的有序集合，新添加的或者待删除的元素都保存在栈的同一端，称为栈顶，另一端称为栈底，在栈里，新元素靠近栈顶，旧元素靠近栈底，用个图来看大概这样式的：用一个更形象的例子来说明：上网的时候，每点击一个超链接，浏览器都会打开一个新的页面，并且压入到一个访问历史栈中，你可...

上一篇中已经介绍了几个简单的排序算法，这一篇文章我将继续向大家介绍排序算法相关的内容，本篇的会介绍希尔排序、快速排序、归并排序以及分治算法的思想，希望通过本文章能够加深大家对排序算法的理解。

算法对大多数前端工程师来说都是一个比较不愿意提及的话题，因为学了，感觉在工作中直接应用的场景不多，不学，大厂面试必考算法，总结来说就是：没有学习算法的源动力，为面试学习算法总不会令人动力去学习，没有动力想要学好算法自然也很难，对我来说，学习算法的动力就是希望写出更高效率的代码，更好的理解各种前端...

性能优化是前端开发必不可少的一环，而图片优化又是性能优化中必不可少的一环，但不知道有多少开发者在网页的开发过程中会注意图片的使用，图片使用不当可能会导致网页加载卡顿、网页加载速度慢等问题，这篇文章将会将我以往对图片的处理做个总结。