自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

郭宝的博客

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

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

原创 ECMAScript 6(ES6)

ES6 是什么?ES6 新特性有什么?Generator参考:ECMAScript 6 入门参考:ES6/7/8介绍

2019-09-26 10:27:20 196

原创 el-table组件动态创建列并填充值+自定义表头+自定义列模板+过滤

核心代码:<template> <el-table v-loading="loadingDadaInfo" :data="dataInfos" style="width: 100%" stripe border height="300" > <!-- 动态创建列 ...

2019-09-25 10:43:10 2378

原创 在对象中动态添加属性和值

背景: 在一个项目中,需要动态添加表头并填充数据,已知表头和数据,需要自行处理数据,那么在处理数据的过程中需要动态的添加属性和值,使最终的数据为对象数组[{ID_TASK_GROUP:"26" }] ,核心代码如下 getTableData() { // 表头 const columnsNames = ['ID_TASK_GROUP', 'TA...

2019-09-24 18:14:23 3290

原创 Vue中使用uuid

安装:npm install uuid --save使用: 1、引包const uuid = require('uuid') 2、调用console.log(uuid.v1())//98fc11a0-dde0-11e9-ade5-25202b3a2fba

2019-09-23 17:04:10 8475

原创 关于给Echar中的图表设置宽度为100%,但实际只有100px的问题

背景: 在开发一个前端项目时,需要用到Element-ui的<el-tabs>组件和Echart开源库,当两者嵌套使用时,我给Echart中的图表宽度设置为了100%,但是实际的宽度却只有100px,出现错误的代码如下:<el-tabs v-model="activeName" type="border-card" class="mt_10" style="...

2019-09-19 16:26:43 5057 2

原创 $attrs

$attrs 是什么? $attrs是Vue实例的属性。 官网介绍 个人理解: 所谓的$arrts其实就是多级组件中的props,它就像一个中间件,用来传递爷组件给孙组件的数据,使用的时候只需给父组件中的孙组件配置 v-bind="$attrs" ,然后再爷组件中传入孙组件所需要的数据,孙组件正常接收即可。 ...

2019-09-17 17:40:20 5525 2

原创 background-color: currentColor;

currentColor 是什么? currentColor 是css3中的新属性,它的意思是设置颜色值为当前文字的颜色 ,也就是说currentColor的值 == color属性的值。currentColor 怎么使用? 将当前标签的文字颜色作为背景颜色<template> <div class="test"&gt...

2019-09-17 14:26:15 1826

原创 require.context('./svg', false, /\.svg$/)

require.context() 在实际的开发过程中,有时候我们需要一次性的引入某个文件夹下的所有文件,那么这个时候就可以使用require.context()来完成。 require.context()函数官方介绍 require.context(directory,useSubdirectories,regExp) 形参...

2019-09-17 10:55:25 3523

原创 /public/index.html 配置

核心代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 强制浏览器使用Chromium内核,为用户提供...

2019-09-16 13:15:02 3544

原创 微信小程序项目结构目录介绍--4

微信小程序项目结构目录介绍 小程序提供了自己的视图层描述语言WXML(类似于web中的HTML)、WXSS(类似于web中的CSS),以及Javascript,并在视图层和逻辑层提供了数据传输和事件绑定,让开发者能够专注于数据与逻辑。...

2019-09-15 22:12:41 394

原创 微信小程序项目创建--3

创建步骤: 1、登录小程序开发者工具以后,选择小程序 2、输入项目的名称、项目存放的路径、AppID,然后创建创建成功以后的界面如下:...

2019-09-15 22:03:31 172

原创 微信小程序之开发环境搭建--2

搭建步骤: 1、申请账号 注意:每个邮箱只能注册一个,并且这个邮箱没有绑定微信公众号,没有绑定个人微信号。 2、记录当前的AppID AppID查看地址 3、安装开发者工具 官方微信小程序开发工具下载地址 ...

2019-09-15 21:34:46 197

原创 微信小程序开发--1

微信小程序官方源码:官方微信小程序实例源码

2019-09-15 20:55:35 134

原创 Vue CLI 环境变量和模式

什么是Vue CLI 环境变量和模式? 官方介绍 环境(模式): 在实际的开发过程中,一般一个产品的诞生,会经历开发环境>>发布环境。而每一个环境都会有所差异,比如服务器地址、接口地址等等。在各个环境切换的时候就需要配置不同的参数,所有就有了环境变量和模式,用来方便的管理我们的项目。 ...

2019-09-12 15:03:28 1369

原创 Android数据库表升级

Demo地址:https://github.com/591774192/DatabaseTableUpgrade/tree/master

2019-09-11 14:26:48 1359

原创 自定义滚动条的样式

核心代码: /* 设置滚动条整体部分的样式 */ ::-webkit-scrollbar { /* 滚动条整体的宽度及颜色 */ width: 2px; background-color: #F1F1F1; } /* 滚动外层样式 */ ::-webkit-scrollbar-track { border-radius: 5...

2019-09-10 10:25:45 141

原创 配置vue-cli 3.0的vue.config.js

vue.config.js 是什么? Vue CLI 是一个基于Vue.js进行快速开发的完整系统。vue.config.js是一个可选的配置文件,如果项目的根目录存在这个文件,那么它会被 @vue/cli-service 自动加载。 由于 vue-cli的零配置思路,所有的项目初始化以后并没有以前熟悉的build目录,也没有webpack.base.config...

2019-09-04 17:33:37 374

原创 ..eslintignore

.eslintignore 是什么? 它是用来指定eslint忽略文件和目录的,.eslintignore是一个纯文本文件。.eslintignore 常规忽略文件及目录build/*.jssrc/assetspublicdist...

2019-09-02 17:17:49 5632

原创 文件下载

全部代码:<template> <div> ============================6、文件下载============================ <div> <el-button @click="funDownload(content,fileName)"&g...

2019-09-02 10:39:52 163

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

tb-user.sql

tb-user.sql

2023-03-24

Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程 该框架

Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程 该框架

2023-02-20

DubboAdmin是阿里巴巴管理提供的管理控制台,可以实现服务查询、详情展示、服务测试等功能,借由DubboAdmin可以更好

DubboAdmin是阿里巴巴管理提供的管理控制台,可以实现服务查询、详情展示、服务测试等功能,借由DubboAdmin可以更好

2023-02-06

基于SpringCloud的微服务简易示例代码

基于SpringCloud的微服务简易示例代码

2022-11-09

Application 生命周期&全局变量

Application 生命周期&全局变量

2022-08-29

空空如也

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

TA关注的人

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