- 博客(35)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 react中配置跨域
在项目src下新建setupProxy.js文件：文件中写入：const { createProxyMiddleware: proxy } = require('http-proxy-middleware');module.exports = function (app) { app.use(proxy('/api', { target: 'http://chst.vip', pathRewrite: { "^/api": ""
2021-05-06 20:45:03
99
原创 react中非弹射方式配置装饰器
在 cra 中使用非 eject 方式启用 decorator初始化create-react-app app-study安装改变 create-react-app 中 webpack 配置插件yarn add -D react-app-rewired customize-cra @babel/plugin-proposal-decorators在项目根目录下创建 config-overrides.js 并写入以下内容const { override, addDecoratorsLegacy
2021-04-30 10:44:18
87
原创 vue中开发环境配置
vue-cli项目中开发环境配置项目根目录下创建文件.env.development .env.production .env.test文件中写如下类似内容：vue.config.js中使用，用于切换不同的开发环境package.json中配置相关指令，便于操作测试...
2021-04-04 11:59:57
102
原创 vue-cli项目中跨域及路径别名配置
文章目录vue/cli中跨域vue/cli中配置路径别名vue/cli中跨域1.使用插件：2.代码方式：在项目的vue.config.js文件中写入：module.exports = { lintOnSave: false, devServer: { port: 3000, proxy: {//代理 "/api": {//代理地址 target: "http://chst.vip:8081",//目标服务器 pathRewri
2021-04-04 11:37:59
267
原创 vsCode中vue插件配置
浏览器插件Vue.js devtoolsVS Code插件自动补全标签Auto Close TagAuto Complete TagAuto Rename Tag开启一个服务器浏览HTML网页，第一次使用需要Ctrl + Shift + p输入 live server选择openLive Server路径自动补全Path Intellisensevue语法高亮和自动补全代码VeturVueHelperVsCode设置Vs Code设置文件—>首选项
2021-03-27 15:20:54
235
原创 Eslint工具的使用
Eslint1.安装2.简单使用Eslint就是用于检查javascript语法错误和规范javascript代码风格的一个工具1.安装先决条件：Node.js(>=4.x)安装npx：npm i npx -goryarn global add npx安装eslint本地安装：npm install elint本地安装：yarn add eslint全局安装：yarn global add eslint全局安装：npm install eslint -g设置淘宝镜像：
2021-03-27 15:17:00
78
原创 css继承
css继承继承的局限性继承的局限性继承的局限性多数边框类属性，比如Padding（补白），Margin（边界），背景和边框的属性,float都是不能继承的。(border属性是用来设置元素的边框的，它没有继承性)块状、行内元素可继承：letter-spacing、word-spacing、line-height、color、font-family、font-size、font-style、font-weight、text-decoration块状元素可继承：text-indent和t
2021-03-12 19:47:06
98
原创 文本相关属性
文本相关属性文本相关属性文本相关属性文本相关属性color 规定元素的文字颜色属性值： 英文单词颜色表示十六进制颜色表示font-size 规定元素内文字大小属性值： length(数值+单位) 网页中默认的文字大小为 16px单位还可以是pt，9pt=12px; 12pt=16px使用绝对大小关键字xx-small =9px x-small =11px small =13px medium =16pxlarge =19px x-large =23px
2021-03-12 19:41:41
114
原创 浮动
浮动浮动float浮动floatfloat 设置元素向哪个方向浮动属性值： none 默认值，不浮动left 左浮动，设置元素向左方向浮动显示right 右浮动，设置元素向有方向浮动显示要求：要浮动，一窝都浮动当一个元素中只要有一个子元素使用了浮动，那这个元素中的所有子元素就都需要使用浮动浮动会使元素脱离正常文档流-----父元素高度塌陷(父元素没有书写固定高度的情况下)当给一个元素使用了float且属性值不为none时，这个元素在父元素内就不再占据空间，不会再参与到撑开父元素高度
2021-03-12 19:39:17
56
原创 css元素边框、背景、列表相关属性
@[toc]（css元素边框、背景、列表相关属性）边框边框相关属性border-width 规定元素的边框宽度属性值: length(数值+单位)border-style 规定元素的边框样式属性值： solid 实线 dashed 虚线 double 双线 dotted 点线groove 3D凹槽边框 ridge 3D垄状边框 inset 3Dinset边框 outset 3Doutset边框border-color 规定元素的边框颜色属性值： 英文单词颜色表示十六进制颜
2021-03-12 19:30:00
237
1
原创 css中权重问题
css中权重问题css中用四位数表示权重，权重的表达方式如：0,0,0,0；选择符权重类型选择符0001class选择符0010id选择符0100属性选择符0010伪类选择符0010伪元素选择符0001继承样式0000群组集合选择符本身的权重包含选择符包含选择符的权重之和内联样式1000...
2021-03-11 17:48:57
85
原创 简单的倒计时抢购
倒计时抢购 /* 未来时间(不变) 当前时间(变化) */ // 设置抢购开始的时间 未来时间 var f_time = new Date("2021-1-13 15:59:40"); var timer = setInterval(show_time,1000); show_time(); function show_time(){ // 获取当前时间 var n_time = n
2021-03-05 22:06:52
237
1
原创 git的安装及使用
GIT的使用GIT简介GIT的安装基本概念GIT配置1. linux中2.windows中GIT的使用1.windows中1.1 githup网站上新建一个远程仓库1.2 克隆仓库1.3 常用指令GIT简介什么是GITgit是一个开源的分布式版本控制系统，用于高效的管理各种大小项目和文件代码管理工具的用途防止代码丢失，做备份项目的版本管理和控制，可以通过设置进行跳转建立各自的开发环境分支，互不影响，方便合并在多终端开发时，方便代码的相互传输git的特点git是开源的，多在*ni
2021-03-05 17:18:47
114
原创 gulp的安装及使用
gulp的安装及使用gulp简介gulp的安装gulp的应用1.编译sass1.1安装gulp-sass1.2编写代码编译sass2.压缩css2.1安装gulp-clean-css2.2编写代码压缩css代码3.文件重命名3.1安装gulp-rename3.2编写代码对文件进行重命名4.压缩JS4.1安装gulp-uglify4.2编写代码压缩JS文件5.合并JS代码5.1安装gulp-concat5.2编写代码进行合并JS代码操作6.ES6转ES56.1安装babel6.2准备工作6.3编写代码实现ES
2021-03-04 20:28:02
333
1
原创 通过“===”和“==”比较数组和对象
通过“===”和“==”比较数组和对象用“===”和“= =”比较数组比较数组中的值是否相等用“===”和“= =”比较数组从下面两段代码可以比较出，数组之间用“= =”和“===”进行比较时，比较的是地址名，而不是数组里面的内容。这是由于数组是引用数据类型，存储在a,b上的是地址名。第一段代码，a,b变量存储的地址名不同，所以会返回false，第二段代码，a,b变量存储的地址名相同，返回true。console.log([] == [])比较的也是地址名，不是比较数组中内容 let a =
2021-01-27 22:31:04
320
原创 全局变量和局部变量
全局变量和局部变量全局变量和局部变量产生的原因全局变量局部变量全局变量和局部变量产生的原因全局变量和局部变量他们的关键点在于声明时所处的位置，因为声明时所处的位置不同决定了该变量将来成为全局变量或者局部变量全局变量定义在函数外部，在页面的任何位置都能正常访问的变量全局变量使用浏览器打开HTML文档，在HTML文档中所有的标签都是一直存在的，而标签中的内容也是一直存在的。因为script标签一直存在并工作，所以全局变量也是一直存在并工作的。变量的本质就是在内存中开辟一块空间，变量名就
2021-01-26 20:51:02
91
原创 实现放大镜功能
js实现放大镜功能简单放大镜带tab选项卡的放大镜简单放大镜简单放大镜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>放大镜</title> <s
2021-01-19 21:47:56
129
原创 简单的加密解密
简单的加密解密javascript对要输入的内容进行加密解密操作采用Unicode编码对字符进行加密<body> <input id="encrypt" type="text" placeholder="请输入要加密的内容"> <button id="btn1">加密</button> 密文：<input id="en_text" type="text"> <br/> <input
2021-01-14 11:07:00
212
4
原创 js制作简单的时钟v1.0
js制作简单的时钟getFullYear()：获取四位数年份getMonth()：获取月份getDate：获取日期getDay：获取一周中的周几getHours()：获取小时getMinutes()：获取分钟getSeconde()：获取秒数setInterval(callback, time)：定时器方法callback：回调函数time：执行函数的间隔时间，单位毫秒注意：代码要放在body标签下面执行。<script> setInterval(show_ti
2021-01-13 11:18:20
130
原创 改变浏览器地址栏中Tomcat服务器启动后的访问路径（IDEA中）
IDEA改变浏览器地址栏中Tomcat服务器启动后的访问路径没改动之前：修改IDEA中Tomcat配置将Application context处改为/，Apply–>OK。重新启动Tomcat服务器，修改成功。
2021-01-12 13:02:18
776
1
原创 冒泡排序，选择排序练习（javascript）
javascript冒泡排序，选择排序冒泡排序数字两两比较，如果位置错了，那么就互换位置<script> // 外层循环控制轮数 // 内层循环控制每一轮比较的次数 var arr = [10,5,34,16,2,199,41,76,51,8,25]; for(var i = 0; i < arr.length - 1; i++){ for(var j = 0; j < arr.length - i
2021-01-12 11:09:48
123
原创 javascript数组的常用方法
javascript数组的常用方法push()pop()shift()unshift()join()concat()slice(start, end)splice()forEach()filter()some()every()indexOf()includes()push()push()往数组的尾部添加元素参数：个数不限返回值：数组新的长度<script> var arr1 = ["风中风铃", "zdwen", "1998", "11", "08"]; va
2021-01-11 21:20:07
74
原创 javascript变量提升及作用域
javascript变量提升及作用域变量提升变量作用域变量提升javascript代码执行过程预编译—>预解析–>执行代码针对变量提升：在预解析阶段会将所有var声明的变量提升到顶部，只提升变量的声明，不提升变量的值针对函数提升：针对整个函数体提升到顶部，可以在任何位置调用函数第一行打印由于在定义变量num1之前，会变量提升，结果是undefined<script> console.log(num1);//undefined var num1 = 10;
2021-01-08 17:23:57
78
原创 利用递归输出斐波那契数列的前20项...
利用递归输出斐波那契数列的前20项..递归练习1.利用递归输出斐波那契数列的前20项2.利用递归求100的阶乘3.利用递归求1-100所有整数之和递归：函数自己调用自己1.利用递归输出斐波那契数列的前20项思想：1.利用递归，函数返回每一项斐波那契数。斐波那契数列：后一项等于前两项之和2.利用for循环在屏幕上逐个调用函数，逐个在浏览器中打印出斐波那契数。<script> function fibonacci(n){ if(n <= 2
2021-01-08 11:19:46
11359
原创 函数类型，自定义函数类型（javascript）
javascript函数一.内置函数二.自定义函数1.有名函数2.匿名函数3.赋值有名函数4.赋值匿名函数函数：一段有名字的代码块 可以实现多次调用 复用声明函数声明函数用 function function fnname(){ //fnname 函数名--函数名就代表函数体 // 函数执行体 // 书写函数被调用后要执行的业务逻辑 } 函数调用---通过函数名+小括号实现函数的调用
2021-01-07 15:40:19
283
原创 ssh项目中启动服务器报错--SEVERE: 启动过滤器异常
SEVERE: 启动过滤器异常SEVERE: 启动过滤器异常Unable to load configuration. - file:/E:/IdeaProjects/GraduationProject/bos/out/artifacts/bos_war_exploded/WEB-INF/classes/struts.xml:39:15at org.apache.struts2.dispatcher.Dispatcher.init(Dispatcher.java:504)at org.apache.
2021-01-06 22:37:01
535
原创 循环练习，打印九九乘法表，以及数字求和练习（javascript）
javascript循环1.while()循环2.do...while()循环1.while()循环语法：var 循环变量;while(循环条件){循环体 ;更新循环变量;}实例1.求出1-100之间的所有整数的和<script> var num = 1;//初始化循环变量 var sum = 0;//接受所有整数之和 while(num <= 100){ sum += num;
2021-01-06 16:36:51
125
原创 输入一个日期，判断这个日期是这一年的第几天
输入一个日期，判断这个日期是这一年的第几天<script> var date = +prompt("请输入一个日期(例如：20160211):"); var year = parseInt(date / 10000);//年 var month = parseInt(date / 100) % 100;//月份 var day = date % 100;//天 var days = 0;//一年中第几天 v.
2021-01-05 18:51:19
3184
原创 switch实现输入月份判断这个月有多天（javascript）
javascript选择结构-分支语句-switch语法：switch(变量){case 值1:当变量的值和case值对等的时候，执行的代码语句break; //case 具有穿透，所以每个case后面必须以break结束case 值2:当变量的值和case值对等的时候，执行的代码语句break;default:当以上的case值都不对等的时候执行的代码语句}实例：输入月份判断这个月有多天 (按照平年计算)<script>switch(month){
2021-01-05 17:04:13
1865
原创 判断奇偶，判断成绩等级（javascript if实现）
javascript中if分支语句选择结构–if分支语句语法：if(表达式){表达式结果为 true 时执行的代码语句}if(表达式){表达式结果为 true 时执行的代码语句}else{表达式结果为 false 时执行的代码语句}if(表达式1){表达式1结果为 true 时执行的代码语句}else if(表达式2){表达式2结果为 true 时执行的代码语句}else{以上表达式结果都为 false 时执行的代码语句}1.输入一个数字判断是偶数还是奇
2021-01-05 17:03:55
546
原创 javascript三元运算符（三目运算符）
三元运算符（三目运算符）语法：判断条件 ? 当条件为真执行 : 当条件为假执行1.判断奇数偶数 var num = prompt("请输入一个数字："); num % 2 == 0 ? alert("这是个偶数") : alert("这是个奇数");2.输入三个数字，分别输出最大值和最小值<script> var num1 = +prompt("请输入一个数字");//+将输入字符串转换为数字类型 var num2 = +prompt("请输入一个数字");
2021-01-05 10:53:15
1117
原创 javascript隐式类型转换
javascript隐式类型转换javascript隐式类型转换转换为string类型转换为number类型转化为boolean类型javascript隐式类型转换转换为string类型隐式类型转换 转换为字符串string“+” 任何数据类型的数据和字符串相加都是字符串<script> var str = "心"; console.log(str + 123);//心123 console.log(520 + str);//
2021-01-05 10:46:59
84
1
原创 javascript变量类型转换
javascript变量类型转换javascript变量类型转换转换为 string类型转换为 number类型转换为 boolean类型javascript变量类型转换转换为 string类型String(变量)变量.toString() 针对 undefined 和 null 类型不能转换var n1 = 5201314;console.log(n1,String(n1));//"5201314"console.log(n1,n1.toString());//"5201314"转
2021-01-04 20:39:30
123
原创 javascript运算符
javascript运算符javascript运算符算术运算符赋值运算符关系(比较)运算符逻辑运算符一元运算符三元运算符javascript运算符算术运算符符号值+加-减*乘/除%取余，取模NaN(not a number) 错误的算术运算会得到 NaN 的结果NaN 的数据类型为 number赋值运算符符号值=num1 = num2+=num1 += num2; ==> num1 = num1
2021-01-04 20:20:34
76
原创 JavaScript基础01
JavaScript基础Javascript的组成1.ECMAScript：构成了Js的基本语法2.BOM(Browser Object Model)：浏览器对象模型3.DOM(Document Object Model)：文档对象模型Js程序引入的三种方式1.内联引入<input type="button" value="button" onclick="alert(123)">2.内部引入<script> document.write("
2021-01-04 19:06:47
49
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人