在小程序中使用canvas组件绘制地铁图，地铁图包括地铁线路、站点图标、线及站点名称文字，绘制元素为线、圆、图片、文字。 支持拖动平移和双指缩放。

常见的瀑布流实现大部分只适用于子块尺寸固定或内部有图片异步加载的情况。而对于子块有图片这种可能引起尺寸变化的情况，通常的做法是写死图片高度，或检测内部的 img 元素从而在 onload 事件中进行重排。

Node.js ，如今已经是 前端开发 不可或缺的组成部分； npm 是 Node.js 默认的、以 JavaScript 编写的软件包管理系统； 而 npx 是 npm 软件包运行器 ，使用它，能够无需显式安装即可帮助执行 npm 软件包。

Vue 作为最主流的前端框架，中文资料齐全、入门简单、生态活跃，可以说是工作中最常用的，如今对 Vue 原理的熟悉基本上是简历的标配了。之前参与了部分 2019 校园招聘的面试工作，发现很多简历上都写了：

reselect是配合redux使用的一款轻量型的状态选择库，目的在于当store中的state重新改变之后，使得局部未改变的状态不会因为整体的state变化而全部重新渲染，功能有点类似于组件中的生命周期函数shouldComponentDidUpdate

作为JavaScript开发人员，NPM是我们一直使用的东西，并且我们的脚本在终端上连续运行。如果我们可以节省一些时间呢？

添加过渡效果的方法：在 CSS 过渡和动画中自动应用 class，可以配合使用第三方 CSS 动画库，如 Animate.css，在过渡钩子函数中使用 JavaScript 直接操作 DOM，可以配合使用第三方 JavaScript 动画库，如 Velocity.js

根据在项目的使用，发现有以下问题需要优化：withAxios导出的接口方法对象对编辑器来说是不透明的，所以代码提示功能缺失。同一个方法调用多次，如何保证组件总是获取到最后一次的返回信息。

安装xlsx和filesaver、在表格组件中引入安装的2个文件、HTML结构、导出的方法、在页面点击导出按钮时可以正常导出，但是如果左边有固定的列，相同的数据会导出2遍

众所周知， React 是通过管理状态来实现对组件的管理，而setState是用于改变状态的最基本的一个方法，虽然基础，但是其实并不容易掌握，本文将结合部分源码对这个方法做一个相对深入的解析。

使用渐进式框架的代价很小，从而使现有项目（使用其他技术构建的项目）更容易采用并迁移到新框架。 Vue.js 是一个渐进式框架，因为你可以逐步将其引入现有应用，而不必从头开始重写整个程序。

React 基于虚拟 DOM 和高效 Diff 算法的完美配合，实现了对 DOM 最小粒度的更新。大多数情况下，React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下，性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能

渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。如果没有使用 key 属性，并且列表的内容发生了改变（例如对列表进行排序），则虚拟 DOM 宁愿使用更新的数据来修补节点，来反映更改

Flutter动画中有4个比较重要的角色：Animation、Controller、Curve、Tween，先来了解一下这四个角色;Animation是Flutter动画库中的核心类，用于插入指导动画的值

ref 加在普通的元素上，用 this.$refs.name 获取到的是dom元素；ref 加在子组件上，用 this.$refs.name 获取到的是子组件实例，父组件可以使用子组件的所有方法(在上篇博客已介绍)；如何利用 v-for 和 ref 获取一组数组或者dom 节点