自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(51)
  • 收藏
  • 关注

原创 vue2封装向上滚动组件

vue2封装向上滚动组件。

2024-07-09 00:06:23 583 1

原创 js对象转json文件

将类似的城市列表转换为需要的结构再另存为json文件。

2023-09-08 10:23:23 754

原创 .gitignore匹配规则

.gitignore忽略规则

2023-08-14 21:42:07 661

原创 koa2搭建https服务

koa2搭建https服务。

2023-05-10 23:50:26 810 1

原创 阿里云对象存储OSS使用 HTTPS访问

阿里云对象存储OSS使用 HTTPS访问。

2023-05-03 12:20:53 3406

原创 关于安装PicGo后启动无界面问题

在安装了PicGo后发现启动不了,查看后台发现PicGo在运行着,但是没有界面。我重复安装了几次都没解决,我到处搜索,翻遍了官方文档及手册,甚至在github的Issues中找了很久都没有找到原因,少说都花了几个小时,文档都看了很久。然后尴尬的事情来了,正当我打算用别的方法搭建图床的时候我尽然在右下角的图标中发现了它,然后点击出现了界面,搞半天原来他一直运行着。我也是第一次遇到这种的,一心只想着会不会是我安装错了或者是不是有什么环境变量没有配,其实我遇到的这个也不算是问题,也挺无语的。

2023-05-01 18:07:55 1600 25

原创 关于jwt.sign没有返回值的问题

jwt.sign没有生成token没有返回值。

2023-04-21 16:42:10 594 4

原创 Loading自定义指令

通过自定义指令实现使用更方便的loading动画。

2022-11-06 15:56:12 481

原创 Pinia的使用

pinia的状态管理相比vuex简介太多,也很容易上手。

2022-09-03 17:42:37 2258 1

原创 vue3-vueRouter v4.x

vueRouter v4.x

2022-07-31 21:07:05 566

原创 TypeScript 详解

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

2022-07-25 21:15:08 1907

原创 vue3-Vuex v4.x

Vuex v4.0在option API中的使用以及在setup中的使用。

2022-07-21 20:38:39 460

原创 vue3-compositionAPI

vue3的composition API

2022-07-17 21:12:09 560 1

原创 Vue组件之间的通信

组件之间的通信方式。

2022-07-14 20:09:52 886

原创 Mock.js的使用

目录Mock.js的使用1.安装2.配置3.引入4.使用5.常用语法Mock.js的使用Mock.js用于随机生成一些数据。原理是对请求进行了拦截,并未发送真是的向服务端的请求。这里只讲在Vue中的使用。1.安装npm install mock.js2.配置在src下创建mockjs文件夹,再创建index.js文件。在index.js中对mock进行配置及模拟数据。import Mock from 'mockjs'// 模拟get请求,实际是对真是请求的拦截// (注意这里的ur

2022-05-08 14:31:45 602

原创 POST 405 (Method Note Allowed) Uncaught (in promise) Error: Request failed with status code 405

本地vue项目部署到服务器报错405,在本地vue项目访问远程接口正常,但是部署到服务器时却报错405,vue项目通过poxy代理跨域。问题本地vue项目部署到服务器报错405:POST 405 (Method Note Allowed)Uncaught (in promise) Error: Request failed with status code 405原因原来远程服务器中未在nginx.conf中配置api的请求地址。之前配置的是pc端页面的api,这次需要配置后台管理系统.

2022-04-28 18:17:30 6162

原创 Error: Incorrect arguments to mysqld_stmt_execute

目录问题原因解决在express中使用mysql2操作数据库时,进行分页查询时报错Error Incorrect arguments to mysqld_stmt_execute。问题报错:Error: Incorrect arguments to mysqld_stmt_execute// 根据条数和页数查询笔记 async getSomeNote(num, page) { const fromNum = (page - 1) * num const statement =

2022-04-26 18:21:21 2972 3

原创 token的颁发、保存与携带

目录token的颁发、保存与携带一、JWT实现token的机制1.header2.payload3.signature二、登录接口中颁发token的实现1.生成公钥与私钥2.将公钥与私钥放到配置文件中3.登录接口中颁发令牌4.验证前端请求携带的token三、前端保存token和请求携带token1.保存token2.请求携带tokentoken的颁发、保存与携带http是无状态协议(不知道上一次是否登录过了),所以要返回一个登录凭证(如cookie+session、token)。这里我们使用token

2022-04-24 20:01:18 3795

原创 Error [ERR_STREAM_WRITE_AFTER_END] write after end

目录问题原因解决npm运行服务器,在调用某一个接口时报错Error [ERR_STREAM_WRITE_AFTER_END] write after end,虽然实际接口功能未受影响。问题原因在if中已经调用一次next()了(进行下一中间件,然会后续代码不再执行),但是后面又使用res.end(),就报错了。同理,如果先执行了res.end()再执行res.end()或next()也会报此类错误。解决在调用next()时把它return出去。...

2022-04-24 10:05:40 3779

原创 MySQL_DDL

目录三、DDL1.数据库操作(1)创建数据库(2)使用数据库(3)修改数据库2.表操作(1)创建表(2)查看表结构(3)修改表3.插入数据(1)VALUES的方式插入数据(2)将查询结果插入到表中4.更新数据5.删除数据三、DDLDDL(Data Definition Language):数据定义语言; 可以通过DDL语句对数据库或者表进行:创建、删除、修改等操作;1.数据库操作(1)创建数据库方式1:创建数据库CREATE DATABASE 数据库名;方式2:创建数据库并指定字符

2022-04-17 19:06:52 518

原创 迭代器与生成器

目录迭代器1.什么是迭代器2.迭代器的基本使用3.可迭代对象4.内置可迭代对象5.可迭代对象的应用6.自定义类的迭代7.迭代器的中断生成器1.生成器函数2.生成器函数执行3.生成器传递参数4.生成器提前结束5.生成器抛出异常6.生成器替代迭代器7.异步代码的处理方案迭代器1.什么是迭代器迭代器是帮助我们对某个数据结构进行遍历的对象。在JavaScript中,迭代器也是一个具体的对象,这个对象需要符合迭代器协议,那么在js中这个标准就是一个特定的next方法;next方法有如下要求:next

2022-04-09 15:54:00 845

原创 ES6-ES12

目录ES6一、class定义类1.类的声明2.constructor3.实例方法4.类的访问器方法5.类的静态方法6.继承7.super关键字二、字面量的增强1.属性的简写2.方法的简写3.计算属性名三、解构赋值1.数组的解构2.对象的解构四、var、const、let1.var2.const3.let五、模板字符串1.基本使用2.标签模板字符串六、函数的参数1.函数的默认参数2.函数的剩余参数3.箭头函数的补充七、展开运算符八、数值的表示九、Symbol1.Symbol的使用十、Set1.Set的基本使用

2022-04-08 22:22:48 245

原创 Promise详解

目录Promise详解一、Promise的基本使用二、Pormise的三种状态三、resolve的参数1.传入普通的值或对象2.传入一个Promise3.传入实现了then的对象四、Promise的实例方法1.then方法(1)then的参数(2)then被多次调用(3)then的返回值2.catch方法(1)catch的基本使用(2)catch被多次调用(3)catch的返回值3.finally方法五、Promise的类方法1.resolve方法2.rejest方法3.all方法4.allSettled方

2022-04-07 17:29:59 1855

原创 JavaScript对象

目录JavaScript对象一、对象的创建二、对属性操作的控制1.Object.defineProperty2.属性描述符分类(1)数据属性描述符(2)存储属性描述符三、对象方法补充1.获取对象的属性描述符2.禁止对象扩展新属性3.不允许配置和删除属性4.不允许修改现有属性四、创建多个对象的方案1.工厂模式2.构造函数(1)认识构造函数(2)new操作符调用的作用3. 构造函数和原型组合五、原型与原型链1.隐式原型2.显式原型3.constructor属性4.图解(1)创建对象的内存表现(2)将原型对象赋值

2022-03-26 16:54:08 743

原创 记录第一次部署服务器

目录一、用到的知识1.vue二、搭建过程1.购买云服务器2.配置服务器3.连接服务器4.上传文件5.安装nginx6.配置nginx7.启动nginx三、遇到的一些问题1.网页的背景图片加载不出来问题解决2.访问加载速度慢四、总结记录第一次部署自己的网页到云服务器上。虽然还没完成,并且实际的样子和理想的样子也还有很大差距,但是收获还是很多,中间遇到了很多问题也花了很多时间才解决。一、用到的知识1.vue页面是使用vue全家桶搭建的,这里不讨论其中的只是以及前端三件套。主要说说项目部署云服务器的

2022-03-12 23:30:15 3786

原创 markdown转html

记录一个搭建blog时用到的代码片段。nodejs实现markdown转html脚本将markdown文件转换为html代码,将代码引入vue中再展示到我的博客页面上。使用markdown-it插件。转htmlconst path = require('path');const fs = require('fs');const md = require('markdown-it')();let tplPath = path.join(__dirname,'tpl.html');le.

2022-03-10 16:32:10 1791

原创 Nodejs_node基础

Node基础一、给Node传递参数在命令行执行js文件时,可以在命令后面直接写参数传入参数,传入的参数会存储到属性process的内置对象argv当中console.log(process.argv);process.argv.forEach(item => { console.log(item);});目录Node基础一、给Node传递参数二、Node的输出三、全局对象1.常见全局对象2.特殊全局对象3.global对象四、模块化1.CommonJs2.Node对ES Modu

2022-01-18 00:08:53 1481

原创 Nodejs_http模块

目录http模块1.创建服务器2.监听方法listen3.request对象(1)URL(2)method(3)headers4.response对象(1)返回响应结果(2)返回状态码(3)返回响应头5.http中发送网络请求6.文件上传http模块1.创建服务器方法一:通过 createServer 来完成;http.createServer会返回服务器的对象;底层其实使用直接 new Server 对象。// 方式一:const server1 = http.createServer((r

2022-01-18 00:04:21 834

原创 Express

目录Express一、安装Express二、基本使用三、中间件1.最普通的中间件2.匹配路径中间件3.匹配路径和请求方法中间件4.连续注册中间件5.中间件应用四、客户端发送请求的方式1.传递参数params2.传递参数query五、响应数据六、express路由七、静态资源服务器八、服务端的错误处理ExpressExpress整个框架的核心就是中间件。一、安装Express方式一:通过express提供的脚手架,直接创建一个应用的骨架;安装脚手架 npm install -g express

2022-01-17 23:59:52 360

原创 vue组件化开发

目录一、基本步骤1.创建组件构造器2.注册组件3.使用组件二、全局组件与局部组件三、父组件与子组件四、注册组件的语法糖五、组件模板抽离六、组件中的数据存放问题七、父子组件的通讯1.通过props向子组件传递数据(1)props的值有两种方式(2)驼峰标识问题2.通过事件向父组件发送消息3.父组件访问子组件4.子组件访问父组件(了解)5.slot插槽(1)默认插槽(2)具名插槽(3)作用域插槽一、基本步骤1.创建组件构造器调用Vue.extend()方法创建组件构造器。通常在创建组件构造器时,传

2022-01-11 20:11:29 182

原创 Java_常用类

目录String类一、String的特性二、String的实例化1.字面量定义的方式2.通过new + 构造器的方式三、String常用方法1.常用方法一2.常用方法二3.常用方法三四、有关String的数据类型转换1.String 与基本数据类型、包装类之间的转换2. String 与 char[]之间的转换3.String 与 byte[]之间的转换五、StringBuffer和StringBuilder1.String、StringBuffer、StringBuilder三者的异同?2.StringB

2021-11-24 21:32:12 193 1

原创 Vue_基础

看的尚硅谷的教学视频学习的,笔记从中整理的。目录初始Vue模板语法1.增值语法2.指令语法数据绑定data与el的2种写法1.el2种写法2.data2种写法MVVM模型数据代理事件处理1.事件的基本使用2.事件修饰符3.键盘事件属性计算监视1.监视属性(watch)2.深度监视属性3.监视属性简写4.computed和watch之间的区别5.两个重要的小原则绑定样式1.class样式2.style样式条件渲染1.v-if2.v-show列表渲染1.列表基本2.key的原理3.列表过滤4.列表排序数据.

2021-11-06 16:48:58 145

原创 ES新特性(未完)

目录ES6变量1.let2.const解构赋值模板字符串箭头函数参数默认值rest参数扩展运算符Symbol1.基本使用2.Symbol 内置值迭代器(Iterator)生成器Promiseset(集合)Map数值扩展模块化开发1.模块化的好处2.模块化规范产品3.ES6 模块化语法4.实例Object.defineproperty方法ES71.Array.prototype.includes2.指数操作符(幂运算)ES8ES6变量1.let变量不能重复声明;声明的范围是块级作用域;不存在变量

2021-11-05 20:46:19 650

原创 js_中级

目录数组1.创建数组(1)利用new创建数组(2)利用数组字面量创建数组2.获取数组元素3.数组长度4.新增数组元素5.检测是否为数组(1)instanceof(2)Array.ifArray(参数)6.添加和删除数组元素的方法(1)push()(2)unshift()(3)pop()(4)shift()7.数组排序(1)数组翻转(2)数组排序8.数组索引方法9.数组转换为字符串(1)toString()(2)join(分隔符)10.例子基本包装类型字符串的不可变函数1.声明函数2.调用函数3.函数形参和实

2021-11-05 20:40:07 1249

原创 2D3D转换动画

目录2D转换1.移动(translate)2.旋转(rotate)3.中心点(transform-origin)4.缩放(scale)5.综合写法CSS3 动画动画的基本使用1.用keyframes定义动画(类似定义类选择器)2.元素使用动画动画常用属性1.属性2.动画简写属性3.速度曲线细节3D转换1.3D位移2.3D旋转3.透视4.3D呈现旋转照片案例2D转换转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果移动:translate旋转:rota

2021-10-24 19:26:42 1045

原创 Java_高级_多线程

学自 尚硅谷目录一级目录二级目录三级目录一、多线程1.基本概念程序、进程、线程单核CPU和多核CPU的理解使用多线程的优点何时需要多线程2.线程的创建和使用方式一:继承于Thread类方式二:比较创建线程的两种方式线程优先级Thread类的有关方法3.线程的生命周期4.线程安全(1)引入(2)方式一:同步代码块(3)方法二:同步方法(4)方式三:Lock(锁)5.线程的死锁6.线程通信涉及到的三个方法sleep()和wait()的异同7.JDK5.0新增两种创建线程方式实现Callable接口使用线.

2021-10-24 18:57:41 103

原创 js_高级

目录数据类型1.分类2.判断typeofinstanceof===3.数据相关问题关于赋值和内存的问题关于引用变量赋值问题关于数据传递问题内存管理对象什么是对象?为什么要用对象?对象的组成如何访问对象内部数据?什么时候必须使用['属性名']的方式?函数基础回调函数匿名函数自调用函数中的this类1.类的创建2.constructor构造函数3.继承4.super()5.注意点构造函数和原型1.构造函数2.构造函数原型prototype3.对象原型 _ _ proto_ _4.constructor构造函数5

2021-10-24 18:52:04 1099

原创 jQuery

目录jQuery一、jQuery的概念二、基本使用1.jQuery的入口函数2.jQuery对象和DOM对象三、jQuery选择器1.基础选择器2.层级选择器3.筛选选择器4.筛选方法隐式迭代(重要)链式编程排他思想事件切换四、jQuery样式操作1.操作css方法2.设置类样式方法(1)添加类(2)移除类(3)切换类五、jQuery效果1.显示隐藏效果(1)显示效果(2)隐藏效果(2)显示隐藏切换效果2.滑动效果(1)下滑效果(2)上滑效果(3)滑动效果3.自定义动画animate4.动画队列及其停止排队

2021-10-17 13:16:55 195

原创 DOM笔记

目录DOM简介获取页面中的元素1.根据ID获取2.根据标签名获取(1)document.getElementsByTagName('标签名')(2)element.getElementsByTagName('标签名')3.通过HTML5新增方式获取(1)getElementByClassName(2)querySelector(3)querySelectorAll4.特殊元素的获取(1)获取body元素(2)获取html元素执行事件的步骤1.获取事件源2.注册事件(绑定事件)3.添加事件处理程序(采取函数赋

2021-10-15 21:59:46 1713

原创 开发团队人员调度软件(尚硅谷)

目录开发团队人员调度软件domain模块1.Equipment(接口)2.PC3.NoteBok4.Printer1.Employee2.Programmer3.Designer4.Architectservice模块1.Status(枚举类)2.Data(数据类)3.NameListService4.TeamService5.TeamExceptionview模块1.TeamView2.TSUtility(工具类)开发团队人员调度软件domain模块包含Employee及其子类等JavaBean类

2021-10-06 20:12:04 1077

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除