埋点技术在很多流量较大的应用中经常使用到的热门技术，旨在通过在用户进行操作或者请求的时候，记录下这些操作，然后针对记录的操作数量、操作频率才重新设计产品，提高用户体验，而埋点技术在前端的实现相比起后端来说也较为多见，这是因为用户的操作并不一定会带来http请求，而且前端SPA盛…

本文阿宝哥将介绍工作中遇到过的八种文件上传的场景，并介绍每种场景背后所使用到的技术，从而让大家能更好地理解成熟上传组件所提供的功能。

日志在开发过程中的作用自不必说，一旦程序出现问题，我们首先想到的是通过日志监控去追查。 好的日志可以通过应用程序执行的历史记录模拟出用户在使用程序的时候操作的完整过程。 为了便于我们分析程序哪里出现问题，我们将采用logrock模块并将其链接到ElasticSearch，Log…

豆皮粉们，又见面了，这一期，👏由来自字节跳动数据平台的“Kakashi” 带宝宝们了解“地理信息可视化”相关的芝士😘。 导读：本文先将介绍地理信息可视化的定义及意义， 其次将探讨怎么设计实现一个地理信息可视化系统。 地理信息可视化是在地理数据库驱动下,以地图形式表达地理信息…

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

因为开发中有很多环境，开发环境，测试环境，预生产环境等，所以会经常会用到nginx来配置代理。但是我也只是会用，想仔细梳理一下nginx的知识。 1. 什么是Nginx Nginx (engine x

如果只是 Babel 可能真没有必要,问题是其背后的原理在我们开发中应用过于广泛了,包括不限于: eslint jshint stylelint css-in-js prettier jsx vue-template uglify-js postcss less 等等等等,从模…

最近，有篇名为 《8张图帮你一步步看清 async/await 和 promise 的执行顺序》 的文章引起了我的关注。 作者用一道2017年「今日头条」的前端面试题为引子，分步讲解了最终结果的执行原因。其中涉及到了不少概念，比如异步的执行顺序，宏任务，微任务等等，同时作者限定…

这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前，大家要始终记得一句话：一切前端概念，都是纸老虎。 不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个…