自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 收藏
  • 关注

原创 audio 标签设置倍速 - playbackRate

PlaybackRate 属性设置或返回音频的当前播放速度。属性值 - 默认值 1.0。

2024-05-16 16:07:10 678

原创 【bug记录】Vue3 Vant UI 中 van-popup 不弹出

原因:语法使用错误,使用了 Vue 2 的语法。

2024-05-10 15:18:07 961

原创 vite 打包配置并部署到 nginx

base:指项目在服务器上的相对路径,比如项目部署在 http://demo.dev/admin/ 上,那么你的基础路径就是 /admin/访问部署地址,页面加载成功。

2024-05-10 14:56:45 595

原创 Vue3 动态引入图片: require is not defined报错

问题:在 Vue3 项目中,使用 require 引入图片,报错 require is not defined。原因: Vue3 使用的是 vite,而 require 是 Webpack 的方法。

2024-05-06 08:58:21 1936

原创 创建Vue3项目遇到的问题 - TypeError: (0 , import_node_util.parseArgs) is not a function

印象中想要创建vue3项目,需要安装16.0或更高版本的Node.js,于是第一步检查现在所用node版本。显示 v16.20.0。前置条件符合,开始愉快的创建项目。npm init vue@latest,报错了。PS:使用 nvm 切换 node 版本时遇到了切换 node 版本不成功的情况,查了一下,发现官网已经改成了需要18.3或更高版本的 Node.js。OK,安装了19.0.0版本的node,再次创建,成功!

2024-04-27 13:12:59 869

原创 nvm 切换 Node 版本失败

创建vue3项目时,需要切换到更高版本的 node,于是使用 nvm (node 包版本管理工具)进行版本切换。切换版本时,显示成功,但再次查看当前 node 版本时,发现没切换过来。

2024-04-27 13:09:14 495

原创 Element UI 偶发性图标乱码问题

解决方法:在 vue.config.js 中添加。

2023-11-16 18:32:21 320

原创 v-for 循环数组的某一部分

【代码】v-for 循环数组的某一部分。

2023-11-16 16:56:31 604

原创 限制 el-input 输入 emoji

快捷键 win+;或 win+.

2023-08-21 16:19:55 878

原创 Element Plus el-table 数据为空时自定义内容【默认为 No Data】

【代码】Element Plus el-table 数据为空时自定义内容【默认为 No Data】

2023-08-18 16:57:39 4855

原创 Node.js学习笔记 一.初识Node.js与内置模块

1. 初识 Node.js1.1 回顾与思考已经掌握了哪些技术 (HTML、CSS、JavaScript)浏览器中 JavaScript 的组成部分思考:为什么 JavaScript 可以在浏览器中被执行思考:为什么 JavaScript 可以操作 DOM 和 BOM思考:浏览器中的 JavaScript 运行环境思考:JavaScript 能否做后端开发   可以,使用JavaScript做后端开发,需要借助于运行环境(Node.js)1.2 Node.js

2022-06-12 11:57:41 355 1

原创 微信小程序新建项目报错 VM22 WAService.js:2 Unhandled promise rejection TypeError

问题:新建项目报错解决方法:调试基础库参考:https://developers.weixin.qq.com/community/develop/doc/00006af32ecaa00d2aab717865b800

2021-04-09 11:27:37 29351

原创 java.sql.SQLException: Access denied for user ‘root‘@’localhost’ (using password: YES)解决方案

遇到的错误:java.sql.SQLException: Access denied for user ‘root’@‘localhost’ (using password: YES)at com.mysql.jdbc.SQLError.createSQLException(SQLError.java:965)at com.mysql.jdbc.MysqlIO.checkErrorPacket(MysqlIO.java:3976)at com.mysql.jdbc.MysqlIO.checkErr

2020-10-24 23:59:28 525 2

原创 Day-15 bootstrap Flex(弹性)布局、多媒体对象

Flex(弹性)布局、多媒体对象弹性盒子(flexbox)1. 基础弹性盒子2. 水平方向(.flex-row / .flex-row -reverse)3. 垂直方向(.flex-column / .flex-column-reverse)4. 内容排列(.justify-content-* )5. 等宽(.flex-fill )6. 扩展(.flex-grow-1 )7. 排序(.order-1 到12)8. 外边距(.mr-auto / .ml-auto)9. 包裹(.flex-nowrap (默认

2020-10-22 17:12:24 829

原创 Day-14 bootstrap 滚动监听、小工具

滚动监听、小工具滚动监听(Scrollspy)1. 如何创建滚动监听2. 垂直滚动监听小工具1. 边框2. 边框圆角设置3. 浮动4. 响应式浮动5. 居中对齐6. 宽度、高度滚动监听(Scrollspy)  滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。1. 如何创建滚动监听  向您想要监听的元素(通常是 body)添加 data-spy=“scroll” 。  然后添加 data-target 属性,它的值为导航栏的 id 或 class (

2020-10-22 11:36:18 439

原创 Day-13 bootstrap 轮播图、模态框、提示框、弹出框

这里写目录标题轮播图1. 说明2. 简单的图片轮播3. 轮播图片上添加描述模态框1. 如何创建模态框2. 模态框尺寸提示框1. 如何创建提示框2. 指定提示框的位置弹出框![在这里插入图片描述](https://img-blog.csdnimg.cn/20201021221657529.png#pic_center)1. 如何创建弹出框2. 指定弹出框的位置3. 关闭弹出框轮播图1. 说明以下实例中使用的类说明:2. 简单的图片轮播代码如下:<!DOCTYPE html><

2020-10-22 09:18:18 476

原创 Day-12 bootstrap 输入框组、自定义表单

输入框组、自定义表单输入框组1. 基础输入框2. 输入框的大小(.input-group-lg / .input-group-sm)3. 多个输入框和文本4. 复选框与单选框5. 输入框添加按钮组6. 设置下拉菜单7. 输入框组标签自定义表单1. 自定义复选框2. 自定义单选框3. 自定义控件显示在同一行( .custom-control-inline )4. 自定义选择菜单5. 自定义滑块控件6. 自定义文件上传控件输入框组1. 基础输入框  我们可以使用 .input-group 类来向表单输入框

2020-10-21 20:41:49 584

原创 Day-11 bootstrap 表单、表单控件

表单、表单控件表单1. 表单布局2. 堆叠表单3. 内联表单(.form-inline)表单控件1. 支持的表单控件2. input2. textarea3. 复选框(checkbox)4. 单选框(radio)5. 下拉菜单(select)表单1. 表单布局   - 堆叠表单 (全屏宽度):垂直方向   - 内联表单:水平方向  表单元素 < input >, < textarea >, 和 < select > 在使用 .form-control 类的情况下

2020-10-19 22:01:29 353

原创 Day-10 bootstrap 导航、导航栏、面包屑导航

这里写目录标题导航1. 简单的导航(.nav .nav-item .nav-link)2. 导航对齐方式(.justify-content-center 局中 / .justify-content-end 局右)3. 垂直导航(.flex-column)4. 选项卡(.nav-tabs)5. 胶囊导航(.nav-pills)6. 导航等宽(.nav-justified)导航栏面包屑导航导航1. 简单的导航(.nav .nav-item .nav-link)  如果你想创建一个简单的水平导航栏,可以在

2020-10-19 21:03:57 1005

原创 Day-9 bootstrap 卡片、下拉菜单

卡片、下拉菜单卡片1. 简单的卡片(.card .card-body)2. 头部和底部(.card .card-head .card-body .card-footer)3. 多种颜色卡片4. 标题、文本和链接(.card-title .card-text .card-link)5. 图片卡片1. 卡片在头部 / 底部(.card-img-top / .card-img-bottom)2. 图片设置为背景(.card-img-overlay)下拉菜单1. 基础下拉菜单(.dropdown .dr

2020-10-15 21:37:32 337

原创 Day-8 bootstrap 徽章、进度条、分页、列表组

徽章、进度条、分页、列表组徽章1. 徽章(.Badges)2. 各种颜色类型的徽章3. 药丸形状徽章(.badge-pill)4. 徽章插入到元素内进度条1. 进度条(.progress)2. 进度条高度3. 进度条标签4. 不同颜色的进度条5. 条纹进度条(.progress-bar-striped)6. 动画进度条(.progress-bar-animated)7. 混合色彩进度条分页1. 分页2. 当前页页码状态(.active)3. 不可点击的分页链接(.disabled)4. 不同大小的分页(.p

2020-10-15 16:48:39 545

原创 Day-7 bootstrap 按钮、按钮组

按钮、按钮组按钮1. 样式( .btn-link 链接 .btn-颜色 )2. 按钮类可用于 < a >, < button >, 或 < input > 元素上3. 设置边框( .btn-outline-颜色)4. 不同大小的按钮( .btn-lg 大 .btn-sm 小 )5. 块级按钮( .btn-block )6. 激活和禁用的按钮( .active disabled )按钮组1. 按钮组( .btn-group )2. 按钮组的大小( .btn-group-

2020-10-14 19:39:31 543

原创 Day-6 bootstrap 图像形状、巨幕、信息提示框

Day-6 图像形状、巨幕、信息提示框图像形状、巨幕、信息提示框1. 圆角图片( .rounded )2. 椭圆图片( .rounded-circle )3. 缩略图--图片有边框( .img-thumbnail )4. 图片对齐方式( .float-left 左对齐 .float-right 右对齐)5. 响应式图片 ( .img-fluid )巨幕1. Jumbotron(超大屏幕)2. 全屏幕的 Jumbotron信息提示框1. 提示框颜色( .alert-颜色 )2. 提添加链接的提示框( .al

2020-10-13 20:28:57 604

原创 Day-5 bootstrap 表格

表格1. 基础表格(.table)2. 条纹表格(.table-striped)3. 带边框表格(.table-bordered)4. 鼠标悬停状态表格(.table-hover)5. 带有背景颜色的表格(.table-颜色)6. 带有背景颜色的条纹表格(.table-颜色 .table-striped)7. 带有背景颜色的鼠标悬停效果表格(.table-颜色 .table-hover)8. 指定意义的颜色类9. 表头颜色(.thead-dark / .thead-light)二级目录三级目录1. 基础

2020-10-13 18:59:13 268

原创 Day-4 Bootstrap4 颜色

颜色颜色具有代表意义的颜色类三级目录颜色具有代表意义的颜色类重要    三级目录

2020-10-12 21:33:10 296

原创 Day-3 文字排版

文字排版Bootstrap 4 默认设置: font-size 为 16px,line-height 为 1.5。所有的 < p >元素 margin-top: 0 、 margin-bottom: 16px。< h1 > ~ < h6 >样式知识点:h1大小为40px  h2大小为32px  h3大小为28px  h4大小为24px  h5大小为20px  h6大小为16px代码如下:<!DOCTYPE html><html&

2020-10-10 23:57:29 759

原创 Day-2 栅格系统

栅格系统简介网格类实例简介  栅格系统也称为网格系统:把一行等分为12列,用col来设置元素要用12列中的多少列。Bootstrap 4 的网格系统是响应式的,列会根据屏幕大小自动重新排列。网格类  .col-sm-平板      -屏幕宽度等于或大于576px  .col-md-桌面显示器   -屏幕宽度等于或大于768px  .col-lg-大屏显示器     -屏幕宽度等于或大于992px  .col-xl-超大显示器     -屏幕宽度等于或

2020-10-09 21:46:55 265 1

原创 Day-1 初步了解bootstrap

初识bootstrap简介下载创建第一个 Bootstrap 4 页面简介  Bootstrap(web前端UI框架),是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,它使得 Web 开发更加快捷。Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。下载  Bootstrap4 目前是 Bootstrap 的最新版本,可以在官网下载。地址:https://v4.bootcss.com/创建第一个 Bootstrap

2020-10-09 20:30:39 246

原创 docker 部署 MySQL 服务器

部署 MySQL 服务器打开 MySQL 镜像官方发布页面 1. https://hub.docker.com/_/mysql/选择合适的版本(标签) latest,8,5拉取镜像:选择其中一个 docker pull mysql docker pull mysql:8 docker pull mysql:5.7检查镜像是否拉取成功 docker images创建并运行容器 docker run --name mysql-server -p 3306:3306 -e MYSQL

2020-05-31 11:08:37 185

原创 安装 Docker Desktop for Windows 10

安装 Docker Desktop1. 环境说明2. 过程简介1. 环境说明Windows 10(升级到最新版本) 开始菜单 -->设置 --> 更新和安全 --> 检查更新 --> 将windows升至最新版(耗时较长)CPU支持虚拟化 硬件开启虚拟化:打开任务管理器,点“性能”,“虚拟化”必须是“已启用”,若是“禁用”,主进BIOS启用虚拟化内存至少4GB,建议8GB或16GB2. 过程简介下载 Docker Desktop https://hub.

2020-05-30 21:49:18 441

原创 企业应用架构模式 容器与Docker

容器与Docker1. 概述2. Docker组件1. 概述传统方式:开发人员 ----> 打包好的应用 ----> 运维人员1. 专职的运维人员负责   · 配置环境:硬件 + 软件   · 部署应用   · 问题:环境不一致导致失败     · 版本问题,操作系统…解决办法:开发人员 ----> 镜像(环境 + 打包好的应用) -----> 运维人员1. 运维人员只需运行容器就可以2. 依然存在其他问题   · 对于运维人员:采购,管理,维护硬件     · 解决办

2020-05-23 00:27:07 115

原创 企业应用架构模式 概述

概述1. 基本介绍2. 概述3. 云时代企业应用的需求(云应用)1. 基本介绍目标:了解云时代背景下的软件开发内容:微服务应用的设计、开发、部署推荐书籍:《微服务架构设计模式》 克里斯·理查森 著,喻勇 译. ,机械工业出版社,2019.5     《Spring Cloud与Docker微服务架构实战(第2版)》,周立,电子工业出版社,2018.7     《Spring微服务实战》,约翰·卡内尔 著,异步社区译,人民邮电出版社,2018.5开发环境操作系统:Windows 10、Ch

2020-05-22 19:33:06 603

原创 C Primer Plus 第七章 C控制语句:分支和跳转 阅读笔记

第七章 C控制语句:分支和跳转7.1 if 语句7.2 if else 语句7.2.1 另一个示例:介绍 getchar() 和 putchar()7.2.2 ctype.h 系列的字符函数7.2.3 多重选择 else if7.2.4 else 与 if 配对7.2.5 多层嵌套的 if 语句7.3 逻辑运算符7.3.1 备选拼写:iso646.h 头文件7.3.2 优先级7.3.3 求值顺序7.3.4 范围7.4 一个统计单词的程序7.5 条件运算符:?:7.6 循环辅助:continue 和 bre

2020-05-19 11:32:06 663

原创 C Primer Plus 第六章 复习题&编程练习 答案

第六章 复习题&编程练习1. 写出执行完下列各行后quack的值是多少。后5行中使用的是前一行生成的quack的值。2. 假设value是int类型,下面循环的输出是什么?如果value是double类型,会出现什么问题?3. 用代码表示以下测试条件:4. 用代码表示以下测试条件:5. 下面的程序有点问题,请找出问题所在。6. 编写一个程序打印下面的图案,要求使用嵌套循环:7. 下面的程...

2020-05-08 21:29:13 4108

原创 C Primer Plus 第六章 C控制语句:循环 阅读笔记

第六章 C控制语句:循环6.1 再探while循环6.1.1 程序注释6.1.2 C风格读取循环6.2 while语句6.2.1 终止while循环6.2.2 何时终止循环6.2.3 while:入口条件循环6.2.4 语法要点6.3 用关系运算符和表达式比较大小6.3.1 什么是真6.3.2 其他真值6.3.3 真值的问题6.3.4 新的_Bool类型6.3.5 优先级和关系运算符6.4 不确...

2020-04-30 23:43:13 869

原创 C Primer Plus 第五章 复习题&编程练习 答案

第五章 复习题&编程练习复习题1. 假设所有变量的类型都是int,下列各项变量的值是多少:2. 假设所有变量的类型都是int,下列各项变量的值是多少:3. 对下列各表达式求值:4. 请找出下面的程序中的错误。5. 这是程序清单 5.9 的另一个版本。从表面上看,该程序只使用了一条scanf()语句,比程序清单5.9简单。请找出不如原版之处。6. 下面的程序将打印出什么内容?7. 下面的程...

2020-04-26 10:24:14 3524

原创 C Primer Plus 第五章 运算符、表达式和语句 阅读笔记

第五章 运算符、表达式和语句5.1 循环简介5.2 基本运算符5.2.1 赋值运算符5.3 其他运算符5.4 表达式和语句5.5 类型转换5.6 带参数的函数5.7 示例程序5.1 循环简介shoes1.c程序:把鞋码转换成英寸#include <stdio.h>#define ADJUST 7.31 //字符常量 int main(void){ const doub...

2020-04-25 16:57:52 826

原创 C Primer Plus 第四章 复习题&编程练习 答案

复习题1. 再次运行程序清单 4.1,但是在要求输入名时,请输入名和姓(根据英文书写习惯,名和姓中间有一个空格),看看会发生什么情况?为什么?2. 假设下列示例都是完整程序中的一部分,它们打印的结果分别是什么?a. printf(“He sold the painting for $%2.2f.\n”, 2.345e2);b. printf(%c%c%c\n", ‘H’, 105, ‘\4.........

2020-04-22 15:19:28 10329 3

原创 C Primer Plus 第四章 字符串和格式化输入/输出 阅读笔记

第4章 字符串和格式化输入/输出4.1 前导程序4.2 字符串简介4.2.1 char 类型数组和字符4.2.2 使用字符串4.2.3 strlen()函数4.3 常量和C预处理器4.3.1 const 限定符4.3.2 明示常量4.4 printf() 和 scanf()4.5 关键概念4.6 本章小结4.1 前导程序talkback.c程序:// talkback.c -- ...

2020-04-20 14:09:26 323

原创 C Primer Plus 第三章 复习题&编程练习 答案

复习题1. 指出下面各种数据使用的合适数据类型(有些可使用多种数据类型): a. East Simpleton的人口 b. DVD影碟的价格 c. 本章出现次数最多的字母 d. 本章出现次数最多的字母次数答:a.int、short或unsigned short类型。人口是一个整数。  b.float类型。价格通常不是一个整数。  c.char类型。  d.int或unsigne...

2020-04-15 12:08:02 4307 2

空空如也

空空如也

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

TA关注的人

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