我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...

以前我在谈论graphql的时候提到过BFF（Back-end For Front-end），每每都是一笔而过，这次就专门开一期，简介一下BFF——服务于前端的后端。 前端演化史 Web 1.0 故事都得从long long ago说起，让 ...

目录 获取PCM数据 处理PCM数据 Float32 转 Int16 ArrayBuffer 转 Base64 PCM文件播放 重采样 PCM转MP3 PCM转WAV 短时能量计算 Web Worker优化性能 音频存储(IndexedDB ...

1、前后端分离前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。2、尽量避免后端模板渲染web 应用的渲染方式分为服务器端渲染和客户端渲染，当下比较推荐的方式是客户端渲染，数据 ...

日常开发中积累了不少可能对一些开发有帮助的简单易用的组件，好记性不如烂笔头，想对过去的一些零零乱乱的东西做一些总结，反省自己的同时也便于思考一些更优的方法，提升下开发思维???。 代码传送门（?感觉有作用的的同学帮忙点下❤️️） 效果截图 ...

（给达达前端加星标，提升前端技能）​ 想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端Web前端性能优化原理问题​ 前端性能优化，资源的合并与压缩，图片编码的原 ...

前言 一个典型的drag操作是这样开始的：用户用鼠标选中一个可拖动的（draggable）元素，移动鼠标到一个可放置的（droppable）元素，然后释放鼠标。 在操作期间，会触发一些事件类型，有一些事件类型可能会被多次触发 第一部分 在拖 ...

封装复杂的 ajax 请求 ajax 传参为对象的格式，方便之后进行数据处理 注意数据格式的处理 get 和 post 的处理方式不同，参数也不同 function ajax(obj){ if(window.XMLHttpRequ ...

前言 从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。 image ES7新特性 1.Array.p ...

angular7中引入中国地图 最近项目中需要做一个数据大屏，用中国地图散点图展示一些数据， 图表用的是echart4.2.1，angular版本是7.1.0 下面简要介绍一下实现过程： 第一步： 在angular.json中引入china ...