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