webpack会解析路由文件的引入，就算你是一个setTimeout输出的路由配置文件，或者if else判断的路由配置文件，他都会将你明文书写的路由vue文件打包。为什么？其原理未知，估计并不是解析代码，而且代码关键字的抓取。如果你是一个api返回的路由配置，webpack的无法准确感知到路由文件的是否被引入，所以它的办法是全部都打包，src目录下的所有vue文件全部会被打包成chunk-2d0b30b7.3576daad.js这种格式的文件。其中包裹components目录下的组件，哪怕你的这个组件已经被某个路由页明确引入了，这个路由除了会被打包到这个路由页，还会生成单独的chunk...
批量设置属性全部只读interface ObjInterface { a: number; b: number; c: number; } //全部设为只读 type readonlyObj = Readonly<ObjInterface>;鼠标移动到readonlyObj可以发现所有的属性全部设置为只读了。type readonlyObj = { readonly a: number; readonly b: number; readonly c: number; }我们按住ctrl+鼠标左键点击Readonly；可以看到...
再for循环中我们经常遇到类似这种写法const obj = { a: 1, b: 2, c: 3 }; //遍历obj拿到指定key对应的val数组 function getObjVal(obj:any,keys:string[]) { return keys.map(key => obj[key]); } console.log(getObjVal(obj, ["a", "b"])); console.log(getObjVal(obj, ["d", "e"]...
依赖嵌套地狱虽然新版本的npm也和yarn一样使用了扁平化管理依赖，但是其依赖依旧取决于安装的顺序。比如A依赖中它依赖一个公共库H 1.0版本，那么安装A时同时也会安装H，此时node_modules不存在A、H，那么A和H处于同级关系。过段时间我们需要安装B模块，B模块依赖H的2.0版本，但是node_modules依旧存在了1.0，于是它2.0只能再B模块下的node_modules目录。此时我们存在了两个版本的H公共库。又过一段时间，我们需要安装C模块，C模块也需要H 2.0，那么他也只能将H存放再自己的node_modules目录下。此时我们的H公共库存在了三个，那么还有更多呢，...
在linux中输入 ip addr可以看到有三个网络配置：lo 127.0.0.1 # 本机回环地址eth0 172.17.90.138 # 阿里云的私有IPdocker0 172.18.0.1 # dockerdocker会自行创建一个类似路由器一样的网络处理层，所有启动的容器都会自动分配一个基于172.18.0.1的ip地址，也正因为如此，我们容器之间是可以相互ping通的，因为都在同一个网关下。但也仅限于利用ip地址进行通信。原理每一个安装了Docker的linux主机都有一个docker0的虚拟网卡。这是个桥接网卡，使用了veth-pair技术！ 每启动一个容器，linux主...
保存到本地docker save --help Usage: docker save [OPTIONS] IMAGE [IMAGE...] Save one or more images to a tar archive (streamed to STDOUT by default) Options: -o, --output string Write to a file, instead of STDOUT很简单的一个命令，只有一个-o表示镜像要输出的路径以及镜像名.tardocker images my-centos 1.0 fef5d23d0bd1 ...
发布到DockerHub官方首先我们需要注册一个DockerHub的账号链接：https://hub.docker.com/signup注册完毕后我们本地登录PS C:\Users\13219\Desktop> docker login --help Log in to a Docker registry or cloud backend. If no registry server is specified, the default is defined by the daemon. Usage: docker login [OPTIONS] [SERVER] [flags...
什么是DockerFiledockerfile是用来构建Docker镜像的构建文件，是由一系列命令和参数构成的脚本。构建步骤：编写DockerFile文件docker build 构建镜像docker run我们从docker的镜像页面点击版本号时，可以访问到github上dockerfile的文件。以centos为例，大概如下：FROM scratch ADD centos-7-x86_64-docker.tar.xz / LABEL \ org.label-schema.schema-version="1.0" \ org.label-schem...
//模拟异步请求 function axiosFn() { return new Promise((resolve, reject) => { const flge = Math.random(); //随机值 setTimeout(() => { //大于0.7就是成功 if (flge > 0.7) { return resolve(flge); } else { return reject(...
什么是容器数据卷其作用就是方便容器与外部宿主机的文件交互，毕竟容器可以重启启动一个，但是数据只有一份啊，所以如果能将数据存在宿主机上，容器随便换，宿主机本身再定时备份，问题不就解决了。作用卷就是目录或者文件，存在一个或者多个容器中，由docker挂载到容器，但不属于联合文件系统，因此能够绕过 Union File System ， 提供一些用于持续存储或共享数据的特性：卷的设计目的就是数据的持久化，完全独立于容器的生存周期，因此Docker不会在容器删除时删除其挂载的数据卷。特点数据卷可在容器之间共享或重用数据卷中的更改可以直接生效数据卷中的更改不会包含在镜像的更新中数据卷的生命周期一直...
打包命令docker commit # 这个和git的commit提交差不多 # 例子 docker commit -m="提交的描述信息" -a="作者" 提交的容器id 打包后的镜像名:tag版本号注意：实战测试以之前的Tomcat为例，默认情况下官方在webapps目录中是没有任何文件的，官方把默认的web文件放置在webapps.dist目录下，我们就可以把文件搬过来，生成一个自己的镜像。安装并搬运web文件docker pull tomcat # 下载完毕后运行 docker run -d -p 8080:8080 --name t...
整体文本引入b站UP主遇见狂神说的docker教程文档镜像是什么镜像是一种轻量级、可执行的独立软件包，用来打包软件运行环境和基于运行环境开发的软件，它包含运行某个软件所需的所有内容，包括代码、运行时、库、环境变量和配置文件。镜像加载的原理UnionFS （联合文件系统）UnionFS（联合文件系统）：Union文件系统（UnionFS）是一种分层、轻量级并且高性能的文件系统，它支持对文件系统的修改作为一次提交来一层层的叠加，同时可以将不同目录挂载到同一个虚拟文件系统下(unite several directories into a single virtual filesystem)。...
安装nginxdocker pull nginx # 下载完成后运行 docker run -d --name nginx1 -p 8080:80 nginx # 后台运行，容器命名为nginx1，将容器的80映射到主机的8080端口此时我们访问：localhost:8080就能看到Welcome to nginx!页面安装Tomcatdocker镜像里面的tomcat官方文档有这么一段命令：docker run -it --rm tomcat:9.0run可以直接自动下载对应的镜像，所以后面可以像pull那样接tag；-it是交互，--rm表示交互结束后，比如exit退出后，容器...
帮助命令docker version #版本信息 docker info #更加详细的系统信息 docker 命令 --help #万能命令文档地址：官方命令文档镜像命令docker images #查看所有镜像后面还可以接一些可选项Name, shorthandDefaultDescription--all , -a Show all images (default hides intermediate images)--digests Show digests--filter , -f Filter output based on conditions provided-...
const div = document.querySelector("div.box"); div.addEventListener("animationstart", function() { //动画开始运行触发 }); div.addEventListener("animationiteration", function() { //动画每执行一次触发一次，适用用多次动画 }); div.addEventListener("animationend", function() { //...
ts默认要求class中声明的属性必须初始化，所以，如果存在没有被初始化的属性，就会报这个错误。如果我们让他或者等于null，那么在调用属性的时候又会提示值可能为null，极度麻烦class A { data: { name: string } | null = null; } const a = new A(); console.log(a.data.name);然后你又不得不搞个非空断言。console.log((a.data!).name);每次都这么写非常麻烦。赋值方案既然他要赋值那么我们就赋值class A { data: { name: string }; c...
rotate的坐标轴和默认值z轴可以看成正对着自己脸的一根轴，每个轴的旋转方向默认如图箭头所示。所有的旋转角度，正值都是根据默认的旋转方向来得，负值则是相反。transform: rotateZ(45deg);只有Z轴的旋转再二维的界面才是有效的，如下图所示：因为在二维的界面Z轴的变化才是有效的，所以默认值的设置就是Z轴，所以简写形式等效于rotateZtransform: rotate(45deg); /*等同于rotateZ(45deg)*/translatetranslate的变化是根据元素的坐标轴而变化的，比如X轴移动100px;transform: translateX(100...
网页不能直接识别移动设备的实际像素大小再没有设置meta viewport的时候，网页只能识别硬件的物理像素，而非软件像素。物理像素：硬件本身的实际像素大小软件像素：设备尺寸限制，过大的像素并不能带来很好的体验，显示的内容过多反倒无法正常使用，于是有了软件像素，软件像素是基于一定像素比得到的值。比如 iPhone X的软件像素是：375px*812px；它的比是：3；那么它的物理像素就等于：(375*3)*(812*3)更多的对比可以去这个网站查看：mydevice然而实际上移动端设备都会有一个默认的宽度：980px，所以，即便我们没有设置meta viewport，网页也不可能真的使用...
子元素自身的order属性子元素的order的作用详解：默认情况下order的值都为0，如果这个值越小，那么就越靠近起始点，值越大，位置就越后，order其实用于移动元素的位置，而位置的方向则取决于父元素设置的：flex-direction子元素自身的align-self属性从正常角度，align-self是控制子元素y轴的对齐方式，也称侧轴对齐，这个y轴的定义也是取决于父元素flex-direction子元素自身的flex-basis属性flex-basis的效果，最好配合：flex-shrink:0;让子元素不被压缩。flex-basis会根据主轴的来设置元素的宽度还是高度：当主轴是...
windows和linux平台，他们之间的换行符是不一样的，mac之前也不一样，后来和linux保持统一。windows是CRLF，也就是\r\n；linux是LF，也就是\n；两个平台之间换行符不一样，在有代码规范要求的情况下，很容易就会触发报错，如eslint的报错：warning Delete ␍ prettier/prettier解决办法假设我们代码规范要求换行是LF；那我们需要进行以下配置：git提交时自动格式化换行符这个做法是防止有人本地编辑的时候没有改为LF的换行方式然后上传，导致别人拉库下来会运行报错。在项目根目录创建：.gitattributes 文件文件内写入：# L...
当有的时候，我们不想复制一个完整的文件或者文件夹的时候，我们可以通过链接映射的方式快速的将文件或者文件夹放置在某些地方。举个例子：我有一个A前端项目，再public目录下我需要放置另一个B前端项目打包后的dist目录，但是B项目是需要经常改动的，我不能每次改动一下就打包一次，然后把dist目录复制到A项目的public里面。显然这非常麻烦。如果我们将B项目的dist直接映射到A的public里面，那么每次打包，就不用复制了。怎么做？这就需要软连接或者硬连接了。什么是软连接和硬链接软链接软连接可以理解为windows下的快捷方式，但是快捷方式的删除不会影响到源文件，也不会被ide软件识别，...
起因我写了一个axios的get请求，他会在网页加载后运行，从服务器获取数据，根据status状态值来判断我是否需要进行弹窗提示，弹窗会有一个按钮，点击后会通过location.href跳转到另一个页面，在另一个页面，会有一个返回按钮，触发history.back()返回上一页。当然，在运行href跳转前，会通过api请求告诉后端，我已经点击了弹窗，下次请求不要再运行弹窗了。但是在下一个页面点击返回时，弹窗依旧会被弹出，后端说他没有看到请求记录，但是前端f12依旧可以看到api请求，并返回了200状态码。由于是手机调试，看不到具体的原因，只有在pc端，在不勾选停用缓存时，才能看到在请求的...
/* * @Author: mulingyuer * @Date: 2021-12-30 22:06:58 * @LastEditTime: 2022-01-03 05:22:30 * @LastEditors: mulingyuer * @Description: 手写promise * @FilePath: \undefinedc:\Users\13219\Desktop\promise.js * 怎么可能会有bug！！！ */ /** * @description: 自定义promise * @param {fucntion} executor 执行器函数(同...
简介vscode通过ssh连接云服务器进行开发，服务器通过宝塔面板来进行可视化管理。系统采用腾讯维护的TencentOS Server，也就是centos的第三方维护版本。代码同步则使用git进行处理。[hide]服务器部署服务器部署相对简单。安装 TencentOS Server腾讯云里面有一台vps服务器，自己选择安装TencentOS Server 3.1版本，然后进行重装。安装宝塔宝塔官网：宝塔安装简单，自己ssh连接后安装即可，使用centos的安装链接。创建并绑定密匙在腾讯云管理页面左侧的菜单栏中找到密匙；这个密匙是用于ssh连接的，如果你懂ssh密匙链接，其实也可以跳过，只...
最近评论