代码在路上-优快云博客

原创 jeecgboot框架引入echarts的实现方法

①引入echarts：npm install echarts会报错，根据他的提示引入npm install --save @jeecg/antd-online-mini @jeecg/antd-online-mini/dist/OnlineForm.css ant-design-vue ant-design-vue/dist/antd.less ant-design-vue/es ant-design-vue/es/_util/vue-types ant-design-vue/es/avatar ant-

2021-12-28 09:33:34 3251 2

原创 Unused export default错误提示怎么解决

webstorm的的变量语法检查提示错误点击webstorm右下角的小人，Configure inspections=>搜索javascript=>找到General=>取消勾选下面的Unused global symbol即可。

2021-12-27 15:18:37 1944 3

原创 Java基础语法

1.对象：对象是类的一个实例，有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；行为有：摇尾巴、叫、吃等。2.类：类是一个模板，它描述一类对象的行为和状态。3.方法：方法就是行为，一个类可以有很多方法。逻辑运算、数据修改以及所有动作都是在方法中完成的。4.实例变量：每个对象都有独特的实例变量，对象的状态由这些适量变量的值决定。public static void main (String[] args)public——访问修饰符static——关键字void——返回类型ma

2021-12-08 23:29:42 143

原创 jeecgboot框架启动步骤

jeecgboot框架启动步骤1、数据库管理者身份运行命令行工具到数据库目录；net start mysql 运行数据库服务；mysql -u root -p 进入数据库服务；（1）新建数据库：CREATE DATABASE jeecg DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;（2）手动执行初始化脚本：USE jeecg;source D:\xmx\jeecg-boot-master\jeecg-boot\db\jeecgboo

2021-08-24 13:58:09 3018 2

原创 element-ui级联选择器中二三级列表无法显示的解决办法

记：<el-cascader :options="parentCateList" :props="cascaderProps" v-model="selectedKeys"@change="parentCateChanged" clearable></el-cascader>cascaderProps: { expandTrigger: 'hover', checkStrictly: t

2021-02-27 22:14:52 1152 3

原创 vscode在.vue文件中如何实现代码补全功能

1、搜索下图所示的插件并安装2、打开文件-首选项-设置-常用设置，找到Files: Associations，如图：3、点击在settings.json中编辑，进行如下配置最后回到.vue文件即可使用。

2021-02-18 17:10:15 2999

原创 Module Error (from ./node_modules/eslint-loader/index.js)错误的解决方法

运行vue项目时出现如下错误：Failed to compile../src/components/Vcontent.vueModule Error (from ./node_modules/eslint-loader/index.js):C:\myvue\src\components\Vcontent.vue 4:15 error Parsing error: unexpected-character-in-attribute-name vue/no-parsing-error

2021-02-18 16:38:10 15689 6

原创 Vue购物车案例（基于组件）

效果图如下：代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> .container .cart { width: 300px; margin: auto; } .container .title

2021-02-03 16:10:21 914 1

原创 GitHub获取Personal Access Tokens

遇到问题，记录问题！1、登录GitHub后，在右上角的下拉菜单中选择settings2、在左侧的菜单中选择Developer settings3、接下来选择Personal Access Tokens即可4、这一部分全选就可以，如果怕存在安全性问题可以根据自己需求选择，最后点击下面的绿色按钮即可。...

2021-01-22 16:58:38 2458 1

原创 Ajax函数封装

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <script type="text/javascript"> function ajax(options){ // 存储的是默认值 var defaults={

2020-12-19 11:03:23 84 1

原创 mongoDB文件夹下bin文件里没有mongoimport.exe，无法导入数据的解决方法

1、点进去https://www.mongodb.com/try/download/database-tools，下载压缩包2、将压缩包bin文件里的程序复制到你的mongoDB的bin文件夹下3、右击mongoimport，选中属性，复制它在文件夹的位置4、右击我的电脑，选中属性----高级系统设置-----环境变量，在系统变量的path里添加刚才复制的位置即可进行数据导入操作了...

2020-12-08 10:53:37 3279

原创 Vue实现图书管理小案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head><body><div id="

2020-12-01 15:53:00 604 1

原创组合继承与拷贝继承

组合继承：原型继承+借用构造函数继承（属性和方法都能继承）例：function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex;}Person.prototype.sayHi=function(){ console.log("Hello");};function Student(name,age,sex,score){ //借用构造函数 Person.call(this,name

2020-11-30 11:15:06 151

原创 javascript实现随机小方块小案例(原型)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .map{ width:800px; height:600px; background-color:#ccc; po

2020-11-30 09:48:07 580

原创工厂模式和自定义构造函数的区别

工厂模式function createObject(name,age){ var obj=new Object(); obj.name=name; obj.age=age; obj.sayHi=function(){ console.log("hello"); }; return obj;}var per1=createObject("zhangsan",20);自定义构造函数function Person(name,age){ this

2020-11-29 16:33:30 271

原创 javascript滚动条自定义

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } .box{ width:300px; h

2020-11-20 15:23:55 220

原创 javascript放大镜将图片放大并显示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } .box{ width:350px; h

2020-11-18 14:42:36 204

原创 javascript拖拽登录框案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } .login-header{ width:100%;

2020-11-18 10:49:44 346 1

原创 javascript旋转木马案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } .wrap{ width:1200px;

2020-11-16 15:56:53 247

原创 javascript封装动画函数（匀速、变速）

匀速动画函数--------任意一个元素移动到指定的目标位置（水平方向）function animate(element,target){ //先清理定时器 clearInterval(element.timeId); //定时器的id存储到对象的一个属性中，为了清理定时器（只能产生一个定时器） element.timeId=setInterval(function(){ //获取div的当前位置 var current=element.offsetLeft

2020-11-15 20:32:13 442

原创 javascript轮播图的实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } .all{ width:590px; h

2020-11-15 19:59:27 154

原创 javascript完成简易搜索框

此例子只是关于搜索框的文本输入与删除功能，并不能进行搜索<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width:500px; height:30px; margin:200px auto;

2020-11-13 11:18:56 596

原创 javascript绑定事件和解绑事件的兼容代码

绑定事件的兼容的代码function addEventListener(element,type,fn){ //判断浏览器是否支持这个方法 if(element.addEventListener){ element.addEventListener(type,fn,false); }else if(element.attachEvent){ element.attachEvent("on"+type,fn); }else{ element["on

2020-11-13 09:56:19 104

原创 javascript全选和全不选案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } .wrap{ width:300px;

2020-11-12 10:42:05 195 1

原创 js封装节点兼容代码

获取任意一个父级元素的第一个子级元素function getFirstElementChild(element){ if(element.firstElementChild!="undefined"){ //支持 return element.firstElementChild; }else{ //不支持 var node=element.firstChild;//第一个节点 while(node&&node.nodeType!=1){

2020-11-12 09:58:57 108

原创 tab切换小案例

body部分<body> <div class="box" id="box"> <div class="hd"> <span class="current">微信</span> <span>qq</span> <span>微博</span> <span>淘宝</span> </d

2020-11-11 10:29:53 153

原创封装innerText和textContent的兼容代码

如果这个属性在浏览器中不支持，那么这个属性的类型是undefined，所以我们判断这个属性是不是undefined就可以了//设置任意标签中间的任意文本内容function setInnerText(element,text){ //判断浏览器是否支持这个属性 if(typeof element.textContent=="undefined"){ //不支持 element.innerText=text; }else{ //支持

2020-11-11 09:45:43 130

原创 js中数组的例子

例1：for循环遍历数组var arr=[10,20,30,40];for(var i=0;i<arr.length;i++){ console.log(arr[i]);}例2：求数组中所有元素的和var arr=[10,20,30,40];var sum=0;for(var i=0;i<arr.length;i++){ sum+=arr[i];}console.log(sum);例3：求数组中所有元素的最大值var arr=[3,55,23,100,3

2020-11-10 11:36:36 555 1

代码在路上的博客