第3期webSocket

Posted 2021-04-25 没有对象的野指针

本次编辑由杨大侠投稿编写

最近身心疲惫，上周六把我努力搭建的新架构项目手一抖给删了，并且我的git上面还不是最新的版本，自己都想打自己脸（ps：大家写一个功能最好 push 一下，要不然很有可能你会像我一样手一抖清空废纸篓！！！！），从昨天开始重新搭建梳理逻辑，昨天搞到凌晨2点，今天到公司，CTO给我一个项目，公司新架构看看，准备准备接手这个项目！！！！

我当时都想说纳尼？？？？ 搞的我一下午都没心情，疯狂的百度..... 学习固然重要但是我好像学不动了，刚刚还在想好像我又要天天加班学习了！ 

今天分享 WebSocket，最近我还用这个踩了一遍IM系统的坑，IM的分享都是基于我上一年做的那个项目下面你也开始学习吧！ 别说学不动了，学不动会被淘汰的

此篇文章是我上一年做的一个大数据展示项目，  当时我到公司刚入职，接手一个破锅，这个锅让我半个月天天凌晨2点睡觉，最开始我接手的时候用的 Vue Echarts  bootstrap  jqWeui axios  MA 的npm run dev 运行起来将近2分钟，半个月吧 天天早上打开电脑先 npm run dev跑起来，在抽个烟吹两分钟牛逼，项目跑起来开始干活，早上九点到晚上九点，苦逼到日子一个星期，到最后发布项目，那个破公司服务器带宽5M 首次加载需要5分钟 ，而且5个人同时访问必须有两个人挂。我笑了，其实我知道npm run build 之后包超级大，最后需要优化，我在想方法 按需加载、路由懒加载、删除无用臃肿代码（几乎是把代码重新撸了一遍）、重构离职那个哥们的代码，我真是头大，忍不不住吐糟一下，命名驼峰下划线两种、ajax不支持error判断、太多了要是认真起来说能写个微电影剧本。

到最后我决定重构代码，采用的技术我觉得还是传统方法能适应他们到服务器我所采用的技术是  Echarts + jq+ ES5  对你没有看错就是很low，并且很传统的做法，low的无法在low。

其中碰到的业务需求是地图展示类，百度地图综合Echarts 需要地图 实时更新数据，我采用了通用的写法 webSocket，和 sockjs.

soket 是一个 demo 代码太多 放不下，大家移步github学习 ！！！ 抱歉 

https://github.com/li2215890610/js-WebSocket

“

文能教你谈情说爱

武能教你翻云覆雨

这是一个畅所欲言的聚集地！可以分享你的故事，也可以投稿技术信息，内有优质视频关注之后回复关键文字即可领取视频！

  欢迎来撩！

文章不错，点个赞吧!