自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

郭宝的博客

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

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

原创 [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“

错误场景一:错误提示:在运行Vue项目时出现了上述错误,出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的,代码如下:// 基于准备好的dom,初始化echarts实例var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv)解...

2019-06-24 14:29:30 114100 50

原创 Android 技能图谱

Android 技能图谱更多技术请关注QQ群:636212586

2019-06-27 15:24:29 478 2

原创 Web 前端技能图谱

Web前端技术图谱

2019-06-27 14:46:24 526

原创 MVC和MVP的区别

背景: MVC:Model View Controller 的简称 MVP:Model ViewPresenter 的简称MVP模式结构图MVC和MVP有什么区别? 1、在MVC模式中,Model可以和View直接交互,而在MVP中,只能通过Presenter间接交互。...

2019-06-26 17:56:42 320

原创 sp(SharedPreferences)存储对象

其实主要是利用对象输出流(ObjectOutputStream)将对象转换为二进制数据,然后将二进制数据转换为字符串,再利用SP存储字符串即可。核心代码: /** * 保存对象 * 针对复杂类型存储<对象> * 注意:要保存的对象必须序列化 * @param key * @param object *......

2019-06-26 16:19:01 2523

原创 CSS3

CSS3是什么? CSS3是CSS2的升级版本,它是用于控制网页的样式和布局,3只是版本号,目前主流的Chrome、safari、firefox、opera、IE10+浏览器都支持CSS3。 在CSS3样式时,不同的浏览器可能需要不同的前缀,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的兼容还是少不了的。 前缀 浏览器...

2019-06-26 09:32:37 203

原创 在Vue中使用Sass

Sass 是什么? Sass又称SCSS,它是CSS预处理之一。它在CSS语法的基础上增加了变量、嵌套、混合宏、继承、占位符等等高级功能。那什么是CSS预处理器呢?简单理解就是,CSS预处理是一种专门的编程语言,通过该语言进行Web页面设计,然后再编译成正常的CSS文件,以供项目使用。 CSS预处理器技术已经非常成熟,而且也涌现出了很多不同的CSS...

2019-06-25 18:02:37 583

原创 React UI框架

1、Ant Design antd是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。更多技术请关注QQ群:636212586...

2019-06-25 11:05:28 455

原创 npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at leas t 2.1.6 to avoid a

利用npm安装cnpm时出现的错误解决办法:1、降低npm版本npm install npm@4.6.1 -g2、通过npm update -d查看当前npm安装的版本3、重新安装cnpm (npm install -g cnpm --registry=https://registry.npm.taobao.org)4、根据安装提示配置cnp...

2019-06-24 14:29:22 9863 4

原创 ES6 中 Promise 的使用

Promise 是什么? Promise 是一个对象,它用于异步计算。它可以将异步操作队列化,按照期望的顺序执行,并返回符合预期的结果。它是异步编程的一种解决方案,比传统的解决方案callback更加的优雅。 为什么要用Promise? 因为它可以解决多次异步嵌套的问题,它比传统的callback更加的优雅 Pr...

2019-06-20 19:10:15 188

原创 Vue中的过滤器(filter)

什么是过滤器? 顾名思义,过滤器就是就对数据进行筛选、过滤、格式化,比如时间格式化、英文大小写转换、状态转换等等。它与methods、computed 或者 watch不同是,它不能改变原始值。 过滤器分类: 1、组件内过滤器 组件内过滤器就是通过filters属性,该属性是一个对象,...

2019-06-18 17:14:05 3281

原创 Vue中的NProgress

NProgress 是什么? NProgress是页面加载进度条,如下图所示: NProgress 官方介绍:http://ricostacruz.com/nprogress/ NProgress Github代码:https://github.com/rstacruz/nprogressNProgress 怎么使用? 1、安装np...

2019-06-18 14:09:06 334

原创 router.beforeEach

router.beforeEach 是什么? router.beforeEach 是全局钩子函数,它是在路由跳转之前所调用的函数,在实际开发中页面进度条的加载、设置页面标题、判断用户是否已经登录过了等等都可以在该函数中执行。router.beforeEach 怎么使用? 常规用法如下:/**to 表示oruter即将进入的路由对象from 表示当...

2019-06-18 11:16:55 3773

原创 js-cookie 在Vue中简单使用

js-cookie是什么? 一个简单,轻量级的JavaScript API,用于处理浏览器cookie。cookie是存储在浏览器上的一小段数据,用来记录某些当页面关闭或者刷新后仍然需要记录的信息,比如当前已经登录过的状态、登录以后的用户信息等等js-cookie怎么使用?1、安装npm install js-cookie --save2、引包imp...

2019-06-17 16:57:46 2124

原创 normalize.css(css样式初始化) 在Vue中的简单使用

normalize.css 是什么? 它是css样式初始化的插件。 在实际的开发中,我们经常会将浏览器默认的样式重置,比如如下办法:* { margin: 0; padding: 0; border:0;} 通过上述办法可以重置样式,但是太过于简单粗暴,*是通配符,需要把所有的标签都遍历一遍,当网站较大时,样式...

2019-06-17 16:37:27 14151 4

原创 Vue项目调试方法

Vue项目调试方法1、通过在代码中输入 console.log("按钮被点击了"); ,然后通过F12 在(Console)控制台面板查看输出的结果的方式进行调试。(推荐) addNumber() { console.log("添加个数"); /* * store.commit('setNumber') 表示通过com...

2019-06-14 14:37:36 4690

原创 - building for production...Error processing file: static/css/app.d53a70da509caf93a6b301290742eaa8.c

背景: 在对Vue项目进行打包操作时出现该错误错误信息:- building for production...Error processing file: static/css/app.d53a70da509caf93a6b301290742eaa8.css(node:9928) UnhandledPromiseRejectionWarning: postcss-sv...

2019-06-12 15:42:11 2919 4

原创 Vue中的computed属性

computed属性 是什么? Vue中的computed属性称为计算属性,通过该关键字可以监听多个变量或者多个对象。如果改变的值和原值一样,那么就不会触发函数的调用。 Vue中computed属性官方解释computed属性 怎么用? 1、利用computed属性 监听多个变量<template> &...

2019-06-12 13:31:24 441

原创 Web权限控制

1、背景介绍 在网页的开发中,经常会遇到部分功能只提供给部分用户,比如某网站所提供的功能只提供Vip用户群体,普通用户只能拥有简单的功能,又比如某个管理平台,会根据用户角色的不同而享有不同的权限,比如常用的最高权限admin和普通用户。现实中不可能根据角色的不同而开发不同的页面,那么就需要用一套页面适应不同的用户角色,并根据角色的不同赋予他们不同的权限。2、权限控制...

2019-06-12 10:16:54 712

原创 如何将Vue项目部署到Nginx 服务器中

部署步骤:1、先将Vue项目打包,在Vue项目的根目录执行如下命令npm run build:prod打包完成以后就会在项目根目录生成一个dist的文件夹2、将打包以后的dist文件夹压缩为zip文件,然后ssh工具将dist.zip文件传输到服务器,传输成功以后将当前的dist.zip文件通过unzipdist.zip 解压 Alt+p 快捷键打开l...

2019-06-10 17:33:15 11082

原创 通过telnet测试 端口是否开放

在命令行输入如下指令即可完成测试telnet ip地址 端口号

2019-06-06 13:20:53 1090

原创 vue工程项目在style中设置background-image时路径问题

1. 在css外设置background-image时,不能直接使用url,应该使用<li :style="'background-image:url(require('./../assets/banner_top2.png'))'"></li>2. 在css中设置background-image时,使用相对路径在webpack打包后出现问题,图片路径到了sta...

2019-06-04 16:19:26 6550

通过高德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关注的人

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