1 帅燊

尚未进行身份认证

软件

等级
TA的排名 14w+

HTTP短连接,长连接(keep-alive),websocket,postmessage

本文转自连接https://blog.csdn.net/alanfancy/article/details/88366687一.HTTP与TCP的关系HTTP属于应用层协议,主要解决如何包装数据;在传输层使用TCP协议,主要解决数据如何在网络中传输;在网络层使用IP协议,主要解决网络路由和寻址问题;HTTP把TCP分割好的各种数据包封装到IP包里面传送给接收方。二.短连接、长连接、we...

2020-03-27 23:32:05

webpack生产环境配置文件

webpack生产环境配置文件webpack.config.jsconst { resolve } = require('path');const MiniCssExtractPlugin = require('mini-css-extract-plugin');const OptimizeCssAssetsWebpackPlugin = require('optimize-css-ass...

2020-03-25 20:59:58

webpack生产环境-Html压缩

webpack生产环境-Html压缩1,创建文件2,修改配置文件const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/js/index.js', output: { fil...

2020-03-25 20:56:21

webpack生产环境-js压缩

js压缩1,创建文件2,修改webpack.config.jsconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/js/index.js', output: { file...

2020-03-25 20:50:59

webpack生产环境-js兼容性处理babel的使用

js兼容性处理babel的使用1,创建文件2,下载安装包npm install --save-dev babel-loader @babel/core @babel/preset-env @babel/polyfill core-js3,修改配置文件webpack.config.jsconst { resolve } = require('path');const HtmlWeb...

2020-03-25 10:01:06

webpack生产环境-js语法检查eslint

js语法检查eslint1,创建文件2,下载安装包npm install --save-dev eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import3,修改配置文件webpack.config.jsconst { resolve } = require('path');const HtmlWebp...

2020-03-25 09:49:42

webpack生产环境配置-压缩css

压缩css1,创建文件2,下载安装包npm install --save-dev optimize-css-assets-webpack-plugin3,修改配置文件webpack.config.jsconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin'...

2020-03-24 23:44:13

webpack生产环境配置-css兼容性处理

css兼容性处理1,创建文件2,下载loadernpm install --save-dev postcss-loader postcss-preset-env3,修改配置文件webpack.config.jsconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-pl...

2020-03-24 23:36:43

webpack生产环境配置-提取css为单独文件

提取css为单独文件1,创建文件2,下载插件npm install --save-dev mini-css-extract-plugin3,修改配置文件webpack.config.jsconst { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');cons...

2020-03-24 23:25:20

webpack-开发环境-devServe,开发环境设置

webpack-开发环境-devServe1,创建文件2,webpack.config.js配置const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', outp...

2020-03-24 19:31:09

webpack-开发环境-打包其他资源

webpack-开发环境-打包其他资源1,创建文件2,修改webpack.config.js主要使用exclude关键字,代码如下const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src...

2020-03-24 18:54:39

webpack-开发环境-打包图片资源

webpack-开发环境-打包图片资源创建文件及图片,如下所示下载安装loader包npm install --save-dev html-loader url-loader file-loader修改配置文件 webpack.config.js,代码如下const { resolve } = require('path');const HtmlWebpackPl...

2020-03-24 18:34:24

webpack-开发环境-打包Html资源

webpack-开发环境-打包Html资源创建文件,如下图所示2,下载安装plugin包npm install --save-dev html-webpack-plugin3,修改配置文件 webpack.config.js/* loader: 1. 下载 2. 使用(配置loader) plugins: 1. 下载 2. 引入 3. 使用*/const {...

2020-03-24 18:20:50

webpack开发环境基本配置,打包样式资源

webpack开发环境基本配置1,创建配置文件1.1 创建文件webpack.config.js1.2 配置内容如下const {resolve} = require('path'); //node内置核心模块,用来处理路径问题module.exports ={ entry:''./src/js/index.js,//入口文件 output:{ filename:'./bu...

2020-03-24 09:52:16

了解webpack-从入门开始

1.1 webpack是什么webpack是一种前端资源构建工具,一个静态模块打包器(module bundler)。在webpack看来,前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它根据模块依赖关系进行静态分析,打包生成对应的静态资源(bundle)。1.2 webpack的5个核心概念1.2.1 Entry入口(Entry)指示webpa...

2020-03-23 22:36:05

es6的原型和原型链

es6的原型和原型链的关系图如下所示。①每个函数都有一个prototype属性,这个属性会指向一个对象,就是通过调用该构造函数而创建的实例原型,可以通过实例对象的__proto__来访问到这个原型对象。②实例在创建时,就会默认关联原型,并且会从原型继承属性。③而每一个原型对象有都会存在一个constructor属性,这个属性会指向关联的这个构造函数。④当访问一个实例对象的属性时,如果说这个...

2020-03-23 14:15:11

在项目中首次引入 react

运行 cnpm i react react-dom -S 安装包react: 专门用于创建组件和虚拟DOM的,同时组件的生命周期都在这个包中react-dom: 专门进行DOM操作的,最主要的应用场景,就是ReactDOM.render()在index.html页面中,创建容器:<!-- 容器,将来,使用 React 创建的虚拟DOM元素,都会被渲染到这个指定的容器中 -...

2020-03-23 10:55:06

React中几个核心的概念

虚拟DOM(Virtual Document Object Model)DOM的本质是什么:浏览器中的概念,用JS对象来表示 页面上的元素,并提供了操作 DOM 对象的API;什么是React中的虚拟DOM:是框架中的概念,是程序员 用JS对象来模拟 页面上的 DOM 和 DOM嵌套;**为什么要实现虚拟DOM(虚拟DOM的目的):**为了实现页面中, DOM 元素的高效更新DOM和虚拟...

2020-03-23 10:42:59

vue组件间的6种通信方式

vue组件间的6种通信方式方法一、props/$emit父组件A通过props的方式向子组件B传递,B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现方法二、$emit/$on这种方法通过一个空的Vue实例作为中央事件总线(事件中心),用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信,包括父子、兄弟、跨级。当我们的项目比较大时,可以选择更好的状态...

2020-03-08 13:29:15

axios请求中添加token,Authorization中添加token

axios请求中添加token,Authorization中添加tokenaxios请求中添加token,应在header中添加的token,使用Authorization属性字段,如下代码export function downLoadZip(str, filename) { axios({ method: 'get', url: url, responseT...

2020-02-24 10:23:40

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。