2020年01月_wangdongm123

原创 webpack（九）：webpack配置文件的分离

在项目中创建build文件夹，创建base.config.js文件（存放公共的东西，开发时依赖，生产时依赖）创建dev.config.js文件（存放开发时依赖的配置）：创建prod.config.js文件（存放生产时依赖的配置）所以，在开发时，配置文件就是base.config.js+dev.config.js生产时，配置文件就是base.config.js+prod.config....

2020-01-31 15:30:34 516

原创 webpack（八）：搭建本地服务器

在开发中，每次改了内容，就会重新打包运行，很麻烦，这个时候就可以搭建本地服务器。webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。不过它是一个单独的模块，在webpack中使用之前需要先安装它步骤一：安装服务器npm install --save-dev webpack-d...

2020-01-31 15:23:41 611

原创 webpack（七）：plugin的使用

7.1 认识plugin7.2 添加版权的Plugin7.3 打包html的plugin7.4 js压缩的Plugin7.1 认识pluginplugin是什么？plugin是插件的意思，通常是用于对某个现有的架构进行扩展。webpack中的插件，就是对webpack现有功能的各种扩展，比如打包优化，文件压缩等等。loader和plugin区别loader主要用于转换某些类型的模...

2020-01-31 15:15:53 698

原创 webpack（六）：webpack配置vue

6.1 引用vue.js6.2 打包项目：错误信息6.3 el和template区别6.4 Vue组件化开发引入6.5 .vue文件封装处理6.6 组件引用组件6.1 引用vue.jsnpm install vue –save注：因为我们后续是在实际项目中也会使用vue的，所以并不是开发时依赖接下来就可以使用Vue了6.2 打包项目：错误信息重新打包，会发现报错：这...

2020-01-31 15:01:55 567

原创慢慢了解webpack

内容概述认识webpackwebpack的安装webpack的起步webpack的配置loader的使用webpack中配置Vueplugin的使用搭建本地服务器参考文档

2020-01-18 09:57:42 232

原创 webpack（五）：loader的使用

在之前的内容，主要是用webpack来处理我们写的js代码，并且webpack会自动处理js之间相关的依赖。但是，在开发中不仅仅有基本的js代码处理，还需要加载css，图片，也包括一些高级的将ES6转成ES5代码，将TypeScript转成ES5代码，将scss、less转成css，将.jsx、.vue文件转成js文件等等。对于webpack本身的能力来说，对于这些转化是不支持的。 ...

2020-01-18 09:25:42 674

原创 Unable to ping server at localhost:1099

Idea启动的时候报错：提示：Application Server was not connected before run configuration stop, reason: Unable to ping server at localhost:1099注意红色提示部分在tomcat配置里面：报错时的配置：VM options：更改后：原因是少了一个空格!修改之后...

2020-01-17 13:16:38 647

原创 webpack（四）：webpack配置

4.1入口和出口如果每次使用webpack的命令都需要写上入口和出口作为参数，就非常麻烦，有没有一种方法可以将这两个参数写到配置中，在运行时，直接读取呢？当然可以，就是创建一个webpack.config.js文件（文件名字固定，不能随便取）webpack.config.js文件内容：path需要动态获取路径，这里要用到node的语法，首先要导出path的模块，会去node的包...

2020-01-16 14:39:08 316

原创 webpack（三）：webpack起步

创建如下文件和文件夹：dist文件夹：用于存放之后打包的文件src文件：用于存放我们写的源文件3.1commonJS模块化导出这是基于nodejs使用的导出方式，没有nodejs的支撑是无法使用的！module.exports= {} 导出3.2commonJS模块化导入require导入3.3js文件的打包现在的js文件中使用了模块化的方式进行开发，他们可以直接使用吗...

2020-01-16 14:27:09 238

原创 webpack（二）：webpack安装

webpack为了可以正常运行，必须依赖node环境，node环境为了可以正常的执行很多代码，必须其中包含各种依赖的包，而npm工具（node packages manager）就是管理各种依赖的包。所以，安装webpack首先需要安装Node.js，Node.js自带了软件包管理工具npm。2.1node.js 的官方下载地址https://nodejs.org/en/downlo...

2020-01-16 14:13:38 176

原创 webpack（一）：什么是webpack？

从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。我们从两个点来解释上面这句话：模块和打包将左边的文件通过webpack之后转化为右边浏览器可以执行的文件格式1.1前端模块化前端模块化的一些方案：AMD、CMD、CommonJS、ES6。在ES6之前，要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发，并且在通过模块化开发...

2020-01-16 14:01:45 177

原创计算机网络基础（四）：DNS服务器

DNS是指：域名服务器(Domain Name Server)。在Internet上域名与IP地址之间是一一对应的，域名虽然便于人们记忆，但机器之间只能互相认识IP地址，它们之间的转换工作称为域名解析，域名解析需要由专门的域名解析服务器来完成，DNS就是进行域名解析的服务器。把域名翻译成IP地址的软件称为域名系统，即DNS。它保存了一张域名(domain name)和与之相对应的IP地...

2020-01-16 13:13:11 1253 1

原创计算机网络基础（三）：默认网关

什么是网关？大家都知道，从一个房间走到另一个房间，必然要经过一扇门。同样，从一个网络向另一个网络发送信息，也必须经过一道“关口”，这道关口就是网关。顾名思义，网关(Gateway)就是一个网络连接到另一个网络的“关口”。按照不同的分类标准，网关也有很多种。TCP/IP协议里的网关是最常用的，在这里我们所讲的“网关”均指TCP/IP协议下的网关。网关实质上是一个网络通向其他网络的IP地址...

2020-01-16 10:28:24 33138 15

原创计算机网络基础（二）：子网掩码

子网掩码是用来判断任意两台计算机的ip地址是否属于同一子网络的根据。最为简单的理解就是两台计算机各自的ip地址与子网掩码进行与运算后，得出的结果是相同的，则说明这两台计算机是处于同一个子网络上的，可以进行直接的通讯。子网掩码是为了区分网络位和主机位，上面我们说到过，一个ip地址是由网络地址和主机地址组成。正如班级的地址由年级地址与班级号组成。那么我们可以把IP地址比作班级的地址，那...

2020-01-14 15:01:05 749

原创计算机网络基础（一）：IP地址

电脑之间要实现网络通信，就必须要有一个合法的IP地址。IP地址的结构使我们可以在Internet上很方便的寻址，通常用更直观的，以圆点分隔号的四个十进制数字表示，每个数字从0到255，如某一台主机的ip地址为：14.215.177.38。IP地址=网络地址+主机地址，（又称：主机号和网络号组成）在局域网里，同样也需要ip地址，一般内网的ip地址是以192.168开头的，这样很容易区分公...

2020-01-14 13:43:37 5750 1

原创慢慢了解计算机网络基础

IP地址，子网掩码，默认网关，DNS服务器，这些名词在我们日常上网中都起到了什么作用？问题：我们知道没有IP地址就不能上网；也知道没设DNS就不能上外网；如果我的计算机没设DNS，竟然能上QQ，却不能打开网页,这是为什么呢？首先，我们需要知道，IP是32位二进制数据，通常以十进制表示，并以“.”分隔。IP地址是一种逻辑的地址，用来标识网络中一个个主机，IP有唯一性，即每台机器的IP在全...

2020-01-13 14:25:37 322

转载 linux 硬盘满了怎么办呢

一、确定是不是真的是磁盘空间不足输入命令：df –lh 查看磁盘信息很明显：Filesystem下的挂载点 /dev/xvda1 下的40G容量已经耗尽。接下来就要删除文件。删除占用磁盘空间大，但又无用的文件。如果对系统不熟悉的话，日志可能是你第一的下手目标。二、如何定位最大文件目录输入命令：cd / 进入根目录。输入命令：du -h --max-depth=1 寻找当前目录，哪个文...

2020-01-08 16:39:25 329

原创在linux下启动第二个tomcat

第一步修改/etc/profilevi /etc/profile添加下图红框所示内容export CATALINA_HOME2=/soft/apache-tomcat-7.0.67export CATALINA_BASE2=/soft/apache-tomcat-7.0.67export TOMCAT_HOME2=/soft/apache-tomcat-7.0.67export T...

2020-01-08 16:06:10 345 1

原创两台linux搭建redis主从复制

第一步：准备两台linux服务器第一台服务器：192.168.137.89（主）第二台服务器：192.168.137.3（从）第二步：配置主服务器2.1 准备redis的安装包，将安装包放到服务器上2.2 解压redis安装包将安装包解压到当前目录2.3 编译和安装执行以下命令发生错误时，多半是没有安装gcc，这里不演示，可以百度一下执行make 对redis解压后文件进行编...

2020-01-03 15:21:36 1342 2

wangdongm123的博客