melt

背景 base重庆，面试中高级，目标先检验一下自己的水平和能力顺便看看薪资，好直接开始把。 自我介绍 讲了一下自己的技术栈：掌握vue全家桶，底层及上层框架、掌握react底层原理、熟悉js、熟悉工程

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

本文通过实现明日方舟游戏官网中的Logo粒子动画来学习如何更深层次的使用canvas，相信最后你也会喜欢上它😊。 canvasAPI数量精简，参数清晰，学习并不复杂，更多的是如何实践应用。

感兴趣的读者可以点击阅读。 本文通过梳理前端错误监控知识、介绍sentry错误监控原理、sentry初始化、Ajax上报、window.onerror、window.onunhandledrejection几个方面来学习sentry的源码。 开发微信小程序，想着搭建小程序错误监…

近年来，前端监控是越来越火，目前已经有很多成熟的产品供我们选择使用，这篇文章可以很好的带你入门前端监控。

很久没有分享学习方法类的文章了，也少有思维层级学习方法的涉足。从这一期开始，将开创一个全新的板块，目的在于分享学习方法和心得，感兴趣的小伙伴记得常来看看。今天要聊的主题是：如何突破自己的技术瓶颈期。 从事前端3年左右的时候，大多会遇到职业的第一个瓶颈，这个时候，什么都会一点，又…

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。 本次分享的主…

乍一看，让我们手写出这个逻辑应该是非常复杂的，先看看本文最后要实现的效果吧，和这个案例是非常类似的。 图片素材依然引用自知乎问题《有个漂亮女朋友是种怎样的体验？》，侵删。 拿到了这个需求，第一直觉是怎么做？假设第一行第一个图片移动到了第二行第三列，是不是要计算出第一行的高度，再…

音频可视化是一个“听”起来非常“美”好的话题，其复杂程度很大程度上依赖视觉方案（一些例子），不同的视觉方案决定了你的技术方案选型，比如three.js，pixi.js等引擎。 不管你选用什么渲染方案，处理音频信号部分是相通的，本文会围绕音频信号的处理进行阐述，期望能够给大家普及…