自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 git clone 报错 fatal: unable to access ‘https://github.com/xxx‘

【代码】git clone 报错 fatal: unable to access ‘https://github.com/xxx‘

2023-07-14 10:44:46 223

原创 vue在scss中引入js变量动态改变背景图片

vue在scss中引入js变量动态改变背景图片

2023-06-28 17:55:29 2005

原创 vue中动态改变盒子高度

【代码】vue中动态改变盒子高度。

2023-04-28 17:21:11 443

原创 js数组slice和splice的区别

提取数组,不会改变原数组。

2023-04-15 22:23:22 123

原创 js小数取整

小数点精确到n位数,如果小数点后数值小于等于 0.5 ,则向下取整;大于 0.5 ,向上取整。如果小数点后数值大于等于 0.5 ,向上取整;小于 0.5 ,则向下取整。无论小数点为多少,往高取值。无论小数点为多少,往低取值。四舍五入显示到n位数。

2023-04-15 17:44:45 660

原创 css虚线

【代码】css虚线。

2023-04-15 13:21:22 117

原创 Vue下载流文件导出

Vue下载流文件导出

2023-04-14 21:35:36 75

原创 css横向滚动滑动

【代码】css横向滚动滑动。

2023-04-04 14:33:04 140

原创 ElementUI修改<el-input>输入框的高度

ElementUI修改<el-input>输入框的高度

2023-03-12 13:05:13 869

原创 git的常用命令

git

2023-03-06 18:08:26 116 1

原创 Vue前端面试题

Vue前端面试题

2023-02-02 11:48:54 181

原创 canvas的基本使用

canvas的基本使用

2023-01-18 16:32:03 509

原创 前端项目难点和性能优化

前端项目难点和性能优化

2023-01-13 18:33:16 734

原创 彻底搞懂TypeScript的类型定义

vue3+ts的类型定义

2023-01-07 17:15:50 2845 1

原创 vue3+Element-plus中<el-input>中的prefix-icon图标不显示问题

vue3+Element-plus中<el-input>中的prefix-icon图标不显示问题

2022-12-20 17:16:40 1967

原创 解决TypeError: defineConfig is not a function报错问题

TypeError: defineConfig is not a function

2022-11-14 16:33:33 4756 1

原创 外边距合并-嵌套块元素塌陷问题

嵌套块元素塌陷问题及解决方案

2022-11-09 10:52:58 76

原创 fs和path模块的简单使用

fs和path模块的简单使用

2022-08-11 15:48:58 283

原创 关于Vue的一些总结

关于Vue的一些总结1.vue常用的指令有哪些v-ifv-showv-bindv-onv-modelv-forv-textv-html2.slot插槽的使用3.vue常用的修饰符有哪些,分别有什么用1.vue常用的指令有哪些v-if用于控制控制DOM的显示和隐藏,适合初次渲染某些元素不展示<p v-if="type == 'A'">优秀</p><p v-else-if="type == 'B'">良好</p><p v-else-if="typ

2022-05-18 12:01:50 252

原创 CSS文字省略

单行overflow: hidden;white-space: nowrap;text-overflow: ellipsis;多行display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;

2022-03-05 21:55:41 1249

原创 js数组去重

function Unique(arr) { var ary = []; for (var i = 0; i < arr.length; i++) { // ary.indexOf(arr[i])查找数组中重复元素的下标,没有返回-1 if (ary.indexOf(arr[i]) == -1) { ary.push(arr[i]); } else { ...

2022-01-07 23:40:46 297

原创 js冒泡排序

// 冒泡排序 function Popsort(arr) { len = arr.length; for (var i = 0; i <= len - 1; i++) { for (var j = 0; j <= len - 1 - i; j++) { if (arr[j - 1] > arr[j]) { var temp = arr[j - 1...

2022-01-07 22:09:19 211

原创 js随机生成不重复的验证码

function createCode() { // 定义随机数 var str = "qwertyuiopasdfghjklzxcvbnm" + "QWERTYUIOPASDFGHJKLZXCVBNM" + "0123456789"; // 定义验证码 var code = ""; // arr集合存放随机数 var arr = []; for (var i = 0; i < st...

2022-01-07 21:26:54 850

原创 CSS基础知识(三)-元素显示模式(块元素、行内元素、行内块元素)

概述元素显示模式就是元素(标签)以什么样的方式进行显示。HTML元素一般分为块元素和行内元素两种类型块元素常见的块元素有~、、、、、等块级元素特点:自己独占一行高度,宽度,内外边距都可以控制宽度默认是容器(父级宽度)的100%是一个容器及盒子,里面可以放行内或者块级元素注意:文字类的元素内不能使用块级元素标签主要用于存放文字,因此里面不能放块级元素同理,~等都是文字类块级标签,里面也不能放其他块级元素行内元素常见的行内元素有、、、、、、等行内元素特点:相邻行内

2022-01-05 15:12:37 659

原创 CSS基础知识(二)-复合选择器(后代选择器、子选择器、并集选择器、伪类选择器)

概述复合选择器由两个或多个基础选择器,通过不同的方式组合而成的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等后代选择器后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。语法:  元素1 元素2 { 样式声明 }效果: <ul> <p>我是p</p> <li><p&gt

2022-01-05 11:30:28 878

原创 CSS基础知识(一)-基础选择器(标签选择器、类选择器、id选择器、通配符选择器)

概述选择器可分为基础选择器和复合选择器两大类。基础选择器由单个选择器组成基础选择器包括:标签选择器、类选择器id选择器、通配符选择器标签选择器标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定同一的CSS样式。语法:  标签名 {    属性1: 属性值1;    属性2: 属性值2;    属性3: 属性值3;    …  }效果: <div>div1</div> <div>di

2022-01-05 09:58:23 2980

原创 js实现表格隔行变色效果

实现效果:代码: Document ID 用户名 城市 财富 性别 10001 user-1

2021-12-30 23:17:52 125

原创 html+css实现小米商城首页

实现效果:代码:<!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-12-30 22:33:45 979 2

原创 html+css实现淘宝焦点图

实现效果:代码:<!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"> <t

2021-12-30 22:08:44 421

原创 css中子绝父相布局

解决问题:实现左右小圆圈分别居中贴近图片左右侧实现思路:父盒子:tb-promo(相对定位)子盒子:prev和next(绝对定位,设置偏移量)实现效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta

2021-12-30 21:21:32 123

原创 js显示隐藏图片

实现效果:代码: Document 隐藏

2021-12-30 09:08:28 628

空空如也

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

TA关注的人

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