自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

郭宝的博客

谁 都 不 能 阻 止 你 成 为 优 秀 的 人

  • 博客(23)
  • 资源 (30)
  • 收藏
  • 关注

原创 在Vue项目中使用vue-splitpane(垂直水平分割窗口)插件

vue-splitpane 是什么? 它是垂直水平分割窗口的一个插件。vue-splitpane 怎么使用? 1、安装插件npm install vue-splitpane --save 2、在main.js文件中全局引入import splitPane from 'vue-splitpane'Vue.component...

2019-07-31 15:25:01 10460

原创 在Vue项目中使用vue-particles(粒子背景)插件

vue-particles 是什么? 它是一个粒子背景插件。 官方介绍 GitHub代码vue-particles 怎么使用?1、安装插件npm install vue-particles --save-dev2、在main.js文件中全局引入import Vue from 'vue'import VuePar...

2019-07-31 10:02:26 11325 3

原创 如何在GitHub上面部署自己的前端项目

背景: 作为前端开发工程师,很多时候想把自己的写的Demo或者个人项目上传到一个服务器,然后通过一个URL地址就可以访问,但是购买一个服务器和域名需要花费一定的资金,这个时候很多小伙伴就不愿意了。而其实GitHub就为我们提供这样一个免费的通道,只要我们将上传到GitHub上面的项目进行分享即可。具体步骤: 1、打开已上传到GitHub的项目,点...

2019-07-27 12:01:29 1483

原创 require() - NodeJS

require() 是什么? require()是NodeJS中的一个全局函数,通过该函数可以引入模块、JSON、或本地文件。可以从node_modules引入模块。 可以使用相对路径(例如./、./foo、./bar/baz、../foo)引入本地模块或 JSON 文件,路径会根据当前工作目录进行处理。require() 怎么使用? ...

2019-07-26 17:50:35 622

原创 在Vue中定义一个全局函数的几种方式

方式一: 通过在main.js文件中的Vue.prototype来定义。具体步骤:1、在main.js文件中定义函数/**自定义一个全局函数*$maxValue 表示自定义的函数名称 * value1,value2 表示调用该函数时所需传递的参数* */Vue.prototype.$maxValue = function(value1,value...

2019-07-25 17:23:43 2569 2

原创 在Vue中使用Moment.js(日期处理类库)插件

Moment.js 是什么? Moment.js 是一个日期处理类库。Moment.js 怎么使用? 1、安装npm install moment --save 2、在main.js文件中全局引入import Moment from 'moment'//导入文件Vue.prototype.$moment...

2019-07-25 11:32:59 1978

原创 在Vue项目中使用smoothscroll-polyfill(页面平滑滚动)插件

smoothscroll-polyfill 是什么? 它是一款纯JS页面的平滑滚动插件。该插件的特点是页面滚动的行为被作为window对象的扩展,用户可以通过window对象直接调用平滑滚动的方法。 官方介绍及Demo GitHub源码地址smoothscroll-polyfill 什么使用? ...

2019-07-25 10:25:32 5462

原创 利用console对象控制台输出标签对象

方式一:let input = document.getElementById("file");console.dir(input);方式二:let input = document.getElementById("file");console.log("%O",input)效果图:

2019-07-23 10:56:04 1206

原创 利用CSS3实现宇宙效果

效果图:核心代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>20190717_CSS3_48_动画_宇宙</title> <style> body {...

2019-07-17 11:03:59 1365

原创 利用CSS3实现蓝天白云大海景象

效果图:核心代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>20190716_CSS3_44_动画_animation_大海</title> <style > ...

2019-07-17 09:01:27 911

原创 在Vue中使用clipboard.js(文本复制到剪贴板)插件

clipboard.js插件 是什么? 通过clipboard.js插件可以将文本复制到剪切板。为什么要使用clipboard.js插件? 因为它不依赖Flash,也不依赖于任何框架,并且只有3kbclipboard.js插件 什么使用? 1、安装npm install clipboard --save...

2019-07-08 11:12:21 1370 1

原创 Android中的服务有几种,具体实现步骤,这几种之间的区别

Android中的服务有几种,具体实现步骤,这几种之间的区别 Android中服务是在后台运行的,可以理解成一个在后台运行并且界面的Activity,一般在服务中播放音乐或者下载数据。 服务分为2种,一种是普通服务,一种是绑定服务。普通服务 特点: 1、...

2019-07-07 16:40:42 1387

原创 Android中的进程生命周期

Android中的进程简介: 四大组件(Activity,Service,BroadcastReceiver ,ContentProvider)都是运行在主线程中。Android中的进程生命周期: Android系统会尽可能长时间的来维持进程, 但是当内存不足时,Android系统会根据进程的优先级来杀死旧进程来回收一些内存给新的更重...

2019-07-07 15:30:53 382

原创 Android中的服务和Java中的线程有什么区别?

Android中的服务和Java中的线程有什么区别? 共同点:两者都是在后台运行。 不同点: 1、进程优先级不同,当应用退出后,JAVA中的线程将成为空进程,而Android中的线程会成为服务进程。 ...

2019-07-07 13:44:33 405

原创 Vue 自定义指令

Vue 自定义指令 除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。 局部指令: 如果想注册局部指令,那么只需在组件中定义一个directives的选项即可,如下代码:<template> <div style="width: 30...

2019-07-05 15:08:26 230

原创 Vue 中 mixins(混入) 的学习

什么是mixins(混入)? mixins(混入)是Vue提供的,通过它可以分发Vue组件中可复用的功能。mixins选项接收一个混入对象的数组,在这个对象中可以定义一部分公共的变量、函数、Vue生命周期函数等等选项,然后通过mixns(混入)将其融入到各个组件中。而融入进组件中的混合将优先执行。 注意:当组件和混入对象有同名变量、函数时,那么最终...

2019-07-04 13:34:22 572

原创 在Vue中使用vue-count-to(数字滚动)插件

vue-count-to 是什么?vue-count-to 它是一个vue组件,将在指定的持续时间内计入目标数vue-count-to 怎么使用? 1、安装npm install vue-count-to 2、导包import countTo from 'vue-count-to' 3、直接使用该组件&l...

2019-07-03 15:05:17 11008

原创 通过component标签加上is属性动态切换组件

核心代码:<template> <div> ============================66、通过component标签加上is属性动态切换组件========================= <div> <el-button @click="switchComponent">切换组件</e...

2019-07-03 11:23:05 4356 2

原创 Vuex(全局状态管理)

Vuex 是什么? Vuex是Vue.js应用程序的状态管理模式+库。它是用来存储全局的状态,在实际的开发过程中,我们发现组件和组件之间想共用同一个状态。比如用户相关信息,登录以后的Token,这个时候就需要用到Vuex来进行存储,让项目中所有的组件都能够使用这个状态信息。Vuex 怎么使用?Vuex安装npm install vuex --save...

2019-07-02 15:36:18 582

原创 DOM的 focus() 方法和blur() 方法

DOM的focus()方法和blur()方法的含义: focus():表示为元素赋予焦点 blur():表示使元素失去焦点DOM的 focus() 方法和blur() 方法的使用:<template> <div> ============================62、DOM的 focus()...

2019-07-01 17:00:31 4424

原创 Vue中的@blur事件

@blur 是什么? @blur 是当元素失去焦点时所触发的事件@blur 怎么使用? <template> <div> ============================61、@blur 事件的使用========================= <!-- @blur 当元素失去焦点...

2019-07-01 15:31:59 90314 2

原创 Vue中的@keyup事件

什么是 @keyup ? @keyup 是按键松开的事件,当指定的按键松开会触发的事件。常用的事件如下:@keyup常用事件 事件代码 事件描述 @keyup.enter 回车按键松开 @keyup.left 左键松开 @keyup.right 右键松开 @keyup.up 上键松开 @keyup.down 下键松...

2019-07-01 15:08:08 6968

原创 SVG

SVG 是什么? svg 是Scalable Vector Graphics的缩写,意思为可缩放的矢量图形。不管图片怎么放大,看到的都是特别清晰的。 特点: 1、体积小 2、质量高 3、效果好 4、可控程度高 比如use...

2019-07-01 10:12:16 284

通过高德JS API 实现呼吸点

三种呼吸点对应的图片资源

2024-08-07

通过React 编写B站评论案例

通过React 编写B站评论案例 1、评论列表渲染实现 2、删除评论实现 3、渲染导航Tab和高亮实现 4、评论列表排序功能实现

2024-06-26

三峡职业技术学院的GeoJSON 坐标点数据集

三峡职业技术学院的GeoJSON 坐标点数据集

2024-06-18

三峡职业技术学院的GeoJSON地图区域数据

三峡职业技术学院的GeoJSON地图区域数据

2024-06-18

poi-3.12-android-a.jar和poi-ooxml-schemas-3.12-20150511-a.jar

poi-3.12-android-a.jar 和 poi-ooxml-schemas-3.12-20150511-a.jar 是Apache POI项目的特定版本的库文件,专门设计用于在Android平台上处理Microsoft Office文档,尤其是Excel文件。 poi-3.12-android-a.jar: 这是Apache POI项目的一个版本,针对Android平台进行了优化。Apache POI是一个流行的Java库,允许程序员创建、修改和显示MS Office文件,包括Excel工作簿。这个特定的.jar文件包含了基本的功能以支持.xls格式的Excel文件操作。 poi-ooxml-schemas-3.12-20150511-a.jar: 这个库是POI项目中的一个组件,特别涉及到对OOXML格式(如.xlsx文件)的支持。OOXML是Office Open XML的缩写,是Microsoft Office从2007版开始使用的新的文档标准。这个.jar文件包含了实现OOXML规范所需的XML架构信息,使得应用程序能够正确地读写.xlsx等基于OOXML的文件。

2024-05-06

Android平台uni原生插件开发之通过uniapp引入原生插件

该代码为TestModule原生插件的使用案例,可以直接运行

2024-04-18

Android平台uni原生插件开发之Android离线SDK

该示例代码中包含Module 扩展 及Component 扩展,目前已完成Module 扩展的插件调试,可以直接运行

2024-04-18

通过videojs播放m3u8视频文件

通过videojs播放m3u8视频文件

2024-03-25

通过Javascript打开摄像头进行二维码扫描

通过Javascript打开摄像头进行二维码扫描

2024-03-25

CSS3的3D切割轮播图

CSS3的3D切割轮播图

2024-03-25

Canvas中通过方向键控制小人行走

Canvas中通过方向键控制小人行走

2024-03-25

ArcGIS之JavaScript添加线

ArcGIS之JavaScript添加线

2024-03-25

ArcGIS之JavaScript添加点

ArcGIS之JavaScript添加点

2024-03-25

ArcGIS之JavaScript添加多边形

ArcGIS之JavaScript添加多边形

2024-03-25

ArcGIS之JavaScript天气可视化

ArcGIS之JavaScript天气可视化

2024-03-25

ArcGIS之JavaScript创建一个弹出窗口

ArcGIS之JavaScript创建一个弹出窗口

2024-03-25

ArcGIS之JavaScript显示3D基础地图

ArcGIS之JavaScript显示3D基础地图

2024-03-25

ArcGIS之JavaScript显示基础地图

ArcGIS之JavaScript显示基础地图

2024-03-25

通过onmousedown实现拖拽效果

通过onmousedown实现拖拽效果

2024-03-25

通过SVG标签绘制矩形、圆、椭圆、线段、多条线、多边形

通过SVG标签绘制矩形、圆、椭圆、线段、多条线、多边形

2024-03-25

通过CSS3中的animation属性来实现宇宙效果

通过CSS3中的animation属性来实现宇宙效果

2024-03-25

通过CSS3中的animation-iteration-count属性来实现爱心效果

通过CSS3中的animation-iteration-count属性来实现爱心效果

2024-03-25

通过CSS3中的animation属性实现无缝滚动效果

通过CSS3中的animation属性实现无缝滚动效果

2024-03-25

通过CSS3中的transform属性来实现3D导航栏效果

通过CSS3中的transform属性来实现3D导航栏效果

2024-03-25

通过CSS3中的transform翻转的文字效果

通过CSS3中的transform翻转的文字效果

2024-03-25

通过CSS3中的transform来绘制一个3D立方体

通过CSS3中的transform来绘制一个3D立方体

2024-03-25

CSS3通过@font-face加载字体文件

/* 通过@font-face能够加载服务器端的字体文件 font-family: "MOOC Font"; 表示该字体文件的引用,可以自定义 src: url("../other/niuniu_body.ttf"); 表示指定字体文件的路径 可以去https://izihun.com/?from=sem&fk=1241下载字体文件 */

2024-03-25

CSS3文字阴影text-shadow属性代码示例

/* text-shadow 给文字设置阴影的属性 text-shadow: 1px 2px 3px red; 1px表示X轴偏移量(取值范围负数~正数,负数阴影在左,正数阴影在右),2px表示Y轴偏移量,3px表示模糊度(数值越大越模糊,该数值不能为负值) text-shadow: 1px 2px 3px red,5px 6px 7px green; 表示设置2个阴影,每个阴影用逗号分隔 */

2024-03-25

CSS3伪类选择器;例如:E:root、E:not等等

/* CSS3伪类选择器 E:root 根选择器,它的意思是匹配元素E所在文档的根元素,在HTML文档中,根元素始终是<html> E:not 否定选择器,它和JQuery中的:not选择器一模一样,可以选择除某个元素以外的元素, E:first-child 第一个子元素 ,表示给指定元素的父元素中的第一个指定元素设置一个统一的样式,E表示指定元素 E:last-child 最后一个元素 表示给指定元素的父元素中的最后一个指定元素设置一个统一的样式,E表示指定元素 E:nth-child(n) 表示给指定元素的第n个兄弟元素设置一个统一的样式,n可以取任意值,并且n为整数 E:nth-last-child(3) 表示给指定元素的倒数第三个元素设置一个统一的样式 E:nth-of-type(1) 表示根据指定元素的类型设置第一个元素的样式,其实该选择器类似于nth-child选择器 E:empty 空选择器,

2024-03-25

CSS3 伪元素选择器,例如(E::before、E::after)

/* 常见伪元素: E::first-letter, 表示给元素中的第一个字母设置一个样式 E::first-line, 表示给元素的第一行设置一个样式 E::before, 用于CSS渲染中向元素逻辑上的头部添加内容,主要是用它开显示修饰的内容,比如元素左侧价格图标 E::after, 用于CSS渲染中向元素逻辑上的尾部添加内容,主要是用它开显示修饰的内容,比如元素左侧价格图标 E::selection 表示给鼠标选中的设置一个样式 */

2024-03-25

CSS3 属性选择器;属性选择器其特点就是通过属性来选择元素;属性选择器的语法: E:attr;

/* 属性选择器其特点就是通过属性来选择元素 属性选择器的语法: E:[attr]; E表示元素,attr表示元素中的属性 E:[attr=val]; attr=val表示当元素中的属性值是指定值时,设置一个统一的样式 E:[attr^=val]; attr^=val表示当元素中指定的属性值是val开头时 E:[attr$=val]; attr$=val表示当元素中的指定属性值是以val结尾时 E:[attr*=val]; attr*=val表示当元素中指定的属性值包含在内时,给其设置一个统一的样式 */

2024-03-25

JavaEE7-api.chw

JavaEE7-api.chw

2024-03-25

apache-tomcat-8.5.68-src

apache-tomcat-8.5.68-src

2024-03-25

常用字符与ASCII代码对照表

常用字符与ASCII代码对照表

2024-03-25

uniapp + vue3 + TypeScript + pinia + uviewplus

uniapp + vue3 + TypeScript + pinia + uviewplus

2023-11-03

vue-pinia 示例代码

vue-pinia 示例代码

2023-10-08

Vue3-demo 示例代码

Vue3-demo 示例代码

2023-10-08

Vue3+element-plus+axios 综合小案例

Vue3+element-plus+axios 综合小案例

2023-09-26

Vue3+element-plus+axios 综合小案例

Vue3+element-plus+axios 综合小案例

2023-09-26

mybatis示例代码

mybatis示例代码

2023-03-24

空空如也

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

TA关注的人

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