- 博客(58)
- 资源 (80)
- 收藏
- 关注
原创 Java程序的运行过程(执行流程)分析
Java 程序的运行必须经过编写、编译和运行 3 个步骤:1、编写:是指在 Java 开发环境中进行程序代码的输入,最终形成后缀名为 .java 的 Java 源文件。2、编译:是指使用 Java 编译器对源文件进行错误排査的过程,编译后将生成后缀名为 .class 的字节码文件,不像C语言那样生成可执行文件。3、运行:是指使用 Java 解释器将字节码文件翻译成机器代码,执行并显示结果。Java 程序运行流程如图所示:字节码文件是一种和任何具体机器环境及操作系统环境无关的中间代码。它是一种二进
2022-05-18 17:42:38
4492
1
原创 Java中JVM、JRE和JDK三者有什么区别和联系?
任何语言或者软件的运行都需要环境。就像人要生活在空气中,鱼要活在水中,喜阴植物就不能放在阳光下暴晒一样,任何对象个体的存在都离不开其所需要的环境,编程语言亦是一样的。Java 语言的开发运行,也离不开 Java 语言的运行环境 JRE。没有 JRE 的支持,Java 语言便无法运行。当然,如果还想编译 Java 程序,搞搞小开发的话,JRE 是明显不够了,这时候就需要 JDK。其实啊,JDK 就是 JRE 加上一些常用工具组成的。JDK 不仅能运行已经被编译好了的 Java 程序,还能支持我们编译 Ja
2022-05-17 09:59:44
253
原创 使用记事本编写运行Java程序
一、编写Java源程序Java 源程序可以使用任何一个文本编辑器来编写,这里以 Windows 下的记事本为例。(1) 新建一个空白记事本,然后如实地输入下列内容。 很多初学者可能不明白此程序的全部意义,没关系,请完全按照实例的样式输入,包括各种括号与标点符号。/**第一个java程序*/public class HelloJava { // 这里是程序入口 public static void main(String[] args) { // 输出字符串
2022-05-06 10:01:47
7751
原创 Java(JDK)环境搭建、环境变量配置
一、下载 JDK下载地址:官网二、安装JDK运行下载的jdk安装包。这一步,可以自己定义一个安装路径:三、环境变量配置打开系统属性,点击环境变量:第二步:系统变量–新建 JAVA_HOME 变量,变量值填写jdk的安装目录即可。如下:第三步:在系统变量中寻找Path变量并编辑,变量值后入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin (注意中间必须是英文分号 ; )。如下:第四步:系统变量–新建CLASSPATH变量,值为:.;%JAVA_HOME
2022-05-01 10:24:08
1056
原创 Linux系统简介
Linux 也是众多操作系统之一,要想知道 Linux 是什么,首先得说一说什么是操作系统。计算机是一台机器,它按照用户的要求接收信息、存储数据、处理数据,然后再将处理结果输出(文字、图片、音频、视频等)。计算机由硬件和软件组成:1、硬件是计算机赖以工作的实体,包括显示器、键盘、鼠标、硬盘、CPU、主板等;2、软件会按照用户的要求协调整台计算机的工作,比如 Windows、Linux、Mac OS、Android 等操作系统,以及 Office、QQ、迅雷、微信等应用程序。操作系统(Operatin
2022-04-28 13:58:21
200
原创 情人节,爱心代码,闪瞎单身狗的双眼
情人节,爱心代码,闪瞎单身狗的双眼!!!实现效果:HTML代码:<!-- * @Author: longerJue--><!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>title</title><link rel="stylesheet" href="css/style.css"></head&g
2022-02-14 18:02:45
476
原创 Vue3.0+Element-plus项目框架搭建(三):初始化项目结构
`在创建项目的同时,也生成了很多无用的代码,那么需要去除掉这些无用的代码。按照如下方式初始化项目代码结构:App.vue 初始化代码如下:<!-- * @Author: longerJue--><template> <router-view /></template><style lang="scss"></style>删除 views 文件夹下的所有 .vue 文件删除 components
2022-02-09 08:55:40
670
原创 Vue3.0+Element-plus项目框架搭建(一):使用 vue-cli 创建项目
使用 vue-cli 创建项目我们首先需要创建一个 vue3 的项目,而创建项目的方式依然是通过 vue-cli 进行创建,当然也可以通过 vue ui可视化的方式创建。不过这里有一点大家需要注意,因为我们需要使用最新的模板,所以需要保证 vue-cli 的版本在 4.5.13 以上,可以通过以下的方式来查看你的 vue-cli 版本:vue -V------@vue/cli 4.5.13 // 输出版本号如果需要升级版本,那么可以通过以下指令进行升级:npm update -g @vue/
2022-01-27 15:29:36
1608
原创 Vue3.0+Element-plus项目框架搭建(二):项目结构对比解析
想要进行项目的开发,那么首先我们需要先了解一下 vue3 项目的初始结构。在这里我们把它和 vue2 的项目进行对比来去说明。main.js通过 按需导入的 createApp 方法来来构建 vue 实例;通过 vue实例.use 方法来挂载插件(router、vuex);没有了 Vue 构造方法,无法再挂载原型;App.vue组件内部结构无变化,依然是tempaltescriptstyle<template> 标签中支持多个根标签;store/ind
2022-01-27 15:15:58
1619
原创 代码画年兽,虎年祝大家虎虎生威
代码画年兽,不依赖图片,纯CSS33代码教会你画可爱的小老虎,可以动起来的小老虎:HTML代码:<!-- * @Author: longerJue--><!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>#Codepenchallenge: Cute Tiger</title> <link
2022-01-19 14:00:28
19868
39
原创 百度离线地图示例之十五:实现雷达打点动态水波纹效果
前言介绍:主要是基于v3.0的API版本进行的离线,纯内网可操作,基本上实现了现有90%以上的功能点,能兼容jpg和png格式的瓦片图层,实现了原生和基于Vue两个版本(包含常用的55个示例),文末有个人微信二维码,有不完善的地方,可加微信一起探讨交流,实现的功能点概要如下:地图示例:地图展示同时加载两个地图设置地图最大及最小级别移动地图缩放地图拖拽地图设置地图显示范围获取地图显示范围测距地图控件:工具条、比例尺控件 地图类型缩略图控件添加版权控件添加自定义控件覆盖
2021-11-11 12:03:52
1773
2
原创 手把手教Vue+elementUI搭建后台管理系统(四):自定义项目配置文件
项目配置文件【vue-cli 配置文件官方地址:】https://cli.vuejs.org/zh/config具体配置本文就不详细赘述了,vue相关官网说明是我见过唯一一个比书本还好的官方说明;想了解详细配置的,可以直接访问vue-cli的配置文件学习下。我们只配置项目流程中使用到的。项目配置文件使用首先需要在 项目的根目录下 创建一个 vue.config.js。填写如下内容,使用 json 格式进行配置。配置文件各属性可以自行查阅官方文档。修改默认端口号项目默认 使用 8080 端
2021-09-13 14:40:27
607
原创 手把手教Vue+elementUI搭建后台管理系统(三):项目脚手架搭建
初始化项目使用脚手架 vue-cli 4.0 创建 一个 vue 项目脚手架,然后在基于脚手架进行项目开发。通常有两种创建方式,创建方式如下:【方式一:(命令行创建,以 webpack 为模板)】 vue init webpack vue-demo 【方式二:(图形化界面创建)】 vue ui我们本次就是用图形化的创建方式。Step1:进入到放置项目的目录,如下输入命令:Step2:图形界面中,点击创建项目,选择创建后的保存路径,如下:Step3:完善项目基
2021-09-09 11:26:54
1120
原创 手把手教Vue+elementUI搭建后台管理系统(二):项目环境搭建
前提需要安装 node.js 、npm(cnpm)、vue-cli等基本的开发环境。运行环境安装下载、安装javsscript的运行环境 node。下载地址:https://nodejs.org/zh-cn/下载到本地后进行手动安装。下载安装完成后,执行如下命令查看 node 版本:node -v包管理工具安装全局安装 npm 或者 cnpm 包管理工具。包管理工具:自动管理项目依赖(管理第三方包)的 工具。安装命令:装 npm命令 :npm install -g npm
2021-09-09 10:54:05
268
原创 手把手教Vue+elementUI搭建后台管理系统(一):项目介绍
####项目介绍基本介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的项目框架,为了方面后续vue项目的开发,可以达到拿来即用的效果。主要涉及到内容包含:项目开发环境安装及配置、elementui的使用;cookie、axios、mock等封装处理;i18n国际化;vuex状态管理;vue-router路由管理;axios、router、业务代码等模块化封装;vue-router动态路由加载;常用组件封装步骤及封装思想等。软件及技术开发工具:HBuilderX 、Visual
2021-09-09 10:23:21
1741
原创 elementUI表格内容的行列合并
<template> <div class="reportF"> <p>4. 线损分析</p> <div class="reportF_f_link">园区本月用电量1245.01kWh。本年度累计用电量879856kWh。</div> <div class="reportF_f">2.1 日用电量分析</div> <div class="reportF_f_link"&
2021-09-02 19:32:58
277
1
原创 vue+elementui 树形控件实现同级拖拽功能
有时候我们需要对elementui 树形控件实现动态排序,所以需要进行拖拽操作,那么为了不影响节点数的层级关系,就需要仅仅只能在同级之间来拖拽。代码如下:<el-tree class="leftTree" :draggable="true" :allow-drop="allowDrop" @node-drop="sort"</el-tree>allowDrop(draggingNode, dropNode, type) { consol
2021-07-07 14:20:42
2202
原创 手把手讲解Vue + Element UI实现后台管理系统(四):mockjs模拟接口的使用
一、什么是mock.jsMock.js 是一个模拟数据生成器,利用它,可以拦截ajax请求,直接模拟返回数据,这样前后端只要约定好数据格式,前端就不需要依赖后端的接口,可以直接使用模拟的数据,提升开发效率。二、安装和使用安装npm install -D mockjs搭建mock环境首先在根目录新建mock目录,并在目录中信建一个index.js文件和modules文件夹。index.js为mock接口处理文件modules为mock数据index.js代码如下:// inde
2021-07-06 12:15:38
460
原创 手把手讲解Vue + Element UI实现后台管理系统(三):常用模块引入及组件封装(axios数据请求接口封装)
一、安装并引入elementUI在项目目录下执行命令:npm install element-plus --save安装完成后,package.json中会出现elementUI对应的版本号,编辑 src/main.js , 引入elementUI组件极其样式。import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'im
2021-07-06 09:50:48
621
原创 VSCode常用插件安装(提升开发效率)
VSCode必装插件:1、Material Icon Theme项目文件添加图标2、HTML Snippets、Mithril Emmethtml5模板生成3、Vetur、Vue 2 Snippets,vue-helpervue相关插件,其中vue-helper(支持CTRL+点击函数跳转 || 绑定对象跳转)4、Bracket Pair Colorizer花括号优化插件5、Tokeyo Night (东京之夜)主题色6、koroFileHeader函数注释和文
2021-07-01 14:33:27
271
转载 数据可视化中CSS实现四个边角特效实现
在数据可视化大屏中,我们看到人家的到做的很炫酷,如下图,中div四个边角的特殊颜色边角是怎么实现的呢,下面本人通过两种方式进行实现。方式一<body> <h1 class="title">css实现矩形边角加粗</h1> <div class="main"> <span></span> <span></span> <span></span> <s
2021-06-24 12:49:57
1052
1
转载 手把手教最新最全最详细Git使用教程(图文并茂,附Git命令大全学习文档)
导读因为教程详细,所以行文有些长,新手边看边操作效果出乎你的预料。GitHub虽然有些许改版,但并无大碍。最全Git命令学习文档下载(集合整理,非常适合新手)一、Git是什么?Git是目前世界上最先进的分布式版本控制系统。工作原理 / 流程:Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库二、SVN与Git的最主要的区别?SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己
2021-06-23 16:55:17
564
原创 vue项目中使mock.js的使用
在我们的项目实际开发过程中,后端的接口往往是较晚才会提供出来,并且还要写接口文档,如果前端的开发都要等到接口开发完成才开始就非常影响项目整体开发进度了,mock.js 的出现使前后端分离并行开发成为可能。使用 mock.js,前端调试可以模拟后台接口调用,返回我们定义的数据,解放了前后端开发的屏障。使用 mock.js 的过程如下:1. 安装 mock.js 到项目。npm intsall mockjs --save-dev2. mock模拟数据的定义在src目录下建立文件夹mock,mock文件
2021-06-22 10:23:28
108
1
原创 vue项目中axios使用(二):axios请求插件封装及使用
自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情,但是axios没有进行封装复用,项目越来越大,引起的代码冗余。就会非常麻烦的一件事。所以本文会详细的跟大家介绍,如何封装请求,并且在项目组件中复用请求。有需要的朋友可以做一下参考。封装的基本要求统一 url 配置统一 api 请求request (请求)拦截器,例如:带上token等,设置请求头response (响应)拦截器,例如:统一错误处理,页面重定向等
2021-06-22 10:15:25
502
原创 vue项目中axios使用(一):axios基本使用方法及相关配置介绍
在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。关于为什么放弃推荐? -> 尤雨溪解释:最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果,vue-resource 提供的价值和其维护成本相比并不划算,所以决定在不久以后取消对 vue-resource 的官方
2021-06-22 09:58:16
55796
原创 利用eChart实现区间坐标展示配置
需要实现效果如下图:双X轴思路,配置代码:options: { title: { show: true, text: "负载率区间统计", textStyle: { fontSize: "18", // color: "#2d63e6", fontWeight: "100" } },
2021-06-17 10:57:47
616
原创 ElementUI表格行编辑单元格编辑支持(输入框,选择框)
1、普通版的table可编辑内嵌select选择框,输出框,编辑删除添加等<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!
2021-05-20 19:56:46
1651
原创 百度离线地图示例之十三:动态运行轨迹实现(附源码)
前言介绍:主要是基于v3.0的API版本进行的离线,纯内网可操作,基本上实现了现有90%以上的功能点,能兼容jpg和png格式的瓦片图层,实现了原生和基于Vue两个版本(包含常用的55个示例),文末有个人微信二维码,有不完善的地方,可加微信一起探讨交流,实现的功能点概要如下:地图示例:地图展示同时加载两个地图设置地图最大及最小级别移动地图缩放地图拖拽地图设置地图显示范围获取地图显示范围测距地图控件:工具条、比例尺控件 地图类型缩略图控件添加版权控件添加自定义控件覆盖
2021-05-12 09:39:25
5560
32
原创 百度离线地图示例之十二:混合图(街道图、卫星图)实现路径及打点
前言介绍:主要是基于v3.0的API版本进行的离线,纯内网可操作,基本上实现了现有90%以上的功能点,能兼容jpg和png格式的瓦片图层,实现了原生和基于Vue两个版本(包含常用的55个示例),实现的功能点概要如下:地图示例:地图展示同时加载两个地图设置地图最大及最小级别移动地图缩放地图拖拽地图设置地图显示范围获取地图显示范围测距地图控件:工具条、比例尺控件 地图类型缩略图控件添加版权控件添加自定义控件覆盖物示例:添加/删除覆盖物折线上添加方向箭头添加动画标
2021-04-28 08:26:31
2617
37
原创 富文本编辑器 vue-html5-editor的集成与使用
一、vue-html5-editor插件安装执行如下命令来进行插件安装:npm install vue-html5-editor -S 我们还需要安装font-awesome ,因为里面使用到的图标是基于font-awesome的,需要执行如下命令:npm install font-awesome --save二.集成vue-html5-editor富文本编辑器新建工具类initHTMLEditor.js文件,主要用于初始化我们的vue-html5-editor,js代码如下:import
2021-04-27 14:16:16
3654
7
原创 百度UEditor富文本编辑器去除过滤div等标签
将设计排版好的页面html代码上传到数据库,再读取出来的时候发现所有的div都被替换成了p标签。解决方法:首先在ueditor.all.js文件内搜索allowDivTransToP,找到如下的代码,将true设置为falseme.setOpt({ 'allowDivTransToP':false, 'disabledTableInTable':true });然后在ueditor.config.js文件内搜索allowDivTransToP,找到如下的代码
2021-04-25 10:07:22
1184
4
原创 Vue3.0如何使用Element UI组件
大家都知道饿了么开源了两套Vue的UI组件,Mint UI 移动端的,Element UI PC端的。我使用的是最新的Vue3.0,照着Element的文档引入,结果页面出现白版,F12打开开发者工具一片飘红,一顿操作。原来是从Vue3.0不支持Element UI,而是改成了Element Plus。引入elementUI命令引入参照官方文档:https://element.eleme.cn/#/zh-CN/component/installationnpm i element-ui -Smai
2021-04-18 22:15:42
13095
3
原创 手把手讲解Vue + Element UI实现后台管理系统(二):配置项目基本环境及项目结构介绍
基本环境配置1、项目配置文件首先,我们在项目目录下创建项目配置文件:vue.config.js,如下:我们运行命令启动一下,检验项目能否正常打开:npm run serve运行结果界面如下:2、项目开发辅助配置为了开发效率,我们安装如下三个vscode插件:ESlint , Prettier , Vetur 插件a、配置项⽬按eslint规范格式化代码选择“首选项”——>“设置”。选择扩展中的ESLint,之后点击在setting.json中编辑。添加如下配
2021-04-18 20:54:42
526
原创 手把手讲解Vue + Element UI实现后台管理系统(一):搭建开发环境
一、技术选型开发之前,请先熟悉下面的4个技术栈相关文档,后续相关开发内容会主要基于这四个技术栈来开展:vuejs3.0中文, 优秀的JS框架vue-router, vue.js 配套路由vuex,vue.js 应用状态管理库ElementUI,饿了么提供的UI框架二、开发环境Node JS(npm)Visual Studio Code(前端IDE)三、安装vue-cli3npm install -g @vue/cli// 输出版本号即为安装成功vue -V四、创建项目1、命令行
2021-04-18 18:04:22
542
原创 百度离线地图示例之十一:混合图(街道图、卫星图)实现
前言介绍:主要是基于v3.0的API版本进行的离线,纯内网可操作,基本上实现了现有90%以上的功能点,能兼容jpg和png格式的瓦片图层,实现了原生和基于Vue两个版本(包含常用的55个示例),实现的功能点概要如下:地图示例:地图展示同时加载两个地图设置地图最大及最小级别移动地图缩放地图拖拽地图设置地图显示范围获取地图显示范围测距地图控件:工具条、比例尺控件 地图类型缩略图控件添加版权控件添加自定义控件覆盖物示例:添加/删除覆盖物折线上添加方向箭头添加动画标
2021-04-14 11:55:25
2851
19
原创 Vue项目数据状态管理机制Vuex详解之一:Vuex基础、环境安装及使用
一、Vuex基础Vuex的定义官方介绍:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。定义中提到了“状态管理模式”,那么什么是状态管理模式?举个简单的例子,比如我们一个电商网站,上面有很多
2021-03-21 16:10:56
214
原创 Vue项目单页面应用控制机制Vue-router详解
1、路由基本配置a、路由什么是路由呢?那么路由在我们单页面应用中是一个很重要的角色,它就是用来切换组件的。因为我们单页面应用中是没有页面这样一个概念的,它只有一个页面,也就是我们常见的index.html,那么我们是通过组件切换来模拟页面跳转的效果,所以这就是vue-router要实现的作用。b、vue-router使用那么我们怎么使用vue-router?首先我们就要进行一个配置,我们在项目创建时,如果安装了vue-router,那默认就会在我们项目中生成一个router.js,如下图:文件里
2021-03-21 14:46:18
830
原创 jsPDF实现浏览器界面导出为PDF文件
1、安装依赖环境npm install --save html2canvas //将页面html转换成图片npm install jspdf --save //将图片生成pdf2、定义全局转换函数创建一个pdf.js文件在指定位置,主要作用是进行html——>图片——>pdf的转换,可以直接引用,也可挂载在Vue实例,所有有两种写法。实现逻辑思路:a、获取DOM元素;b、将DO转换成Canvas;c、获取转换后的canvas的高度和宽度;d、将PDF的宽和高设置
2021-02-23 20:23:04
3759
原创 百度离线地图示例之十:传递事件参数
前言介绍:主要是基于v3.0的API版本进行的离线,纯内网可操作,基本上实现了现有90%以上的功能点,能兼容jpg和png格式的瓦片图层,实现了原生和基于Vue两个版本(包含常用的55个示例),实现的功能点概要如下:地图示例:地图展示同时加载两个地图设置地图最大及最小级别移动地图缩放地图拖拽地图设置地图显示范围获取地图显示范围测距地图控件:工具条、比例尺控件 地图类型缩略图控件添加版权控件添加自定义控件覆盖物示例:添加/删除覆盖物折线上添加方向箭头添加动画标
2021-02-18 17:17:18
702
1
原创 百度离线地图示例之九:自定义覆盖物提示框
前言介绍:主要是基于v3.0的API版本进行的离线,纯内网可操作,基本上实现了现有90%以上的功能点,能兼容jpg和png格式的瓦片图层,实现了原生和基于Vue两个版本,实现的功能点概要如下:地图示例:地图展示同时加载两个地图设置地图最大及最小级别移动地图缩放地图拖拽地图设置地图显示范围获取地图显示范围测距地图控件:工具条、比例尺控件 地图类型缩略图控件添加版权控件添加自定义控件覆盖物示例:添加/删除覆盖物折线上添加方向箭头添加动画标注点设置点的新图标设
2021-02-18 17:12:47
694
4
基于turf的空间计算,复杂多维度对比
2023-08-18
exportToWord导出页面到word文档,亲测可用
2022-09-22
导出网页到word文档(原生JS版本)
2022-09-22
地图geoJson(行政区域边界)下载器,实时下载最新数据(附送实现教程)
2022-05-11
Multisim仿真实例(250个电路仿真文件,拿来即用,总有一个适合你)
2022-04-15
毕业设计-图书管理系统(java+mysql)内含运行、使用教程、设计说明文档
2022-04-13
TI MCU Design Days 2014 技术讲座实录.pdf
2021-07-31
前阿里-杨卓荦-大数据平台与数据中台构建实战资料,很好地参考学习资料,超详细
2021-07-21
机器人自动寻线、避障、建图、导航、遥控版本/车载电脑版本路面分析,及交通路况识别的车辆辅助驾驶系统
2021-06-21
101套机械毕业设计方案(含整套图纸、设计说明书、工艺过程卡、工序卡)
2021-05-30
【精选已更新】JSP-116套计算机毕业设计论文源码(包含论文模版、毕业论文+源码)
2021-05-30
java毕业设计(IQ智商测试系统)+源码+演示视频+代码+数据库+论文+操作说明.rar
2021-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人