YANGGEOL
码龄5年
关注
提问 私信
  • 博客:122,519
    122,519
    总访问量
  • 84
    原创
  • 1,039,929
    排名
  • 113
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:浙江省
  • 加入CSDN时间: 2020-02-02
博客简介:

YANGGEOL

查看详细资料
个人成就
  • 获得135次点赞
  • 内容获得60次评论
  • 获得893次收藏
  • 代码片获得5,999次分享
创作历程
  • 1篇
    2022年
  • 35篇
    2021年
  • 48篇
    2020年
成就勋章
TA的专栏
  • 大数据
    2篇
  • 前端
    27篇
  • Java
    9篇
  • 服务器
    6篇
  • Python
    11篇
  • Django
    11篇
  • 算法
创作活动更多

仓颉编程语言体验有奖征文

仓颉编程语言官网已上线,提供版本下载、在线运行、文档体验等功能。为鼓励更多开发者探索仓颉编程语言,现诚邀各位开发者通过官网在线体验/下载使用,参与仓颉体验有奖征文活动。

368人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

HTML+CSS+JS+JQuery实现轮播图

用前端原生框架加JQuery实现轮播图虽然现在已经有很多UI框架有轮播图组件去直接使用了,但是还是要自己会写才可以。效果图HTML代码html代码分三个部分,第一个是展示的图片区域,第二个是两边的切换箭头,第三个是中下放的显示第几个图片的切换点。总的结构相对简单。 <div class="swiperbox"> <!-- 图片框 放置轮播图片--> <div class="swiper"> <d
原创
发布博客 2022.05.24 ·
753 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

响应式布局-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 ·
994 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

响应式布局-媒体查询

媒体查询实例代码<!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 ·
505 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

网页内嵌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 ·
1203 阅读 ·
1 点赞 ·
0 评论 ·
8 收藏

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 ·
332 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
162 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ELectron自定义快捷键

快捷键注册主进程中定义const { app, BrowserWindow, globalShortcut} = require('electron')// 监听初始化完成的生命周期app.on('ready', () => { const mainWindow = new BrowserWindow({ width: 700, height: 500, }) // 注册快捷键 窗口最大 最小 关闭 globalS
原创
发布博客 2021.07.10 ·
771 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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 ·
4250 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

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 ·
2451 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

Electron自定义原生菜单

自定义原生菜单引入Menuconst { BrowserWindow, Menu } = require('electron')编写代码// 定义菜单模板const template = [ { label: '设置', submenu: [ { label: '新建窗口', click() { // 点击事件
原创
发布博客 2021.07.10 ·
597 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Electron热更新插件

页面自动刷新插件安装cnpm install --save-dev electron-reloadernpm install --save-dev electron-reloader使用添加在main.js里// 热加载const reloader = require('electron-reloader')reloader(module)
原创
发布博客 2021.07.10 ·
371 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

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 ·
102 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
114 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
216 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

MusicPlayer.zip

发布资源 2021.05.21 ·
zip

HTML+JavaScript+CSS+JQuery实现音乐播放器

音乐播放器效果如下包含的功能重新开始播放上一曲下一曲暂停、继续播放静音调节音量可调节播放进度条自动播放下一曲代码HTML代码HTML就是一个基本的网页结果,什么地方有什么样的标签,其中也引用了iconfont字体图标,还有引入JS和CSS文件以及设置网站图标<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>MusciPlayer&
原创
发布博客 2021.05.21 ·
4869 阅读 ·
14 点赞 ·
7 评论 ·
57 收藏

Spring-Mybatis整合笔记

相关依赖<dependencies> <!--junit--> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency> <!--mybatis--
原创
发布博客 2021.04.23 ·
147 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Spring入门学习笔记

起步使用依赖<dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.1.10.RELEASE</version></dependency><dependency> <groupId>junit<
原创
发布博客 2021.04.21 ·
73 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
72 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

初学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 ·
77 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多