自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 资源 (1)
  • 收藏
  • 关注

原创 知识图谱编辑器(KG-Editor)

基于 Vue 2.x + G6 3.8 + Vuetify 的可视化知识图谱编辑器(KG-Editor)演示地址KG-Editor功能介绍 添加节点—双击画布空白处添加节点 编辑节点—点击节点后可在右侧配置器进行编辑节点 添加连线—鼠标移入节点后显示锚点,点击锚点后便作为起始节点,点击其它节点实现连线 编辑连线—点击连线后可在右侧配置器进行编辑连线 缩略图 —右侧导航器实现缩略图 撤销功能 点击按钮撤销 Ctrl + Z撤销 重做功能 复制节点功能 点击按钮.

2020-11-26 17:09:52 14182 10

原创 自定义Chrome标签页

TagsPage(免登录版)一款支持用户自定义的浏览器标签页仅供学习交流使用,严禁用于商业用途!Git仓库:https://github.com/qiaolufei/TagsPage相关技术:Vue2.x、python3.8、MySQL体验地址: http://175.24.122.85效果展示标签页展示(默认排序为添加顺序)搜索引擎(支持多个主流搜索引擎)对标签点击鼠标右键弹出相关操作栏鼠标移动到页面最右边弹出设置功能面板(目前支持背景设置、主题选择、标签排序)纯色背景效

2020-09-16 16:58:23 11659

原创 express开发API实现增删改查MySQL(入门级)

数据库中有user表如下:搭建环境express 是nodejs的一个web框架,使用express,能够更便捷的使用nodejs。express-generator是express应用生成器,相当于express 的骨架,进入一个web项目中后,使用express projectname命令,能快速构建projectname这个应用的目录结构。npm install express --save -gnpm install express-generator --save -g 新建.

2021-02-23 14:36:33 886 6

原创 JavaScript高级程序设计--数据类型(2)_Object

文章较长,建议收藏以便浏览《JavaScript高级程序设计(第三版)》学习总结Object  Object类型即对象类型,在ECMAScript中,对象其实就是一组数据和功能的集合。我们可以使用new操作符来创建:let obj = new Object()单单这一行代码,就可以引申出一系列疑问。创建的对象有什么属性和方法?new操作符干了啥?创建对象有哪些方式?既然是对象怎么实现继承?怎么实现对象深拷贝?and so on.如果一下子全都能说明白透彻的话,我斑愿称你为最强 。接下来我们挨

2021-02-04 18:17:52 573

原创 JavaScript高级程序设计--数据类型(1)

文章较长,建议收藏以便浏览《JavaScript高级程序设计(第三版)》学习总结  在JavaScript中,数据类型分为基本数据类型和引用数据类型两中:基本数据类型:string、number、boolean、null、undefined、Symbol(ES6新增)引用数据类型:object、array、function两种数据类型的区别:基本数据类型是存在栈内存中的,按值访问;引用数据类型是存在堆内存中的,按地址访问。Undefined类型Undefined类型只有一个特

2021-02-02 15:13:27 4388 2

原创 js实现分页功能

分页功能:上一页(判断是否是首页)下一页(判断是否是尾页)改变页容量(判断是否>0)改变当前页码(判断是否存在页码)去往首页去往尾页参数: 页容量、当前页码、总数、所有页码class Pagination{ constructor(total, pageSize = 10,currentPage = 1) { this.pageSize = pageSize > 0 ? pageSize : 10 // 页容量 this.curr.

2021-01-29 17:47:28 6467

原创 js数组层序建立二叉树

将数组[‘A’,‘B’,‘C’,‘D’,‘E’,‘F’,‘G’,‘H’]层序建立为二叉树,如下图所示。建立二叉树class Node { // 定义节点 constructor(data){ this.data = data this.leftChild = null this.rightChild = null }}const createTree = (arr) => { // 创建二叉树 let tree =

2021-01-26 12:26:18 6719 2

原创 js实现斐波那契查找

斐波那契查找:斐波那契搜索就是在二分查找的基础上根据斐波那契数列进行分割的。在斐波那契数列找一个等于略大于查找表中元素个数的数F[n],将原查找表扩展为长度为Fn,完成后进行斐波那契分割,即F[n]个元素分割为前半部分F[n-1]个元素,后半部分F[n-2]个元素,找出要查找的元素在那一部分并递归,直到找到。时间复杂度:O(log₂n)应用:适用于不经常变动而查找频繁的有序列表const fib = (maxSize) => { let f = new Array(maxSize);.

2021-01-26 09:38:09 5242

原创 js实现插值查找

插值查找:根据查找关键字与查找表中最大最小记录关键字比较后的查找方法。插值查找基于二分查找,将查找点的选择改进为自适应选择,提高查找效率。将二分查找的点改进为 mid = start+(value-arr[start])/(arr[end]-arr[start])*(end-start)时间复杂度:O(log₂(log₂n))应用:对于表长较大,而关键字分布又比较均匀的查找表来说,插值查找算法的平均性能比折半查找要好的多非递归const insertSearch = (arr, valu.

2021-01-26 09:35:04 5301

原创 js实现二分查找(折半查找)

二分查找:首先要找到一个中间值,通过与中间值比较,大的放又,小的放在左边。再在两边中寻找中间值,持续以上操作,直到找到所在位置为止时间复杂度:O(log₂n)应用:适用于不经常变动而查找频繁的有序列表非递归const binarySearch = (arr, value) => { let start = 0 let end = arr.length - 1 while (start <= end) { let mid = Math.floor.

2021-01-26 09:33:10 5911

原创 js实现顺序查找

顺序查找:就是从第一个元素开始,按索引顺序遍历待查找序列,直到找出给定目标或者查找失败时间复杂度:O(n)应用:适合于存储结构为顺序存储或链接存储的线性表const sequentialSearch = (arr, value) => { const len = arr.length for (let i = 0;i < len;i++) { if (arr[i] == value) { return i } .

2021-01-26 09:29:59 5320

原创 js平铺多维数组

在前端面试的时候,经常会有这样一道笔试题,将多维数组平铺成一维数组,例如将[1,2,[3,4,[5,6,7]]]处理成[1,2,3,4,5,6,7],下面是我总结的三种方式。递归处理这个方法比较常见,就是遍历每个元素,元素是基本数据类型的话便放进新数组中,如果元素是数组类型,则进行递归继续处理。let arr1=[]const tileArr = (arr) => { for(let i=0;i<arr.length;i++){ if (Array.i

2021-01-05 17:25:13 10826

原创 js实现基数排序

基数排序:是一种非比较型整数排序算法,其原理是将整数按位数切割成不同的数字,然后按每个位数分别比较。时间复杂度:O(nlog(r)m) (其中r为所采取的基数,而m为堆数)稳定性:稳定复杂性:较复杂应用:当范围已经知道,而且空间不是很重要的情况下const radixSort = (arr) => { let length = arr.length if (length <= 1) { return arr } let maxDigi.

2020-12-22 10:38:32 8551

原创 js实现归并排序

归并排序:将已有序的子序列合并,得到完全有序的序列;即先使每个子序列有序,再使子序列段间有序。若将两个有序表合并成一个有序表,称为二路归并。时间复杂度:O(nlogn)稳定性:稳定复杂性:较复杂应用:需要稳定,空间不是很重要的情况const merger = (leftArr,rightArr) => { let left_len = leftArr.length let right_len = rightArr.length let arr = [] l.

2020-12-22 10:33:01 8315 1

原创 js实现堆排序

堆排序:先构建一个最大/最小二叉堆(子结点的键值或索引总是小于(或者大于)它的父节点),然后不停的取出最大/最小元素(头结点),插入到新的队列中,以此达到排序的目的时间复杂度:O(nlgn)稳定性:不稳定复杂性:较复杂应用:数据量大的情况const adjustHeap = (arr,i,len) => { // 构建堆 let temp = arr[i] for(let j = 2*i+1;j < len;j = j*2+1){ if(j <.

2020-12-22 10:29:16 8090

原创 js实现选择排序

选择排序:第一次从待排序的数据元素中选出最小(或最大)的一个元素,存放在序列的起始位置,然后再从剩余的未排序元素中寻找到最小(大)元素,然后放到已排序的序列的末尾。以此类推,直到全部待排序的数据元素的个数为零。时间复杂度:O(n²)稳定性:不稳定复杂性:简单应用:数据量较小的情况const selectSort = (arr) => { const length = arr.length if (length <= 1) { return arr .

2020-12-22 10:24:47 8392

原创 js实现快速排序

快速排序:通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外一部分的所有数据都要小,然后再按此方法对这两部分数据分别进行快速排序,整个排序过程可以递归进行,以此达到整个数据变成有序序列时间复杂度:O(nlog₂n)稳定性:不稳定复杂性:较复杂应用:数据量大的情况,在大多数实际情况中,快速排序是最佳选择const quickSort = (arr) => { const length = arr.length if (length <= 1) .

2020-12-22 10:20:38 8231

原创 js实现冒泡排序

冒泡排序:让数组当中相邻的两个数进行比较,数组当中比较小的数值向下沉,数值比较大的向上浮。时间复杂度:O(n²)稳定性:稳定复杂性:简单应用:数据量很小的排序场景const bubbleSort = (arr) => { const length = arr.length if (length <= 1) { return arr } for (let i = 0; i < length - 1; i++) { .

2020-12-22 10:15:24 8156

原创 js实现希尔排序

希尔排序(插入排序改进版):先取一个小于n的整数d1作为第一个增量,把文件的全部记录分组。所有距离为d1的倍数的记录放在同一个组中。先在各组内进行直接插入排序;然后,取第二个增量d2<d1重复上述的分组和排序,直至所有记录放在同一组中进行直接插入排序为止时间复杂度:O(n^1.3)稳定性:不稳定复杂性:较复杂应用:大规模且无序的数据const shellSort = (arr) => { const length = arr.length if (length &l.

2020-12-22 10:11:55 8176

原创 js实现插入排序

插入排序:将数组的第一个数认为是有序数组,从后往前(从前往后)扫描该有序数组,把数组中其余n-1个数,根据数值的大小,插入到有序数组中,直至数组中的所有数有序排列为止。时间复杂度:O(n²)稳定性:稳定复杂性:简单应用:插入排序在小规模数据时或者基本有序时比较高效const insertionSort = (arr) => { const length = arr.length if (length <= 1) { return arr }.

2020-12-22 10:00:28 8322 1

原创 React实现登录表单

作为一个Vue用户,是时候扩展一下React了,从引入antd、配置less、router,终于实现了一个简单的登录表单。代码如下:import React from 'react';import { Input, Button, message } from "antd";import { UserOutlined, LockOutlined, EyeInvisibleOutlined, EyeTwoTone } from '@ant-design/icons';import './index

2020-10-28 10:39:04 12951

原创 文献工具总结

!!!解决部分网站需要翻墙访问: 翻墙访问谷歌学术 https://scholar.google.com/专门帮助科研人员搜索各个领域学术文献超实用谷歌学术使用指南Google 学术搜索(Google Scholar)使用技巧如何利用好Google Scholar(谷歌学术)?F1000Prime http://f1000.com/prime找出并推荐生物和医学领域的重要研究文献F1000 Prime手册用 F1000Prime,高效查找核心文献PubPeer h

2020-10-20 16:41:11 10909

原创 Django开发RESTful API实现增删改查(入门级)

数据库中有user表如下:新建一个Django项目:django-admin.py startproject myDjango<project_name>目录介绍myDjango/├── manage.py # 管理文件└── myDjango # 项目目录 ├── __ init __.py ├── settings.py # 配置文件 ├── urls.py # 路由 --> URL和函数的对应关系 └── wsgi.py .

2020-09-27 11:32:34 10682

原创 element的icon、button实现渐变色

效果如图所示:代码如下:<div class="login__form"> <div style="margin-top:10%;text-align:center"> <el-input style="width:80%" v-model="login.name" prefix-icon="el-icon-user" placeholder="请输入您的账号"></el-input> </div>

2020-08-11 16:39:46 13578

原创 html+jQuery自定义报告单

html+jQuery实现自定义报告单功能:用户按需求自定义拼接生成报告单支持打印功能支持导出HTML、CSS代码截图源码地址 customize_report感兴趣的话,麻烦点个☆

2020-07-28 20:12:49 11375

原创 el-checkbox-group三级菜单全选联动功能

实现目标点击全选时列表类全选,并且各个子项全部选中点击某个列表类选中时,对应的子项全部选中选择子项时列表类和全选实现联动实现效果数据格式template页面代码<span>系统列表:</span> <el-checkbox v-model="checkAll1" @change="handleCheckAllChange11" >全选</el-checkbox>

2020-07-13 20:21:24 10056 7

原创 spring boot获取session的值为null问题

问题描述:我在登陆的时候,登陆成功后将name存进了session,然后在获取个人信息时取出session里的name的值为null.在login里存session:在getUserInfo里获取session的name:控制台结果:直接原因:两个session不同,即session.getId()的值不同根本原因:涉及到前后端跨域问题解决方案:本人前端是vue项目,...

2019-10-18 14:41:05 18297 10

原创 npm安装过的环境突然没有了

今天打算新建vue项目的时候,突然发现电脑里的相关环境没有了,如图所示:于是便重新安装一遍,结果是update,说明vue还在我电脑里,但是vue -V还是不行:解决方法:配置npm的环境变量首先查找npm的安装路径:然后在用户变量里的Path把这个路径添加进来就可以了。...

2019-09-22 10:49:27 8501

原创 第一次视频面试给了小米前端

首先肯定是自身掌握的不好,实战经验多,基础原理掌握少,所以在面试这一块体现出了自身的不足,下面分享一下面试中hr提问的问题。第一部分是js相关(题目无前后之分)js的数据类型有哪些typeof null的结果js原型链DOM绑定事件的原理,0级和1级的区别第二部分是CSS实现水平垂直居中的方案flex布局中实现水平垂直居中的方案第三部分是浏览器、HTTP跨域解决...

2019-09-10 11:00:28 7510

原创 bootstrap登录、注册、重置密码demo

用bootstrap写了一个登录页面,其中注册和重置密码采用了模态框,效果如下:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>登录</title> <!-- 引入 jquery、Bootstrap --> ...

2019-08-23 16:07:35 13339 2

原创 使用java向mysql保存图片路径

最近有一个项目有一个新需求,就是将好多图片的路径链接保存到mysql数据库中,一个一个手动保存是不存在的,于是用java写了个程序来实现测试图片:数据库里建的表(随意建的):代码:DataBase.java:(需要填写自己的数据库地址、用户名、密码)package com.beyes;import java.sql.*;public class DataBase {...

2019-08-23 12:26:58 8334 4

原创 spring boot入门级创建登录接口

spring boot 工程实例项目目录如下所示util层,用来编写返回前端数据的模板比如Response.javapackage com.zoo.hello.util;public class Response { private int code; private String msg; private Object data; ...

2019-08-05 15:57:50 9270

原创 vue学习之路,持续更新ing

分享一下自己在学习vue的路上做的部分笔记以及遇到过的坑:http://note.youdao.com/noteshare?id=ddee82d00c2991ac61fd684ccfbcfd99有道云笔记之vue欢迎交流

2019-06-25 21:22:06 6879

原创 js比较返回数据msg遇到的问题

下面是我的后台java代码:其中login.login(id,pwd)是Boolean类型,返回数据为true或者false,接着是我的前端代码:在这里执行就会产生错误,执行结果如下:msg明明是false,但是却执行了alert("登录成功!");也就是说if的判断语句出了问题,但是乍一看,神马毛病都没有。。。经过一番搜索,终于解决了问题,修改后的代码如下:皆大欢喜。...

2019-05-23 20:47:30 8381

原创 记录一次maven安装错误

这是我刚开始配置Path里的内容,然后执行mvn -v后就报错了,自己感觉哪里都没有错误。经过我坚持不懈、孜孜不倦、刻苦奋斗…(或许只是因为我对Path的要求了解的不够透彻),总而言之,我把最后的“ ;”删掉之后就成功了。如下图所示咱也不知道,咱也不敢问T T...

2019-05-06 15:52:17 6894

原创 MYSQL查询方法

新建数据库中应包含三个数据表,表结构如下。雇员关系表EMPLOYEE (职工号,职工名,街道,居住城市)工作关系表WORKS (职工号,公司号,工资)公司关系表COMPANY (公司号,公司名,所在城市)(1) 查找所有为第一银行工作的雇员的姓名及居住城市。(2) 查询其居住城市和工作城市相同的雇员姓名 。(3) 查找雇员人数最多的公司名及其人数。(4) 查询工资高于其所...

2019-04-04 19:43:01 9082

原创 MYSQL数据查询

新建数据库中应包含三个数据表,表结构如下。学生表SS(学号,姓名)课程表CC(课程号,课程名,教师名)选课表SC(学号,课程号,成绩)SSccSC1)检索出选学数据库课程并且成绩在90分以上的学生姓名,要求分别采用连接和嵌套查询实现。2)统计出每门课程的选课人数,要求显示出课程名及人数,结果按选课人数降序排列。3)查询出所有至少选学了4门课程并且成绩没有不及格的学生学...

2019-04-04 19:27:05 8608

原创 MYSQL语言中关于表定义、数据更新(增、删、改)、数据查询的语句格式

(1)创建如下数据表。(2)向表中添加数据5条。(3)删除表中所有已经到达退休年龄(男:60,女:55)的人员信息。(4)将表中所有材料系的人员的工资加上100元。(5)显示表中年龄不在25-35之间的人员信息。...

2019-04-04 19:16:43 7729

原创 C++控制台实现简单的注册登录

C++控制台实现简单的注册登录#include<iostream>#include<string>#include <vector>#include <conio.h>void Display();//调用display显示switch()界面void Register();//注册void Enter();//登录using nam...

2019-04-04 19:02:11 21677 2

原创 shell脚本实现对文件以及文件夹的压缩/解压

shell脚本实现对文件以及文件夹的压缩/解压直接上代码,均可使用!!!#! /bin/shecho "*************************************"echo "1.set password for folder/file."echo "2.remove password from folder/file."echo "0.quit."echo "**...

2018-11-28 16:30:58 16994

js实现各种排序算法

js实现各种排序算法:插入排序、冒泡排序、基数排序......,真实有效

2020-12-25

空空如也

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

TA关注的人

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