前端进阶之路

9

小程序横屏方案对比

• william   6月26日发布
• 7 收藏

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

10

Canvas基本图片操作与处理

• william   3月15日发布
• 8 收藏

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

3

css: mask浅析

• william   1月16日发布
• 2 收藏

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

6

css: clip浅析

• william   1月3日发布
• 6 收藏

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

25

Vue中容易被忽视的知识点

• william   2019-12-08 发布
• 17 收藏

Vue的学习成本和难度不高，这除了和框架本身的设计理念有关之外，还和Vue完善的官方文档有着密不可分的关系，相信有很多的开发者和我一样，很长时间没有仔细去看过官方文档了，最近花时间仔细看了一下官方文档，...

4

设计模式笔记(一)：单例模式

• william   2019-11-24 发布
• 3 收藏

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

25

小程序篇(3)：瀑布流

• william   2019-11-17 发布
• 23 收藏

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

10

重学JS: 多态封装继承

• william   2019-11-03 发布
• 8 收藏

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

29

小程序篇(2)：登录获取用户信息

• william   2019-10-19 发布
• 22 收藏

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

31

小程序篇(1)：下拉刷新

• william   2019-10-04 发布
• 23 收藏

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

58

首页白屏优化实践

• william   2019-09-14 发布
• 43 收藏

自从前端三大框架React、Vue、Angular面世以来，前端开发逐渐趋向规范化、统一化，大多数时候新建前端项目，首先想到使用的技术一定是三大框架之一，框架给前端开发带来了极大的便利和规范，但是由于这三大框架都...

3

canvas绘制网络字体几种方法

• william   2019-08-25 发布
• 1 收藏

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

2

重学JS：async/await

• william   2019-08-17 发布
• 收藏

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

3

浅析浏览器缓存

• william   2019-08-10 发布
• 3 收藏

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

2

重学JS：数组

• william   2019-07-27 发布
• 1 收藏

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

1

重学JS: 隐式强制类型转换

• william   2019-07-06 发布
• 收藏

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

0

重学JS：显式强制类型转换

• william   2019-06-29 发布
• 收藏

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

0

重学JS: 数据类型及类型检测

• william   2019-06-22 发布
• 收藏

数据类型 JavaScript七种内置类型： 空值（null） 未定义（undefined） 布尔值（boolean） 数字（number） 字符串（string） 对象（object） 符号（symbol） 除对象之外，其他统称为基本类型 类型检测 typeof typ...

2

初探IndexedDB

• william   2019-04-27 发布
• 1 收藏

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

3

初探PWA

• william   2019-04-14 发布
• 2 收藏

引言 PWA(Progressive web apps, 渐进式Web应用)，近两年被炒的十分火爆，它有什么优点呢？ 可以生成桌面小图标，不需要打开浏览器，方便用户访问 通过网络缓存提升页面访问速度，达到渐进式的页面甚至离线访问，...