weixin_50027754的博客

原创 使用pm2管理应用

1.在服务器中安装pm2: npm i pm2 -g2.启动项目：pm2 star 脚本 --name自定义名称3.查看运行项目：pm2 ls4.重启项目：pm2 restart5.停止项目：pm2 stop 自定义名称6.删除项目：pm2 delete自定义名称

原创 配置HTTPS服务

传统的HTTP协议传输的数据都是明文，不安全采用HTTPS协议对数据进行了加密处理，可以防止数据被中间人窃取，使用更安全申请SSL证书（https://freessl.org)1.进入https://freessl.cn/官网，输入要申请的域名并选择品牌2.输入自己的邮箱并选择相关选项3.验证DNS（在域名管理后台添加TXT记录）4.验证通过之后，下载SSL证书（full_chain.pem公钥；private.key私钥...

原创 开启gzip配置

使用gzip可以减小文件体积，使传输速度更快1.可以通过服务器端使用Express做gzip压缩配置如下//安装相应包npm install compression -S//导入包const compression = require ('compression');//启用中间件app.use(compression());2.效果如下...

原创 通过node创建web服务器

创建node项目，并安装express,通过express快速创建web服务器，将vue打包生成的dist文件夹托管为静态资源即可，关键代码如下：const express = require('express')//创建 web 服务器const app = express()//托管静态资源app.use(express.static('./dist'))//启动web服务器app.listen(80, () => { console.log('web server runn

原创 Vue项目路由懒加载

当打包构建项目时，JavaScript包会变得非常大，影响页面加载，如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了1.安装@babel/plugin-syntax-dynamic-import包2.在babel.config.js配置文件中声明该插件3.将路由改为按需加载的形式...

原创 Vue中通过CDN优化ElementUI的打包

虽然在开发阶段，我们启用了element-ui 组件的按需加载，尽可能的减少了打包的体积，但是那些被按需加载的组件，还是占了较大的文件体积，此时，我们可以将element-ui中的组件，也通过CDN的形似来加载，这样能够进一步减小打包后的文件体积1.在main-prod.js中，注释掉element-ui按需加载的代码2.在index.html的头部区域中，通过CDN加载element-ui的js和css样式...

原创 Vue项目中通过externals加载外部CDN资源

1.在我们开发Vue项目时通过import语法导入的第三方依赖包最终会打包合并到同一个文件chunk.js中导致文件体积过大，从而影响性能2.为了解决上述问题，可以通过webpack的externals节点，来配置并加载外部的CDN资源，凡是声明在externals中的第三方依赖包，都不会被打包3.需要在public/index.html文件的头部，添加CDN资源引用4.别忘了把min-prod.js中导入的样式文件删除效果图如下...

原创 Vue项目中处理语法警告

在项目的根目录中创建.prettierrc文件1.取消分号2.双引号变成单引号重新编译

原创 Vue的生命周期

原创 Element-UI

Element-UI的基本使用Element-UI:一套为开发者，设计师和产品经理准备的基于Vue 2.0 的桌面端组件库官方地址为http://element-cn.eleme.io/#/zh-CN

原创 Vue脚手架

Vue脚手架用于块速生成Vue项目基础结构，其官方网地址为：https://cli.vuejs.org/zh/使用步骤1.安装3.x版本的Vue脚手架：npm install -g @vue/cliVue脚手架的基本用法基于3.x版本的脚手架创建vue项目1.基于交互式命令行的方式，创建新版vue项目vue create my-project2.基于图形化界面的方式，创建新版vue项目vue ui3.基于2.x的旧模板，创建旧版vue项目npm install -g @vue/c

原创 为Git Hub中的仓库添加详细说明

1.在项目的根目录中添加readme.md文件向GitHub仓库提交readme.md文件

原创 Git忽略清单

将不要被git管理的文件添加到文件中，在执行git命令的时候，就会忽略这些文件git忽略清单文件名称： .git1.node_modules文件2.test文件夹3.test.html文件将工做目录中的文件全部添加到暂存区： git add...

原创 Git Hub ssh免登陆

生成秘钥ssh-keygen一路回车密钥储存目录C:\Users\用户\.ssh公钥名称id_rsa.pub公钥名称id-rsa添加公钥

原创 Git Hub 冲突

在多人同时开发一个项目时，如果两个人修改了同一个文件的同一个地方，就会发生冲突，冲突需要人为解决当两个人提交时程序员A先提交，程序员B就不能提交，必须先拉取程序员A的代码，解决冲突再提交跨团队协作1.程序员C fork仓库2.程序员C将仓库克隆在本地进行修改3.程序员C将仓库推送到远程4.程序员C发起pull reqest5.原仓库作责审核6.原创库作者合并代码...

原创 Git Hub3

拉取远程仓库中最新的版本git pull 远程仓库地址 分支名称住：想要向远程仓库提交代码如果本地仓库的版本低于远程仓库的版本必须先拉取远程仓库再进行推送

原创 GitHub2

克隆仓库克隆远端数据仓库到本地git clone 仓库地址abba创建邀请链接a复制邀请链接b接受a的邀请

原创 GitHub

多人协作开发流程创建远程仓库

原创 Git分支

大家暂时可以认为分支就是当前工作目录中代码的一份副本使用分支，可以让我们从开发主线上分离出来，以免影响开发主线分支细分1.主分支（master）第一次向git仓库中提交更新记录时自动产生的一个分支2.开发分支（develop)作为开发的分支，基于master分支创建3.功能分支（feature) 作为开发具体功能的分支，基于开发分支创建分支命令1.git branch 查看分支2.git branch 分支名称 创建分支3.git checkout 分支名称 切换分支

原创 Git撤销

1.用暂存区中的文件覆盖工作目录中的文件git checkout 文件2.将文件从暂存区中删除git rm --cached 文件3.将git仓库中指定的更新记录恢复出来，并且覆盖暂存区和工作目录git rest --hard commit ID...

原创 Git提交步骤

1.初始化git仓库git init2.查看文件状态git status3.文件列表 追踪文件git add4.提交信息 向仓库提交代码git commit -m5.查看提交记录git log

原创 Git

Git是一个版本管理控制系统（缩写VCS),它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来1.下载git2.安装git3.查看Git版本4.Git基本工作流程5.Git使用前配置在使用git前，需要告诉git你是谁，在向git仓库中提交时需要用到1.配置提交人姓名git config --global user.name 提交人姓名2.配置提交人姓名git config --global user.email 提交人邮箱3.查看

原创 Vue项目优化

首页内容定制1.不同的打包环境下，首页内容可能会有所不同，我们可以通过插件的方式进行定制，插件配置如下：chainWebpack: config =>{ config.when(process.env.NODE_ENV==='production',config=>{ config.plugin('html').tap(args => { args[0].isProd = true return args

原创 uni-app中自定义轮播图组件

想要实现轮播图功能我们也可以自定义润伯土组件1.具体代码如下<swiper class="swiper" autoplay="ture" indicator-dots="ture" indicator-color="#"> <swiper-item id="item1"><image src="../../static/images/muse3.jpg" mode=""></image></swiper-item> <sw