本文为年初一场面向线下数百人的前端管理专场分享内容整理而来，也是最近一年多新团队的管理工作复盘。业界关于技术管理，尤其是前端领域的技术、团队管理的经验沉淀少之又少，希望本次这些个人角度沉淀的文字，能为一些同学带来一些启动，产生一些改变。

前言: 每个知识都是一个无底洞,切记被淹没在知识的海洋里,找不到上岸的路!

英语时态新大陆?

从 0 开始，基于 Karma 搭建一个前端测试框架

实时屏幕共享功能，在视频会议、游戏直播、在线教育等场景中已广泛被应用。近日，主打屏幕分享的社交应用「Squad」被Twitter收购，让我们看到了实时屏幕共享融于更多行业，开启丰富玩法的趋势。

语音聊天室是最近非常热门的一款语音类软件，但是编写一个语音聊天室软件是不是很困难呢？没关系，今天为大家带来简易版的，非常简单呦！但是光聊天怎么行，想不想一起在聊天室看视频，一起吐槽、观看呢！不要急哟，马上带你们一起写。

今天我就教给大家怎样在我们的聊天中插入现场直播。（本文聊天以多人音视频为例）

我们在“2分钟玩转APIPOST”一讲中，简单介绍了如何生成并分享接口文档：

团队的项目 A 经历两年需求的洗礼，一些问题也随之暴露出来： 项目引用的npm包很多，业务代码也很多，有着向巨石应用发展的趋势。巨石应用的一些典型问题如下：构建效率低下、*dev-server 占用内存大甚至内存泄露*、维护成本急剧增加。

本文通过简单介绍如何利用ApiPost调试接口和快速的生成接口文档，让您初步体验ApiPost的魅力！

首先说一下自定义响应值的使用场景，当我们想对接口返回的实时响应数据进行修改显示时，我们可以用到ApiPost中的自定义响应值。举个例子：

Algorithm：两数相加 Review：2020 and Beyond Programming Trend Predictions Tip：解决 Jenkins 中使用代理来执行 npm install 的问题 Share：分享文章《Clean Frontend Architecture：整洁前端架构》

造这个cli工具是因为公司之前的项目用的docker镜像生成工具🔧是基于gradle和groovy来实现的，显然在前端项目中出现这种东西不太美观，而且项目结构会比较混乱，新接触项目的小伙伴看见项目里这些看不懂的东西就是一脸懵逼、不太友好，所以就基于NodeJs环境

很多南方的小伙伴可能没怎么见过或者从来没见过下雪，今天我给大家带来一个小Demo，模拟了下雪场景，首先让我们看一下运行效果

大家好，我是速冻鱼🐟，一条水系前端💦，喜欢花里胡哨💐，持续沙雕🌲， 本文讲解了如何从0到1参与7k Star大型开源项目成为贡献者🎃

JavaScript提供了一些内置的日期和时间函数，有助于从日期（出生日期）开始计算年龄。使用这些JavaScript方法，您可以轻松找到任何人的年龄。为此，我们需要用户输入日期和当前系统日期。

演示链接：http://haiyong.site/spin-the-wheel

文章中所有的404页面已打包好，具体获取方式见文章末尾

今天我将带着大家使用 HTML、CSS 和 JS创建 音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块，也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。

上一篇中我们说了 js 中的作用域和预解析，感受了 js 发展的过程中一些特有的声明和语言文化，js 在运行的时候也是按照预解析的顺序来运行的，所以会出现某些语句声明不恰当报错的行为。每门语言的诞生和发展同样也绕不开它当下所诞生的背景和时代发展的历程

我在每天工作中需要在不同的移动设备上测试我们开发的前端应用是否正常工作，比如iOS设备和Android设备。我用的工作笔记本电脑又是Lenovo的，安装的是Windows操作系统。

上一篇中我们主要说了 js 的函数，牵扯到函数的概念与使用，以及函数的传参和调用等方面的内容，函数是js中最具代表意义的功能，也是未来十分常用技术点。文章内容都是非常之基础，如果想了解深入建议多看看红宝书等书籍。

上一篇中我们聊了聊 js 中的数组对象，在数组对象中我们看到了关于 js 内置方法对数组进行处理，常用的push、pop等，除此之外还有对数组进行排序或者反转等方法，在往后的工作中是非常常用，所以需要熟练掌握。

在本文中，我将向大家展示如何仅使用HTML、CSS和Boostrap框架创建圆形的动画进度条。之前，我已经设计了更多类型的动画进度条，但是这种设计是采用完全现代的方式设计的。

时钟是我们用来测量时间的装置。如果使用得当，时钟对于任何 UI 都是有用的元素。时钟可用于以时间为主要关注点的网站，例如一些预订网站或一些显示火车、公共汽车、航班等到达时间的应用程序。时钟基本上有两种类型，模拟和数字。在这里，我们将设计数字时钟

💕浪漫信封：http://haiyong.site/eluvletter 💌3D樱花漫天飞舞：http://haiyong.site/yinghua

如果你想使用 JavaScript 制作一个模拟时钟，那么本文将对你有所帮助。我们都知道时钟有两种，一种是模拟的，一种是数字的。虽然数字时钟被广泛使用，但模拟时钟也被很多人所喜爱。

上一篇中我们盘点了 js 哪些最常用的内置对象，对Math、random以及Date对象进行了详细的讲解，这三个对象在往后的工作中也是发挥着举足轻重的位置，都是非常常用的对象，可以自己在编辑器中多加练习

在本文中，我们将学习在 p5.js 中通过使用线条、 矩形和椭圆来制作房屋的各个部分来制作房屋的简单动画。

大家好！在本教程中，我们将使用html，css和一些javascript构建响应式导航栏和面包屑菜单。

上一篇中我们主要说了 js 中的作用域，代码的名字在某个范围内才起作用，并非在全部的场景或者块下都能有作用。除此之外还了解了js执行中比较中的机制：预解析。js执行的引擎会将 var 和 function全部提到最面前，然后按次序依次执行之后的代码等内容

很高兴又见面了！😊 在我们创建适合各种设备的响应式网站时，了解正确的CSS 单位很重要。不过在深入研究决策之前，让我们先对它们进行分类以便了解它们的用途。

上一篇中我们聊了聊 js 的字符串对象，手写了常用的字符串操作方法，有些方法和数组对象是非常类似的，很容易记起来。除此之外还知道了一个重要的概念，字符串所有的方法都是不可变的（不会修改值本身），操作完成之后会返回一个新值。

解构赋值语法是一种 JavaScript 表达式，通过解构赋值, 可以将属性/值从对象/数组中取出，赋值给其他变量。这种语法是 ECMAscript 6 规范引入了一种新语法，可以更轻松地从数组和对象中获取值。

今天抱着听不懂来见识的心态参加了全球架构师峰会，主要就是想跟@阿萌和@气气面基下，没想到还是大部分内容还是听得懂的。😋高手们都是可以用简单的话语讲透复杂的事情。