肖东锐的博客

websocket

简单了解学习一下websocket的使用

webSocket 什么是websocket？ WebSocket是HTML5新增的双向通信协议，它建立在TCP之上，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，可以向服务器发送消息并接收事件驱动的响应，而无需通过轮询服务器的方式以获得响应。浏览器和服务器只需要做一个握手的动作，然后浏览器和服务端之间就形成了一条快速通道，两者之间就直接可以数据相互传送。在海量...

Posted by ddxg on January 3, 2022

useless-files-webpack-plugin插件

使用useless-files-webpack-plugin插件找出项目中未使用的文件

useless-files-webpack-plugin插件一个项目经历N次迭代之后变成了页面繁杂的大项目，因业务变化，很多页面已经不再使用，需要定期清理一波，使用这个插件可以帮助你找出已经没有使用的文件。对于vue项目来说，只需要将不需要的页面路由删除，再使用这个插件，就可以找出已经不使用的文件了，检查再删除即可。插件传送门使用使用非常简单，官方例子： const U...

Posted by ddxg on December 15, 2021

lodash中的惰性求值（Lazy Evaluation）

简单了解lodash中惰性求值的实现

lodash中的惰性求值（Lazy Evaluation）在编程语言理论中，惰性求值（英语：Lazy Evaluation），又译为惰性计算、懒惰求值，也称为传需求调用（call-by-need），是一个计算机编程中的一个概念，它的目的是要最小化计算机要做的工作。惰性求值中的参数直到需要时才会进行计算。这种程序实际上是从末尾开始反向执行的。它会判断自己需要返回什么，并继续向后执行来...

Posted by ddxg on November 15, 2020

工作记录

记录一些工作中指的记录的东西，或者是经常忘记的东西。

工作记录哈哈，码农一个，记录一下使用率较高又经常忘记的东西。省的要用的时候到处找代码复制粘贴 async-validator 表单校验一个表单校验库，Antd 和 ElenentUI 表单组件使用的就是这个库，对输入框比较多的表单使用很方便，避免了无尽的 if ... return。英文不好还可以看别人翻译的文档具体用法就不多说了，直接看文档。码农都是直接上代码的...

Posted by ddxg on October 10, 2020

ES6和CommomJs 的模块

阅读《ES6标准入门》一书时，简单记录一下ES6和CommomJs 的模块，方便使用的时候查找

ES6和CommomJs 的模块在ES6之前，社区中有一些模块加载方案，主要有 CommonJS 和 AMD 两种，前者用于服务器，后者用于浏览器。 ES6在语言层面上实现了模块功能，并且更加简单，可以成为服务端和浏览器端的通用解决方案。 ES6模块设计是尽量静态化的，在js代码编译时就能确定模块的依赖关系，而 CommonJS 和 AMD 模块都是在代码运行时确定模块关系的...

Posted by ddxg on October 19, 2019

浅析H5与app通信桥梁JsBridge的原理

记录正在使用的JsBridge的实现原理，方便更好地定位问题。

浅析H5与app通信桥梁JsBridge的原理移动端的混合应用是非常常见的，Hybrid APP、React Native APP或者Flutter都很火爆，开发成本相对较低，迭代快，性能也越来越好。公司产品的app中也是内嵌了很多H5页面，使用JsBridge进行通信。这里简要分析一下它的原理。拿到ios app中相关的代码之后，我发现公司使用的是 marcuswestin/W...

Posted by ddxg on October 16, 2019

Gulp 入门

记录一些Gulp相关的入门知识

Gulp 入门介绍直奔官网吧看了一遍官网还是半脸懵逼呀！很多都不理解，不知道为什么要这样写，不知道配置的具体用意。多练多看文档才是硬道理呀。下面实现一个跟 webpack入门练习类似结构的入门练习项目打包的是一个简单的 H5 页面，主要有js打包、图片打包、css打包和html打包。js需要处理 ES6语法和模块化。具体的gulp任务如下：处理 js ...

Posted by ddxg on September 23, 2019

Babel 入门

记录一些Babel相关的入门知识，方便使用的时候查找文档。

Babel 入门写代码的时候跟babel也打了不少交到，我对babel可以说的基本不懂的，每次要修改相关配置什么的我都是直接百度的，网上的东西又不一定适用自己的项目，经常折腾大半天才能解决一个小小的问题。我这里就记录一些babel相关的知识，不求什么都懂，只求下次要处理babel相关问题的时候知道去哪里找到解决方法，不要盲目百度查找别人的博客。介绍 babel官网里面...

Posted by ddxg on September 21, 2019

webpack入门练习

记录一些webpack相关的入门练习。file-loader、url-loader、样式loader、html loader、html-webpack-plugin、devtool-sourceMap、开发中 Server(devServer)、devtool-sourceMap、开启 HMR 模块热替换特性、@babel/polyfill、@babel/plugin-transform-runtime

webpack入门练习在工作中经常接触webpack相关的东西，像Vue工程打包、内部封装的库和自己封装js功能库的时候都会用到webpack打包。但是，我对webpack的接触是非常零散的，连皮毛都不及，经常不知道要将相关的配置写到webpack配置文件的哪里，对webpack太陌生了。 webpack loader loader 让 webpack 能够去处理那些...

Posted by ddxg on September 19, 2019

vue-router && vuex

记录一些没有使用过的vue框架中的功能，路由模式、路由配置、导航守卫、路由元信息、Cube-UI、axios 拦截器、vuex的订阅、VUE 插件开发、vue 自定义使用api调用的全局组件、仿照cube-ui的create-api，封装一个非常简单的

vue-router && vuex 未使用功能记录路由模式 router.js 中的 mode: "history" hash ，原理是url中的‘#’hash部分，没有兼容性问题。 history ，原理是HTML5 中的 history api，有兼容性问题，移动端还好。需要服务端对路由做一些处理。我做过的vue项目的路由模式都是使用 ‘hash...

Posted by ddxg on September 11, 2019

瓜瓜小博