进击的JJJJJJ-CSDN博客

HTTP1.1 HTTP（超文本传输协议）完成从客户端到服务器端一系列的运作流程web是建立在HTTP协议上通信的为了解决文件传输的难题1.2 TCP/IP通常使用的网络（包括互联网）是在TCP/IP协议族的基础上运作的，HTTP属于它内部的一个子集TCP/IP 是互联网相关的各类协议族的总称；TCP/IP 是指 TCP 和 IP 这两种协议。还有一种说法认为，TCP/IP 是在 IP 协议的通信过程中，使用到的协议族的统称TCP/IP 协议族有4层：应用层、传输层、网络层和

2022-03-01 19:44:39 2349

原创【工作杂谈】后台定时任务问题

1. 场景前景微信端（经销商）：发布工单后进入视频语音沟通页面，等待15s后工程师未接单，退出沟通页面。后台工单管理（工程师）：首次接单后，经销商不在线，就触发自动呼出功能，去打电话通知经销商进入沟通。想要实现业务当后台页面工程师接起工单时，需要系统每隔3分钟循环呼出电话（调用阿里云的语音通知服务）2. 初步计划代码：this.timer = null; //全局设置了一个定时器，在经销商进入通话后，需要清除定时器，终止电话循环呼出this.timer = setInterval(fun

2021-11-29 17:32:14 245

转载【JavaScript】ES10（ECMAScript 2019）主要总结

ES10（ECMAScript 2019）数组展平（Array.flat() 和 Array.flatMap()）Array.flat()Array.flat()把数组展平，通过传入层级深度参数（默认为1），来为下层数组提升层级。如果想提升所有层级可以写一个比较大的数字甚至是Infinity，但不推荐这么做。[1, 2, [3, 4]].flat();// [ 1, 2, 3, 4 ][1, 2, [3, 4, [5, 6]]].flat(2);// [ 1, 2, 3, 4, 5, 6

2021-11-26 17:58:26 578

转载【JavaScript】ES7（ECMAScript 2016）到ES9（ECMAScript 2018）总结

ES7（ECMAScript 2016）1.Array.prototype.includes()数组includes()方法，用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回true，否则返回false。includes 函数与 indexOf 函数很相似list.includes(x) === list.indexOf(x) >= 02.指数操作符 **在ES7中引入了指数运算符**，**具有与Math.pow(…)等效的计算结果。console.log(2**1

2021-11-19 11:01:33 472

原创【Webpack】性能优化

前置开发环境优化打包构建速度 HMRHMR（模块热替换）优化代码调试 souceMap生产环境优化打包构建速度* oneof* babel缓存* 多进程打包（提升打包速度，但是进程开启交流有时间开销）* externals （不让一些资源包去打包，排除掉）-- cdn* dil （先打包好，后面直接用，就不用打包了）-- 自己的服务器优化代码运行的性能* 缓存（hash-chunkhash-contenthash）* tree shaking* code sp

2021-11-02 17:52:37 126

原创【Webpack】生产环境(css资源打包相关)优化

开发环境只是能让代码运行成功运行项目指令：webpack 会将打包结果输出如果想指定输出路径需要在module对应匹配配置中加 options: { outputPath: 'imgs'}样式文件不会输出，是因为【css-loader】打包到js文件里了npx webpack-dev-server 只会在内存中编译打包，没有输出生产环境问题一：打包后，如果css在js中，会使js文件过大，先加载js才能通过创建style标签加入到页面中，会有闪屏的问题解决：提

2021-11-01 22:17:54 212

原创【Webpack】devServer

概念开发服务器：用来自动化（自动编译，自动打开浏览器，自动刷新浏览）特点：只会在内存中编译打包，不会有任何输出启动devServer指令为：webpack-dev-servernpx webpack-dev-server (本地)devServer: { // 项目构建后路径:该配置项允许配置从目录提供静态文件的选项（默认是 'public' 文件夹）。将其设置为 false 以禁用 static: ['src'], // 启动gzip压缩 compress: tr

2021-11-01 21:55:18 122

原创【Webpack】打包基础资源

webpack.config.jswebpack.config.js — webpack配置文件作用：指示 webpack 干哪些活（当你运行webpack指令时，会加载里面的配置）所有构建工具都是基于nodejs平台运行的。模块化默认采用commonjs(module.exports =)src — 项目代码（es6 模块化 import）打包样式资源关键用 use: [‘style-loader’, ‘css-loader’ , ‘less-loader’]css-loa

2021-11-01 21:47:11 60

原创【Webpack】基本概念

是一种前端资源构建工具，一个静态模块打包器。前端所有的资源文件（js/json/css/img/less/…）都会作为模块处理。根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle）。基本流程：从入口文件引入（各种包、资源 === 静态模块） => 形成chunk(代码块) => 按不同的资源进行处理（打包）=> 输出bundle安装依赖方式npm install --save-dev webpacknpm install webpack@4.41.6 -.

2021-11-01 20:59:21 60

qq_40044977的博客

原创【思想】面向对象设计原则总结

原创【网络】HTTP基础