张凯杰扽博客

转载 vue element-ui input只能输入正整数（不带小数点）

<el-input v-model.number="input" class="input-view" placeholder="请输入内容" οninput="value=value.replace(/[^0-9]/g,'')" />1、v-model.number 自动转为数字类型2、οninput=“value=value.replace(/[^0-9]/g,’’)” 通过正则表达式，限制只能为正数，切不能带小数点...

原创 ES6+新特性

let、const：声明变量的两个关键字// 声明变量let a ;let b,d;let f =11;// 1、变量不能重复声明// 2、块级作用域{let dd = 34; }// 3、不存在变量提升// 4、不影响作用域链{ let test = 'tset'; function a (){ conslog.log(test) } a(); // 正常执行，正常输出}let 与const的特点：不存在变量提升存在暂时性死区（不能被提前调用

原创 js引擎、Runtime、CallBack、事件循环

浏览器：主要功能可以总结为：展示资源，功能交互。浏览器内核：渲染引擎 JavaScript引擎渲染引擎：将HTML、CSS、JavaScript文本以及相应的资源转为图像结果。主要作用解析资源并渲染到屏幕上。JavaScript是解释性语言，在执行过程中实时进行编译，边编译边执行。js引擎的工作是解析js代码，转换成可执行的机器语言。js为什么是单线程的？阻塞与cup空跑是不一样的。阻塞的时候，cup没有进行运算，可以让出cup做一些其他的事情，使用while(true)的时候cup

原创 node了解

原创 node介绍

Node.js是什么？Node.js 诞生于 2009 年，由 Joyent 的员工 Ryan Dahl 开发而成, 目前官网最新版本已经更新到 12.0.0版本，最新稳定的是10.15.3。Node.js 不是一门语言也不是框架，它只是基于 Google V8 引擎的 JavaScript 运行时环境，同时结合 Libuv 扩展了 JavaScript 功能，使之支持 io、fs 等只有语言才有的特性，使得 JavaScript 能够同时具有 DOM 操作(浏览器)和 I/O、文件读写、操作数据库(服务

原创 js中赋值和变量的问题

问题：var a = xxx，a内存中到底保存的是什么？赋值和变量的问题问题：var a = xxx，a内存中到底保存的是什么？// 问题：var a = xxx，a内存中到底保存的是什么？/* * XXX是基本数据，保存的就是这个数据 * XXX是对象，保存的是对象的地址值 * XXX是一个变量，保存的XXX的内存内容，（可能是基本数据，也可能是地址值）。*//**关于引用变量赋值的问题多个引用变量指向同一个对象，那么这多个变量储存的是地址值。指向同一个对象，通过一个变量次改

原创 js函数相关

js函数杂记：js中的回调函数js中的回调函数的理解：回调函数就是传递一个参数话函数，就是将这个函数作为一个参数传到另外一个主函数里面，当那个主函数执行完之后，再执行传递过去的函数，==走这个过程的参数化的函数，就叫回调函数，==换个说法也就是被作为参数传递到另一个函数（主函数）的那个函数就叫做回调函数。回调函数：函数a有一个参数，这个参数是个函数b，当函数a执行完以后执行函数b。那么这个过程就叫回调。”，这句话的意思是函数b以一个参数的形式传入函数a并执行，顺序是先执行a ，然后执行参数b,b就是所

原创 JavaScript中数值

JavaScript中数值：JavaScript 语言的底层根本没有整数，所有数字都是小数（64位浮点数）。容易造成混淆的是，某些运算只有整数才能完成，此时 JavaScript 会自动把64位浮点数，转成32位整数，然后再进行运算，参见《运算符》一章的“位运算”部分。由于浮点数不是精确的值，所以涉及小数的比较和运算要特别小心。0.1 + 0.2 === 0.3// false0.3 / 0.1// 2.99999999999999961 === 1.0 // true(0.3 - 0.2

原创 js中的对象学习

对象：（重要概念）什么是对象？简单说，对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。定义对象：var obj = { foo: 'Hello', bar: 'World'};键值键名：键名是字符串，不是字符串是会自动转化为字符串，如果是一个非法标识符的话，就可以写成字符串的样式，如果不写成字符串样式，会报错。每一个键名又称为属性，属性可以动态创建。链式引用：对象中的对象，指向对象中的对象中的属性时，就形成了链式引用。对象的引用：如果多个变量引用了

原创 js中let和const关键字

Let 和 const 命令:1、let命令，使用方法类似于var，但是所声明的变量，只在let命令所在的代码块有效。{ let a = 10; var b = 10; }console.log(a,b);// a 报错，b 正确输出，证明let声明的变量只在它所在的代码块有效。// for循环的计数器，就很适合使用let命令for (let i = 0; i < 10; i++){ console.log(i)}另外，for循环还有一个特别之处，就是设

原创 element-ui中的上传文件 --Upload 上传 覆盖原来的上传方法，限制文件类型

<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="3" :on-exceed="handleExceed" :file-list="fileList"

原创 uniapp中@的使用

可以直接在uniapp中使用@@/是从项目根路径下开始项目中相当于可以直接代替src下的路径

原创 js函数相关

函数：什么是函数？实现特定功能的n条语句的封装体只有函数是可以执行的，其他类型的数据是不能执行的为什么要用函数？提高代码复用便于阅读交流，函数体现的是一种封装的思想，如何定义函数?函数声明方式，表达式（会导致函数声明的变量提升），如何执行函数（）直接调用obj.函数名： 通过对象调用new test()：new 调用test().call/apply(obj):临时让test成为obj的方法回调函数：什么是回调函数？你自己定义的你没有执行但是最终它执行了

原创 vue底层之mustache初识（1）

什么是模板引擎mustache基本使用mustache的底层核心机理带你手写实现mustache什么是模板引擎：结论：模板引擎是将数据要变为视图最优雅的解决方案其他：mustache又称为小胡子历史上将数据变为视图的方法...

原创 uniapp中文件上传

addPic : function(){let token = this.token()let url = “路径”;var that = this;uni.chooseImage({count: 1,sizeType: [‘original’, ‘compressed’], //可以指定是原图还是压缩图，默认二者都有sourceType: [‘album’,‘camera’], //从相册选择success: function (res) {const tempFilePaths = r

原创 在不知道盒子高度的时候，让盒子中的子元素垂直居中

1、不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行：parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); }2、若父容器下只有一个元素，且父元素设置了高度，则只需要使用相对定位即可 parentElement{ heigh

原创 技术评审

目的方案是否合理，有没有强依赖行使得项目人员对项目需求有深刻的理解终极目标：让后来者能够看懂谁需要写技术方案？谁来审核？第一次参加项目的应该写技术方案由资历深的人员审核业务实现方案内容模块修订记录当产品需要迭代的版本比较多时，需要修订记录模块实现细节具体分析要实现哪些功能？如何实现？能画图尽量画图风险点一般出现在前后端的依赖重难点技术学习评审被评审者讲解自己的实现方案参会者思考是否有不合理的地方？涉及到的上下游依赖没有提到？..

原创 vue中书写时间过滤器：

{{timer | formatTimer}} 在html中的书写vue中data中书写： timer: new Date();在created同级书写filters: { formatTimer: function(value) { let date = new Date(value); let y = date.getFullYear(); let MM = date.getMonth() + 1; MM = MM < 10

原创 el-admin前端学习记录

图片的引入方式，虽然不知道是什么形式，但是可以理解过来怎么使用的一种引入其他文件中方法的形式，虽然不知道是什么，但是能明白怎么用的v-model 只能在三个地方使用，实现双向绑定...

原创 vue-cli3脚手架创建项目

做了好几个前端开发的项目，本次又是一次前端开发任务，本次稍微总结一下前端开发（使用vue-cli）搭建前端项目环境，首先是项目环境配置：首先创建一个项目的命令是 vue create <项目名> // 项目名字不支持驼峰命名接下来是选择是否使用默认配置，或者自己选择配置：使用上下键还有enter键可以完成操作，之后选择自己选择配置（这里一直推荐更新脚手架，暂时先不更新）接下来是配置菜单菜单中的内容分别是： 1 ? Check the features need

原创 浏览器控制台工具的控制显示与不显示问题

昨天在浏览器中将这几个浏览器控制台中的其他几个能点叉的工具给点击叉了然后就找不到了，打开的其他的页面也找不到了，于是乎很慌，但是在度娘上找了一下，没有找到比较好的解释，还是自己动手找吧。打开浏览器控制台，点击三个点，然后找到More tools,最后就找到了想要的控制台工具。...

原创 JavaScript随记

https://wangdoc.com/javascript/index.html基本语法中所到的知识：变量提升的理解：JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。console.log(a);var a = 1;上面代码首先使用console.log方法，在控制台（console）显示变量a的值。这时变量a还没有声明和赋值，所以这是一种错误

原创 js函数

函数：函数的三种声明方式：（1）function 命令function print(s) { console.log(s);} // 直接生命 直接使用print( 参数) 调用（2）函数表达式除了用function命令声明函数，还可以采用变量赋值的写法。var print = function(s) { console.log(s);}; // 相当于将函数赋值给某个变量注意点：采用函数表达式声明函数时，function命令后面不带有函数名。如果加上函数名，该函数

原创 nvm安装过程中以及使用中遇到的坑

nvm下载与安装以及遇到的坑解决坑下载nvm for Windows安装nvm for Windowsnvm常用命令配置淘宝镜像下载nvm for Windows下载地址（传送门）nvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。Source code(zip)：zip压缩的源码Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统一般使用nvm-se

原创 js中的回调函数

关于js回调函数，自己之前了解过，但是概念不是很清晰了，这里重新找几篇博客回顾一下概念，整理的感觉比较好的几个博客的总结的概念。方便复习。s中的回调函数的理解：回调函数就是传递一个参数话函数，就是将这个函数作为一个参数传到另外一个主函数里面，当那个主函数执行完之后，再执行传递过去的函数，**走这个过程的参数化的函数，就叫回调函数，**换个说法也就是被作为参数传递到另一个函数（主函数）的那个函数就叫做回调函数。回调函数：函数a有一个参数，这个参数是个函数b，当函数a执行完以后执行函数b。那么这个过程就叫回

原创 vue中主题颜色配置

vue中设置主题颜色一、在index.html中设置主题颜色 <style> /* 主题颜色配置测试成功 */ body{ --themeColor:#78aef9; } </style>二，在组件的页面中使用.item{ background-color:var(--themeColor);}...

原创 近期问题记录，

gitlab中ssh秘钥不能连接问题：报出的问题是：解决问题的博客：博客地址axios中put请求参数拼接在路径上，并且是参数传递过去了，但是传递的参数不是对应的类型，原因是put请求的方法的形式参数写成了：parma,参数，然后改变成data就行了。axios中的parma参数和普通的形式参数的区别：因为params是添加到url的请求字符串中的，用于get请求。而data是添加到请求体（body）中的， 用于post请求,put请求i标签居中，元素水平垂直居中的方法，父级相对定位，子

原创 项目总结

项目统筹上可以借鉴的地方：1、 自己前期因为把握不好项目进度，端内开会和交流比较紧凑，效果比较好。2、 前期让端内明确需求，端内都不清晰和都不能很好的把握整体，比较有紧张感。3、 前期及时调整任务分配，将公共模块任务经过大家讨论之后分给个人。4、 整理PC端代码规范，并且让每个人设置。5、 前期组内一起交流需求，一起走一下流程，方便考虑的周到些。6、 前期一定要及时开组内的定时讨论会，分享大家的进度，分享大家书写代码情况。7、 对于风险情况的话，要注意提出备选方案，并且找出出现风险原因，如果

原创 maven下载安装，配置镜像，更改本地默认仓库，以及解决依赖爆红。

前

原创 vue中路由守卫知识

本篇主要是记录自己使用的路由守卫知识，路由守卫可以做的事情：1、只有当用户已经登陆并拥有某些权限时才能进入某些路由（比如登陆过后可以直接打开网页，获取储存在浏览器cookie中的token，直接进入原来的网页等）。2、登录拦截等。3、具体使用场景有待添加。什么是路由守卫？官方这样说：导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。简单的说就是这样：简单的说，导航守卫就是路由跳转过程中的一些钩子函数。路由跳转是一个大的过程，这

原创 vue中路由跳转方式汇总，解决正确跳转不能显示页面问题。

自己所遇到的路由能跳转，但是不能正常显示的问题。1，自己的路由路径写的有问题（能正常跳转，但是不能显示页面，可能是根据这个路由，找不到相应的文件页面，）。2，没有正确在父页面中写出子页面显示的标签（"<router-view> </router-view>"）3，注册的路由中含有错误文件路径，找不到应该显示的页面。➢ 前端路由跳转是使用的哈希跳转，...

原创 vConsole的使用教程

在相关的vue项目中，下载安装相关依赖，然后设置全局初始化。单页面使用：npm install vconsole然后在main.js中写入代码inpotr VConsole from ‘vconsole’// 引入new VConsole() // 初始化然后在手机上可以在右下角可以看出来有个蓝色的小标签，直接进行点击就行了。...

原创 前端以vue为基础的项目总结

三次项目汇总总结三月招新小组后台管理系统页面：➢ 负责：页面模块开发，➢ 技术：电脑端的element-ui组件和vue框架。首次了解了方法的请求封装，响应封装，方法的封装（但是没有具体掌握），第一次接手项目，压力有点大，态度上很认真，常常12:00之后回去休息，所以项目上基本按时交付，没有出现太大纰漏，技术上对vue的了解稍微恢复一点，技术上对组件的了解更加熟悉一些，对组件的使用的心里上，有很好的改观，没有之前的陌生感和恐惧感。对组件的选择器的深入了解，对自己负责的模块的开发目标很是明确，知道自

原创 idea maven项目，右键项目，没有maven菜单了

在pom.xml 文件上右键 Add as Maven Project，maven选项就又出现了还有自己的maven项目中所需要的项目依赖。

原创 mybatisplus学习中一些小问题

mybatisplus中的一些知识和自己所遇到的坑：4在使用idea测试链接数据库的时候（使用idea的Database链接数据库），然后发现使用的驱动版本不能是8版本的，驱动需要是5版本的，然后才能链接自己的数据库，进行代码生成。在使用持久层框架的时候，数据库中的字段是驼峰命名的，然后持久层访问的时候是下划线访问，导致访问出错，学长的建议是直接使用在字段上加注解，然后使映射的字段直接映射为数据库表中的字段，这样就可以解决问题了。经过这个问题之后，发现一个知识点就是：只要在项目中引用了相关架包，这个ja

原创 maven中的pom文件的作用以及其中的标签详解

因为自己在pom文件上花费了很长时间解决问题，因为自己对pom文件不是很熟悉和了解，然后就自己找了一些标签，来进一步让自己理解pom文件。pom文件中书写的标签的详解：pom文件的作用：Maven 是专门用于构建和管理Java相关项目的管理工具。1.使用Maven管理的Java 项目都有着相同的项目结构2.统一维护jar包POM是项目对象模型(Project Object Model)的简称该文件用于管理：源代码、配置文件、开发者的信息和角色、问题追踪系统、组织信息、项目授权、项目的url、项

原创 IEDA杂记

IDEA怎么实现在一个工程下多个项目https://blog.csdn.net/caobaoyindedipan/article/details/80432518IEDA 怎么建立XMl文件https://blog.csdn.net/Hi_Boy_/article/details/80491358IDEA 书写具有返回值的快捷键步骤：1、把光标移动到需要生成返回值变量的语句之前，或者之后...

原创 使用Git在码云上下载项目源码

1，打开 Git Bash 工具，使用cd进入到指定文件存放位置，例如：G:\gitProject。2，在此路径之下输入指令 :git clone “码云上的文件下载的路径”3，然后回车就可以啦，

原创 将本地的文件上传到阿里云服务器，在linux中建立文件夹，linux中编写文件和保存文件并退出

将自己的本地的文件上传到服务器上，需要的工具：putty-64bit-0.73-installer.msi然后其中相关命令如下：puty单文件传送putty单文件win —》linuxpscp 本地目录 linux用户名@linuxip：linux目录putty单文件linux —》winpscp linux用户名@linux-ip：linux目录 本地目录putty多文件传送1、打开psftp.exe2、执行open username@linux-ip链接linux与win3、单文件

原创 swagger简单的了解

swagger技术号称是世界上最流行的Api框架；RestFul Api 文档在线自动生成工具==>Api文档自动更新；直接运行，可以在线测试Api接口；支持多种语言；（java，Php…）;官网：https://swagger.io/在项目中使用Swagger需要架包springbox，其中需要两个jar包，swagger2swagger-uiSpringboot 集成swagger新建立一个SpringBoot–web的项目导入相关依赖&lt