- 博客(84)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 HTML+CSS+JS+JQuery实现轮播图
用前端原生框架加JQuery实现轮播图虽然现在已经有很多UI框架有轮播图组件去直接使用了，但是还是要自己会写才可以。效果图HTML代码html代码分三个部分，第一个是展示的图片区域，第二个是两边的切换箭头，第三个是中下放的显示第几个图片的切换点。总的结构相对简单。 <div class="swiperbox"> <!-- 图片框 放置轮播图片--> <div class="swiper"> <d
2022-05-24 00:09:14
710
原创 响应式布局-flex弹性盒子
Flex相关参数display: flex; 决定flex布局flex-direction：子元素在父盒子中的排列方式1. row：默认值。按从左到右的顺序显示 2. row-reverse：与row相同，但是顺序相反3. column：锤子显示，从上到下 4. column-reverse: 与column相同，但是顺序相反flex-wrap：子元素在父元素盒子中是否换行(列)1. nowrap：默认值。不换行或不换列 2. wrap：换行或换列3. w
2021-07-30 18:11:28
860
原创 响应式布局-媒体查询
媒体查询实例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-07-30 18:10:12
476
原创 网页内嵌markdown编辑器
网页内嵌MarkDown下载MarkDown编辑器文件下载地址下载解压文件目录创建文件夹 将上方框起来的文件拖入一个文件夹创建网页引入文件(editormd.min.css,editormd.min.js)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2021-07-28 14:39:31
1121
原创 Electron打包
打包安装electron-packagercnpm i electron-packager -D添加打包任务"build": "electron-packager ./包名 --platform=系统 --arch=linux系统 --out 输出路径 --overwrite --icon=图标""build": "electron-packager ./ HelloWorld --platform=win32 --arch=x64 --out ./outApp --overwrit
2021-07-10 16:46:54
288
原创 Electron进程间通信
进程间通信html<button style="-webkit-app-region: no-drag;" onclick="maxWindow()">最大</button>主进程const { app, BrowserWindow, ipcMain} = require('electron')// 监听初始化完成的生命周期app.on('ready', () => { const mainWindow = new BrowserWindow({
2021-07-10 16:37:25
126
原创 ELectron自定义快捷键
快捷键注册主进程中定义const { app, BrowserWindow, globalShortcut} = require('electron')// 监听初始化完成的生命周期app.on('ready', () => { const mainWindow = new BrowserWindow({ width: 700, height: 500, }) // 注册快捷键 窗口最大 最小 关闭 globalS
2021-07-10 16:16:51
700
原创 Electron文件读取与保存
文件读取和保存html<button onclick="openFile()">打开文件</button><textarea name="" id="" cols="30" rows="10"></textarea><button onclick="saveFile()">保存文件</button>index.jsconst {remote: {dialog}} = require('electron')con
2021-07-10 16:04:06
4118
原创 Electron自定义顶部菜单
自定义顶部菜单main.jsconst { app, BrowserWindow} = require('electron')// 热加载const reloader = require('electron-reloader')reloader(module)// 监听初始化完成的生命周期app.on('ready', () => { const mainWindow = new BrowserWindow({ width: 700, he
2021-07-10 15:37:23
2217
原创 Electron自定义原生菜单
自定义原生菜单引入Menuconst { BrowserWindow, Menu } = require('electron')编写代码// 定义菜单模板const template = [ { label: '设置', submenu: [ { label: '新建窗口', click() { // 点击事件
2021-07-10 15:32:27
550
原创 Electron热更新插件
页面自动刷新插件安装cnpm install --save-dev electron-reloadernpm install --save-dev electron-reloader使用添加在main.js里// 热加载const reloader = require('electron-reloader')reloader(module)
2021-07-10 15:29:36
330
原创 Electron简单上手
安装Electron初始化项目 生成package.jsonnpm init{ "name": "electron-test", "version": "1.0.0", "description": "A Test", "main": "main.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "electron": "electron ."
2021-07-10 14:24:16
85
原创 VsCode Gitee Git使用
初始化上传仓库进入项目目录检查项目状态 git statusgit add .git commit -m “add files”git remote add origin https://gitee.com/yanggeol/musicplayerdemo.gitgit push -u origin master更新仓库git statusgit add .git commit -m “add files”查看分支 git branch切换到master分支 git check
2021-06-24 21:17:29
100
原创 SpringBoot入门代码
SpringBoot入门依赖 pom.xml<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.
2021-05-22 00:05:45
197
原创 HTML+JavaScript+CSS+JQuery实现音乐播放器
音乐播放器效果如下包含的功能重新开始播放上一曲下一曲暂停、继续播放静音调节音量可调节播放进度条自动播放下一曲代码HTML代码HTML就是一个基本的网页结果，什么地方有什么样的标签，其中也引用了iconfont字体图标，还有引入JS和CSS文件以及设置网站图标<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>MusciPlayer&
2021-05-21 23:41:27
4721
7
原创 Spring-Mybatis整合笔记
相关依赖<dependencies> <!--junit--> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency> <!--mybatis--
2021-04-23 21:08:25
130
原创 Spring入门学习笔记
起步使用依赖<dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.1.10.RELEASE</version></dependency><dependency> <groupId>junit<
2021-04-21 19:56:10
61
原创 Mybatis-学习使用及配置
万能MapUserMapper.java// 万能Map Integer addUserByMap(Map<String, Object> map;UserMapper.xml<select id="addUserByMap" parameterType="map"> insert into mybatis.user (id,user,pwd) values (#{userid},#{username},#{password})</s
2021-04-19 23:31:55
56
原创 初学Mybatis-增删改查实现
Mybatis增删改查namespace命名空间，要与接口包名一样select选择，查询语句：id：namespace中的方法名resultType：sql语句执行的返回值parameterType：参数类型insert插入语句update更新语句delete删除语句实现步骤编写Mapper.java接口package top.yanggeol.dao;import top.yanggeol.pojo.User;import java.util.List;
2021-04-17 16:17:35
62
原创 Mybatis-增删改查踩坑- attempted to return null from a method with a primitive return type (int).
错误在编写插入数据时一直报如下错误：attempted to return null from a method with a primitive return type (int).原来的代码Mapper.javaMapperTest.java解决搞了有一个多小时，又是改xml文件又是改数据库，最终是因为当插入成功时返回的是一个null，而int类型默认为0，这个时候就要用Integer类型，因为Integer类型默认为null。修改后Mapper.javaMapperTest
2021-04-17 15:47:03
742
原创 初学Mybatis-第一个Mybatis程序及踩坑解决
Mybatis项目完成步骤数据库新建项目Maven->Next->设置名称，存储位置->完成导入依赖创建模块新建->模块->Maven->输入信息->完成编写Mybatis的核心配置文件和Mybatis的工具类核心配置文件在Mybatis-01/src/main/resuorce下新建mybatis-config.xml文件，粘贴一下内容<?xml version="1.0" encoding="U
2021-04-16 23:41:05
121
原创 VueCli项目配置文件
配置文件package.json{ "name": "vuecli-demo", "version": "0.1.0", "private": true, "scripts": { // 项目启动方式 "serve": "vue-cli-service serve", "build": "vue-cli-service build" }, "dependencies": { // 项目中的依赖 "core-js": "^2.6.5",
2021-04-15 11:52:55
113
原创 VueCLi命令行搭建Vue项目
VueCli安装npm install -g @vue/cli升级npm update -g @vue/cli查看版本vue --version创建项目vue create my-project# ORvue ui步骤vue create vuecli-demo// 手动去选择一些功能Manually select features*表示已经选中了 使用空格选择 a全选>(*) Babel ( ) TypeScript ( ) Progress
2021-04-14 23:16:00
255
原创 Vue学习Demo-1
效果图点击Punch蓝条减小 点Restart回满<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
2021-04-14 21:35:11
60
原创 1955年至2020年的国家GDP数据可视化-基于Pandas，Seaborn
导入包import numpy as npimport pandas as pdpd.plotting.register_matplotlib_converters()import matplotlib.pyplot as plt%matplotlib inlineimport seaborn as snsprint("Setup Complete")获取数据data_original = pd.read_csv("./gdp_csv.csv")data_original获取
2021-04-14 13:40:42
914
原创 2009-2019年亚马逊畅销书50强数据集可视化分析-基于Pandas-Seaborn
Amazon Top 50 Bestselling Books 2009 - 2019导入相关的包import numpy as npimport pandas as pdpd.plotting.register_matplotlib_converters()import matplotlib.pyplot as plt%matplotlib inlineimport seaborn as snsprint("Setup Complete")获取相关的数据Name:书名Autho
2021-04-13 16:21:41
1109
2
原创 HTMl5和CSS3基础使用
HTML5语义化标签<header></header><nav></nav><article></article><section></section><aside></aside><footer></footer>视频标签<video src="" controls=""></video><!-- 属性auto
2021-04-10 15:01:08
197
原创 动态规划解决投资问题（C语言）
问题有m元钱，n个项目，f(x,y)表示x元钱投资第y个项目的效益，问如何投资使效益最大。实例：5万元钱，4个项目，效益函数如下表所示：最大效益为61。输入项目数n钱数m效益函数f(x,y)输出最大效益例输入450 0 0 011 0 2 2012 5 10 2113 10 30 2214 15 32 2315 20 40 24输出61解决思路首先要理清数据在数组中如何存储的，位置在哪里，不然很容易将位置搞混，然后输出错误，我前面就一直错在这里。然后根据动态
2021-04-07 21:31:29
3458
1
原创 CSS知识点复习
CSS介绍层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。使用选择器<!DOCTYPE html><html lang="en"><
2021-04-03 23:28:03
147
原创 使用幂乘函数来求Fibonacci数列第n项（C语言）
题目描述在斐波那契整数序列中， 对于n≥2，F 0 = 0，F 1 = 1和F n = F n -1 + F n -2 。例如，斐波那契序列的前十项为：0、1、1、2、3、5、8、13、21、34，…斐波那契数列的另一个公式是给定一个整数n，您的目标是计算Fn的最后4位数字。输入输入的测试文件将包含多个测试用例。每个测试用例由包含单个线n（其中，0≤的Ñ ≤1,000,000,000）。文件末尾由包含数字-1的单行表示。输出对于每个测试用例，请打印Fn的最后四位数字。如果F
2021-04-03 19:47:24
784
原创 HTML知识点复习
这篇博客的目的因为以前学过前端的知识，但是学过后并未怎么写过，所以决定重新开始复习一遍前端的基础知识点HTML介绍超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。使用基本结构标签标签名定义说明HTML标签页面中最大的标签，根标签文档的头部在改标签里必须设置title标签文档的标签网页的标题文档的主体包含文档的所有内容第一个网页<!DOCTYPE ht
2021-04-02 22:33:04
196
原创 芯片测试（C语言）
题目描述将2片芯片(A和B)置于测试台上，互相进行测试，测试报告是“好”或“坏”，只取其一。假设好芯片的报告一定是正确的，坏芯片的报告是不确定的(可能会出错）。输入n片芯片，其中好芯片至少比坏芯片多1片。设计一种测试方法，通过测试从n片芯片中挑出1片好芯片。输入第一行是一个整数n，表示芯片数。第二行是n个整数，表示芯片“好”或“坏”的整数(任意整数，不一定是1或0)。输出好芯片的编号(从1开始计)。样例输入71 1 1 1 0 0 0样例输出1代码#include <stdi
2021-03-30 21:53:20
3364
原创 Java-JDBC连接数据库并操作
package com.zlt.jdbc;import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;import java.sql.Statement;public class jdbctest { // 数据库信息 用户名 密码 地址 private static final String user = "root"; private static final
2021-02-27 17:07:32
62
原创 Java-WebSocket实现前后端即时通讯（聊天室即时通讯）
介绍WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信–允许服务器主动发送信息给客户端。前端代码实现连接后端，接收发送消息（私发，群发）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CharBox</title></head><body&
2021-02-27 17:02:57
2769
1
原创 取消DRF的API测试页面的方法
在settings.py中插入REST_FRAMEWORK = { 'DEFAULT_RENDERER_CLASSES': ('rest_framework.renderers.JSONRenderer', )}
2021-01-12 20:25:09
820
原创 【爬虫】-【爬取某计算机教程网站的资源链接】
安装包# 用于爬取网页页面数据pip install requests# 用于解析网页的数据pip install beautifulsoup4代码# 导包import requestsfrom bs4 import BeautifulSoup# 爬取网址的链接url = 'https://www.runoob.com/'# 获取网页文档req = requests.get(url=url)# 解析网页文档soup = BeautifulSoup(req.text)# 找
2021-01-07 22:23:21
198
原创 Python期末习题练习
简答题1. Python语言有哪些数据类型？ int float bool complex string 元组(Tuple) 列表(list) 字典(Distrionary) 集合(Set)2. 为什么要在程序中加注释？怎样在程序中加注释？加入注释对程序的执行有没有影响？ 注释的作用是帮助理解程序的有效的手段之一,帮助自己和他人理解程序。注释有单行注释,多行注释等。快捷键 加注释的方法:选中一部分,同时按ctrl+/,给这些行加上注释(适用于批量加注释)。注释对程序没
2020-12-14 19:04:26
13440
11
原创 Docker+Nginx+MySQL+Vue+Django部署web应用
一.实验目的理解并熟悉掌握docker容器的使用了解掌握Web应用的部署掌握在Docker下构建Web应用镜像和容器并部署到服务器二.实验内容Docker的安装及测试1）安装必要的一些系统工具[root@VM-0-13-centos data]# yum install -y yum-utils device-mapper-persistent-data lvm22）添加软件源信息[root@VM-0-13-centos data]# yum-config-manager
2020-12-14 00:07:33
1286
原创 基于CentOS+Docker+Nginx部署静态网页
安装Docker这里用的是阿里巴巴镜像站提供的方法安装Docker-CE（社区版的Docker，免费的）# step 1: 安装必要的一些系统工具sudo yum install -y yum-utils device-mapper-persistent-data lvm2# Step 2: 添加软件源信息sudo yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.re
2020-12-04 00:15:14
433
原创 基于CentOS + Nginx 部署静态web网页
安装Nginx安装依赖[root@localhost /]yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel安装 PCRE# 这是我自定义的下载路径 [root@localhost /]cd /data/software# 下载pcre[root@localhost software]wget http://downloads.sourceforge.net/project/pcre/p
2020-12-03 20:13:27
1367
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人