能不能讲一讲Flex布局，以及常用的属性？。 WeakMap只能以复杂数据类型作为key，并且key值是弱引用，对于垃圾回收更加友好。 深拷贝：一般需要借助递归实现，如果对象的值还是个对象，要进一步的深入拷贝，完全替换掉每一个复杂类型的引用。 React需要尽可能的保证熟练。因…

本文主要以商城实例做为切入点，对项目中经常出现的图片资源列举了对应场景下的解决方案，如果项目中碰到非常多的图片资源，那么可以尝试下文中的一些优化方案。

随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而出成…

前天看到阿里钉钉前端大佬整理了一份169题的前端面试指南，又是一个只给题不给答案的，习惯了😕毕竟别人是面试官，耗时8小时，手撕阿里钉钉团队整理的前端面试指南，非标准答案，且看且珍惜~

今天学习一下音视频的基础知识，日常工作中都会接触到音视频的开发，比如目前工作中都会涉及到 TSPlayer、IjkPlayer、MediaPlayer 提供播放能力，不管是什么 Player，其上层调

女朋友工作是音频后期，平常会收集一些音频音乐，需要看音频的频谱波形，每次用au这种大型软件播放音乐看波形，很不方便，看到她这么辛苦，身为程序猿的我痛心疾首，于是，就有了这么一个小软件，软件涉及到的技术主要为electron,vue,node,波形的展示主要通过wavesurfe…

WebRTC 是一种点对点的实时通讯技术，本文将基于这一技术实现一个实时的在线编程面试工具，让远程面试时双方不仅可以音视频通话，面试官还能实时看到面试者的编程情况。 Agora SDK 是声网提供的一套实时通信解决方案，其中也包含了对 WebRTC 的封装，我们将基于它开发 W…

一款使用marked和highlight.js开发的一款markdown编辑器，除常见markdown语法外，支持快捷输入、图片粘贴、代码复制、全屏编辑、预览等功能。 使用起来简单方便，只需几行代码，即可在你的页面上引入一个markdown编辑器，编辑区支持像专业编辑器那样。 …

想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提…

1.npm下载2.main.js文件引入3.页面中使用