- 博客(133)
- 收藏
- 关注
RSS订阅
原创 使用pm2管理应用
1.在服务器中安装pm2: npm i pm2 -g2.启动项目：pm2 star 脚本 --name自定义名称3.查看运行项目：pm2 ls4.重启项目：pm2 restart5.停止项目：pm2 stop 自定义名称6.删除项目：pm2 delete自定义名称
2020-12-12 09:05:56
139
原创 配置HTTPS服务
传统的HTTP协议传输的数据都是明文，不安全采用HTTPS协议对数据进行了加密处理，可以防止数据被中间人窃取，使用更安全申请SSL证书（https://freessl.org)1.进入https://freessl.cn/官网，输入要申请的域名并选择品牌2.输入自己的邮箱并选择相关选项3.验证DNS（在域名管理后台添加TXT记录）4.验证通过之后，下载SSL证书（full_chain.pem公钥；private.key私钥...
2020-12-11 09:47:12
111
原创 开启gzip配置
使用gzip可以减小文件体积，使传输速度更快1.可以通过服务器端使用Express做gzip压缩配置如下//安装相应包npm install compression -S//导入包const compression = require ('compression');//启用中间件app.use(compression());2.效果如下...
2020-12-11 09:13:41
220
原创 通过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
2020-12-10 20:35:59
98
原创 Vue项目路由懒加载
当打包构建项目时，JavaScript包会变得非常大，影响页面加载，如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了1.安装@babel/plugin-syntax-dynamic-import包2.在babel.config.js配置文件中声明该插件3.将路由改为按需加载的形式...
2020-12-10 17:03:40
63
原创 Vue中通过CDN优化ElementUI的打包
虽然在开发阶段，我们启用了element-ui 组件的按需加载，尽可能的减少了打包的体积，但是那些被按需加载的组件，还是占了较大的文件体积，此时，我们可以将element-ui中的组件，也通过CDN的形似来加载，这样能够进一步减小打包后的文件体积1.在main-prod.js中，注释掉element-ui按需加载的代码2.在index.html的头部区域中，通过CDN加载element-ui的js和css样式...
2020-12-10 10:28:58
528
原创 Vue项目中通过externals加载外部CDN资源
1.在我们开发Vue项目时通过import语法导入的第三方依赖包最终会打包合并到同一个文件chunk.js中导致文件体积过大，从而影响性能2.为了解决上述问题，可以通过webpack的externals节点，来配置并加载外部的CDN资源，凡是声明在externals中的第三方依赖包，都不会被打包3.需要在public/index.html文件的头部，添加CDN资源引用4.别忘了把min-prod.js中导入的样式文件删除效果图如下...
2020-12-09 17:34:03
248
原创 uni-app中导入字体图标
先声明我用的是阿里图标库1.下载所需的图标2.根据文档在所需的页面引用3.在App.vue中引入iconfont.css4.添加~@/static/icon/路径前缀
2020-11-22 11:01:45
136
原创 vue集成百度地图具体步骤
1.百度地图开放平台申请百度地图KEY2. 运行 npm install vue-baidu-map –save3.在index.html中导入<script type="text/javascript" src="http://api.map.baidu.com/getscript? v=2.0&ak=xxxxxxxxxx"></script>4.创建damo.vue<template> <div id="app"&g
2020-11-03 19:08:44
1097
2
原创 vue集成高德地图具体步骤
第一次在csdn手写文档，做的不好请多多包涵，今天在vue项目中集成了高德地图趁热打铁总结下废话不多说进入正题。**1.注册高德地图开发者账号，申请KEY**2. 安装vue-amapnpm install --save vue-amap3.引入组件vue项目在min.js入口文件中引入import Vue from 'vue';import VueAMap from 'vue-amap';import App from './App.vue'; Vue.use(VueAMap);
2020-11-02 22:48:22
760
原创 Vue 3.0 axios解决跨域问题
1.跨域错误提示**2.安装 **安装 Axios ： npm install axios -S3.在min.js中进行如下配置import Vue from 'vue'import App from './App.vue'import router from './router'import axios from 'axios'Vue.prototype.$axios = axios;axios.defaults.baseURL='/api'axios.defaults.hea
2021-03-21 21:55:44
651
1
原创 接口调用axios用法
1.axios的基本特征2.axios的基本用法2.1axios的常用的API3.axios的参数传递4.axios的响应结果5.axios拦截器
2021-03-21 21:32:18
262
原创 微信小程序的生命周期和和页面生命周期
1.小程序生命周期.首先小程序的生命周期函数是在app.js里面调用的，App(Object)函数用来注册一个小程序。接受一个 Object 参数，指定其小程序的生命周期回调；一般有onLaunch监听小程序初始化、onShow监听小程序显示、onHide监听小程序隐藏等生命周期回调函数。生命周期函数的调用顺序为：onLaunch>onShow>onHide2.页面的生命周期加粗样式页面生命周期函数就是当你每进入/切换到一个新的页面的时候，就会调用的生命周期函数。Page(Objec
2021-03-19 18:39:42
224
原创 Java Script高阶 递归实现0-100的和
function sum(n) {if（n===1）{ return 1;}return sum (n-1) +n} console.log(sum(100))
2021-03-19 18:03:25
172
原创 Java Script数组去重
封装一个去重的函数unique独一无二的1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2021-03-19 10:20:10
116
原创 Java Script实现冒泡排序
冒泡排序：是一种算法，把一系列的数据按照一定的顺序进行排列显示（从小到大或从大到小）1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
2021-03-19 09:26:47
182
原创 Java Script将数组中大于等于10的元素选出来，放进新的数组
1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2021-03-19 09:05:12
3613
原创 Java Script 实现求数组中的最大值
1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2021-03-18 21:41:05
397
原创 java script实现九九乘法表
1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2021-03-18 21:13:26
670
原创 Bootstrap
1.响应式开发响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。平时我们的响应式尺寸划分2.布局容器Bootstrap 需要为页面内容和栅格系统包裹一个.container容器，Bootstarp 预先定义好了这个类，叫.container它提供了两个作此用处的类。2.container类3.栅格系统简介3.1栅格选项参数3.2
2021-03-16 18:26:50
73
原创 前端（箭头函数详解）
1.语法格式//普通函数function fun1(num1,num2){ //code}//箭头函数let fun2 = (num1,num2) =>{ //code}住：一.箭头函数只能用赋值式写法，不能用声明式写法二.如果参数只有一个，可以不加括号，如果没有参数或者参数多于一个就需要加括号三.如果函数体只有一句话，可以不加花括号四.如果函数体没有括号，可以不写return，箭头函数会帮你return2.箭头函数中的this默认绑定外层this当我们使用箭头函数
2021-03-15 22:42:21
1336
1
原创 JavaScript去除字符串空格
1、replace+正则//去除所有空格str = str.replace(/\s*/g,"");//去除两端str = str.replace(/^\s*|\s*$/g,"");//去除左空格str = str.replace(/^\s*/,"");//去除右空格str = str.replace(/(\s*$)/g,"");举例：var str = " space space ";str = str.replace(/(\s*$)/g,"");alert(str);2、tr
2021-03-12 21:05:36
94
原创 webpack
当前Web开发面临的困境1.webpack概述WebPack是一种模块化的解决方案1.1webpack的基本使用1.2webpack的基本使用1.31.41.51.62.webpack中的加载器1.2.3.4.5.6.
2021-03-09 21:43:28
65
原创 模块化的相关规范ES6模块化
2.浏览器端模块化规范3.服务器端模块化规范4.ES6模块化4.1ES6模块化的基本语法注意：每个模块中，只允许使用唯一的一次export default,否则会报错！4.2按需导出与按需导出注意：每个模块中，可以使用多次按需导出4.3直接导入并执行模块代码...
2021-03-09 21:05:14
69
原创 Java 面向对象_05
###10.01_面向对象(package关键字的概述及作用)A:为什么要有包将字节码(.class)进行分类存放B:包的概述C:包的作用###10.02_面向对象(包的定义及注意事项)A:定义包的格式package 包名;多级包用.分开即可B:定义包的注意事项A:package语句必须是程序的第一条可执行的代码B:package语句在一个java文件中只能有一个C:如果没有package，默认表示无包名C:案例演示包的定义及注意事项###10.
2021-03-08 19:54:22
76
原创 Java 面向对象_04
###09.01_面向对象(多态的概述及其代码体现)A:多态概述事物存在的多种形态B:多态前提a:要有继承关系。b:要有方法重写。c:要有父类引用指向子类对象。C:案例演示代码体现多态###09.02_面向对象(多态中的成员访问特点)A:多态中的成员访问特点a:成员变量编译看左边，运行看左边。b:成员方法编译看左边，运行看右边。c:静态方法编译看左边，运行看左边。(静态和类相关，算不上重写，所以，访问还是左边的)B:案例演示
2021-03-07 18:27:11
101
原创 Java 面向对象_03
###08.01_面向对象(代码块的概述和分类)A:代码块概述在Java中，使用{}括起来的代码被称为代码块。B:代码块分类根据其位置和声明的不同，可以分为局部代码块，构造代码块，静态代码块，同步代码块(多线程讲解)。C:常见代码块的应用a:局部代码块在方法中出现；限定变量生命周期，及早释放，提高内存利用率b:构造代码块在类中方法外出现；多个构造方法方法中相同的代码存放到一起，每次调用构造都执行，并且在构造方法前执行c:静态代码块在类中方法外出现，加了st
2021-03-06 21:24:41
92
原创 Java面向对象_02
###07.01_面向对象(构造方法概述和格式)A:构造方法概述和作用给对象的数据(属性)进行初始化B:构造方法格式特点a:方法名与类名相同(大小也要与类名一致)b:没有返回值类型，连void都没有c:没有具体的返回值###07.02_面向对象(构造方法的重载及注意事项)A:案例演示构造方法的重载B:构造方法注意事项a:如果我们没有给出构造方法，系统将自动提供一个无参构造方法。b:如果我们给出了构造方法，系统将不再提供默认的无参构造方法。注意：这个时候，
2021-03-05 19:44:04
143
原创 Java面向对象_01
###06.01_面向对象(面向对象思想概述)(了解)A:面向过程思想概述第一步第二步B:面向对象思想概述找对象(第一步,第二步)C:举例买煎饼果子洗衣服C:面向对象思想特点a:是一种更符合我们思想习惯的思想b:可以将复杂的事情简单化c:将我们从执行者变成了指挥者角色发生了转换###06.02_面向对象(面向对象开发,设计以及特征)(了解)A:面向对象开发就是不断的创建对象，使用对象，指挥对象做事情。B:面向对象设计其实就是在管
2021-03-04 11:39:50
136
1
原创 Java 数组
###05.01_Java语言基础(数组概述和定义格式说明)A:为什么要有数组(容器)B:数组概念C:数组定义格式数据类型[] 数组名 = new 数据类型[数组的长度];###05.02_Java语言基础(数组的初始化动态初始化)A:什么是数组的初始化B:如何对象数组进行初始化a:动态初始化 只指定长度，由系统给出初始化值int[] arr = new int[5];b:静态初始化 给出初始化值，由系统决定长度 ???int[] arr = new int[]{1,2,3
2021-03-04 11:28:36
78
1
原创 Java 循环语句
###04.01_Java语言基础(循环结构概述和for语句的格式及其使用)A:什么是循环结构B:循环结构的分类C:循环结构for语句的格式： for(初始化表达式;条件表达式;增量表达式) { 循环体; }D:执行流程：a:执行初始化语句b:执行判断条件语句,看其返回值是true还是false如果是true，就继续执行如果是false，就结束循环c:执行循环体语句;d:执行控制条件语句e:回到B继续。E:案例演示在控制台输出10次"hellow
2021-03-04 11:26:35
109
1
原创 Java语言基础_03
###03.01_Java语言基础(逻辑运算符的基本用法)A:逻辑运算符有哪些B:案例演示逻辑运算符的基本用法注意事项：a:逻辑运算符一般用于连接boolean类型的表达式或者值。b:表达式：就是用运算符把常量或者变量连接起来的符合java语法的式子。算术表达式：a + b比较表达式：a == b(条件表达式)C:结论：&逻辑与:有false则false。|逻辑或:有true则true。^逻辑异或:相同为false，不同为true。
2021-03-04 09:18:32
87
2
原创 Java语言基础_01
###01.01_计算机基础知识(计算机概述)(了解)A:什么是计算机?计算机在生活中的应用举例计算机（Computer）全称：电子计算机，俗称电脑。是一种能够按照程序运行，自动、高速处理海量数据的现代化智能电子设备。由硬件和软件所组成，没有安装任何软件的计算机称为裸机。常见的形式有台式计算机、笔记本计算机、大型计算机等。应用举例1：科学计算2、数据处理3、自动控制4、计算机辅助设计5、人工智能6、多媒体应用7、计算机网络…B:什么是硬件?硬件举例计算机硬件（Co
2021-03-03 22:30:38
141
1
原创 Java 02-语言基础
###02.01_Java语言基础(常量的概述和使用)A:什么是常量在程序执行的过程中其值不可以发生改变B:Java中常量的分类字面值常量自定义常量(面向对象部分讲)C:字面值常量的分类字符串常量 用双引号括起来的内容整数常量 所有整数小数常量 所有小数字符常量 用单引号括起来的内容,里面只能放单个数字,单个字母或单个符号布尔常量 较为特殊，只有true和false空常量 null(数组部分讲解)D:案例演示用输出语句输出各种常量。
2021-03-03 22:21:28
87
1
原创 Java 01_语言基础(计算机概述)
###01.01_计算机基础知识(计算机概述)(了解)A:什么是计算机?计算机在生活中的应用举例计算机（Computer）全称：电子计算机，俗称电脑。是一种能够按照程序运行，自动、高速处理海量数据的现代化智能电子设备。由硬件和软件所组成，没有安装任何软件的计算机称为裸机。常见的形式有台式计算机、笔记本计算机、大型计算机等。应用举例1：科学计算2、数据处理3、自动控制4、计算机辅助设计5、人工智能6、多媒体应用7、计算机网络…B:什么是硬件?硬件举例计算机硬件（Co
2021-03-03 22:06:31
129
1
原创 接口调用-fetch
1.fetch概述1.1fetch的用法2.fetch请求参数2.1GET请求方式的参数传递2.2DELETE2.3post3.1fetch响应结果
2021-02-28 11:02:11
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人