摘要：
由于最近接触到商务类型的小程序开发较多，其中必不可少的一个功能就是小程序分享海报的绘制，海报绘制无非就是将元素在 canvas 上绘制并生成图片，常用的方法有 Wxml2Canvas 及 Painter。由于 Wxml2Canvas 的局限性较大，而且绘制出来的效果比较一般，如果较为简单的海报可以尝 阅读全文
摘要：
最近遇到一个题目，大致如下：假设有一个Todo-List，共有1000项数据，假设里面有100条数据已经过期，需要在后面添加上"已过期"字样，如何实现，怎样才能最大程度的减少回流的发生？ 刚拿到题目的时候我就在想，这不是挺简单的吗，遍历一遍数据列表，在已过期的数据后面插入一个absolute的spa 阅读全文
摘要：
最近的业务有涉及到需要将列表做成无限循环滚动，即第一个element滚出边界之后需要自动跳到队尾，参与下一轮滚动，达到无限滚动的效果。 最终实现效果如上图所示，下面讲一下思路。 // js <div class="scroll-container"> <div v-for="index in 8" 阅读全文
摘要：
一、简介 Storybook是一款开源的组件开发工具，它可以运行在主程序之外，因此开发者可以用它来独立开发UI组件，或者用它来快速构建ui组件文档。 目前Storybook支持的框架有： React React Native Vue Angular Marionette.js Mithril Mar 阅读全文
摘要：
前几天面试的时候被面试官问了这个问题，愣了一下，突然没反应过来哪些操作方法是ES5哪些是ES6的(平时用得比较少，记得不是很牢)，后面在面试官的提醒下才说出了map和filter。今天就稍微总结一下在JavaScript中数组的操作方法吧。 一、ES6中数组新增的操作方法 1. 数组解构运算符（sp 阅读全文
摘要：
一、什么是原型对象 首先明确一下定义，每个函数都会有它的原型对象，也就是prototype，这是在函数创建的时候浏览器会根据一定规则自动生成的。看下图： 可以看到，函数的prototype里面包含一个construction，它会指向函数本身。另外一个__proto__，也就是我们下面将会讲到的原型 阅读全文
摘要：
每个Vue实例在被创建的时候，都会经历一系列初始化的过程。比如说需要设置数据监听、模板编译、将实例挂载到DOM结构上并且在数据变化时对DOM结构进行更新等等。Vue允许开发者在不同的生命周期运行一些钩子函数（hook），给开发者在不同的生命周期中添加自己代码的机会。所有的生命周期钩子自动绑定 thi 阅读全文
摘要：
在学习vue、react的过程中，总能看到MVVM模型，那么MVVM究竟是什么，下面将我最近看到的资料以及自己的想法总结一下。 与MVVM相似的，还有MVC、MVP，先从MVC、MVP这两个入手，方面后面对MVVM的理解。 一、 MVC M：Model，即模型，也可以理解为数据层，用于封装数据以及数 阅读全文
摘要：
在html5中，新增了几个语义化标签：<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>等。 1.什么是HTML语义化？ 通过标签判断内容语义，例如根据h 阅读全文
摘要：
首先，了解一下什么是单例模式，这里我直接把菜鸟教程中的定义给copy过来： 用一句话来总结就是：在单例模式中，一个类仅有一个实例，并提供一个访问它的全局访问点。这无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象，在JavaScript我 阅读全文