自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 TypeError: Cannot read properties of null (reading ‘insertBefore‘)

描述:项目中使用的 plus 的 步骤条 + Component is 动态组件(上线后,切换组件时报错);项目版本 vue3 脚手架 vite@2.0.1;

2022-08-03 14:49:58 956 2

原创 使用 i18n 时踩的坑

在开发中我们可能会使用到 i18n 国际化,遇到的一些小问题开发警告!警告:You are running the esm-bundler build of vue-i18n. It is recommendedto configure your bundler to explicitly replace feature flag globalswith翻译后:您正在运行 vue-i18n 的 esm-bundler构建。建议将您的捆绑器配置为使用布尔文字显式替换功能标志全局变量,

2021-11-24 15:55:16 2630 5

原创 vue add element-plus 解决menu组件二级菜单失效问题

使用vue3.2+element-plus开发的时候踩的坑:由于我是 通过vue add 指令下载的element-plus,不知道其他方法是否会有这种情况menu组件正常使用时不会正常显示二级菜单组件问题如下:这是正常的组件使用:(二级菜单组件)这里是控制台报的警告:大概意思就是找不到这个组件!经过查阅各种相关文档,后来的解决办法竟然是:把中间的 - 去掉,后面又试了一下竟然可以了ok此问题解决vue最新版本的开发与 本地 node版本 、npm版本、vue脚手架版本都有关系

2021-11-20 14:31:07 2521 2

原创 每日题(js):setTimeout与setInterval(深入理解)

题目:setInterval/setTimeout 详细理解定时器:setTimeoutsetTimeout()方法设置一个定时器,该定时器在定时器到期后执行一个函数或指定的一段代码。var timeoutID = scope.setTimeout(function[, delay, arg1, arg2, ...]);console.log(timeoutID) // 返回值:是一个number类型的数值参数一:function 是你在时间到期后所执行的函数参数二:delay 你想多久执行的

2021-11-08 11:51:40 229 1

原创 每日题(js):数组去重,数组排序

题目:js 数组的去重,排序,各有几种方式,分别是怎么实现的?去重:// 去重 filter/indexOflet arr = [1, 1, 0, 0, 8, 8, 6, 6, 5, 5]let newArr = arr.filter((item, index, arr) => { return arr.indexOf(item) == index})console.log(newArr, 'filter/indexOf')解释:filter配合indexOf去重,返回出数组中

2021-11-08 11:32:15 497

原创 定义W3C

定义W3C:! 注 (官方意,吾运至,供参考);w3c是什么意思 w3c是万维网联盟,是一个致力于改善网络的组织,其中w3c是www的基本标准,并且对web进行标准化,从而来促进web之间的合作。w3c的主要工作 w3c最主要的工作就是对网络规范的规定,并且这些规范对通信协议进行了详细的描述,其中就包括对HTML5做出了详细的规范,目前HTML5的规范已经完成了,但是并不能算w3c的标准,html5是有完整的编程环境和跨平台性,同时为了减少浏览器的碎片,目前w3c开始对互操作性进行标

2021-02-03 20:21:36 117

原创 CSS input属性

input框属性去掉input自带的外边框border:none;outline:medium;如何设置 input placeholder字体大小和颜色input::-webkit-input-placeholder { /* WebKit browsers*/  color:#aaa;  font-size:14px;  }input:-moz-placeholder { /* Mozilla Firefox 4 to 18*/  color:#aaa;  fon

2021-02-03 20:14:40 7014 1

原创 CSS盒子阴影

盒子阴影 box-shadow普通阴影box-shadow: 10px 10px ;box-shadow:水平位移 垂直位移;带有颜色的阴影box-shadow: 10px 10px red ;box-shadow:水平位移 垂直位移 颜色;模糊阴影box-shadow: 10px 10px 10px red; box-shadow:水平位移 垂直位移 模糊程度 颜色;扩大程度box-shadow:水平位移 垂直位移 模糊程度 扩大

2021-02-03 19:57:44 221

原创 代码命名规范2

命名规范1.class和id命名的规范2.不可以使用中文,推荐使用英文3.可以使用数字,但是不能以数字开头4.不可以使用特殊字符除了_和$5.严格区分大小写6.名称要有意义,不要瞎写7.不能和系统中已经存在的保留关键字冲突8。驼峰命名法普通命名: 1.header,footer行业内约定俗成的规范 2.驼峰命名:除了第一个单词之外的所有单词首字母大写 headerLeft,myTable,creatHome,superMario,superMan...

2021-01-30 20:18:14 148

原创 CSS弹性盒子

基本的弹性盒子flex-direction 设置伸缩盒子内部元素排列方式 row //从左到右 column //从上到下 row-reverse //从右到左 column-reverse //从下到上justify-content 设置伸缩盒子的子元素在水平方向的对齐方式flex-start //靠左对齐 flex-end //靠右对齐 center //居中对齐

2021-01-30 20:14:43 115

原创 CSS3.0属性集合

CSS3.0属性变换属性 transformrotate() //设置元素的旋转角度格式:transform:rotate(角度值) transform:rotate(30deg) deg代表°(度)-webkit-transform:rotate(30deg)scale() 设置元素的缩放变换格式:transform:scale(水平缩放倍数,垂直缩放倍数);transform:scale(0.5,2) //在这里插入代码片-webkit-transform

2021-01-30 20:10:30 177

原创 CSS相对定位绝对定位

定位属性 positionabsolute 绝对定位 一共有四个属性值 top/right/bottom/leftposition:absolute;top:20px;注意:绝对定位脱离文档流,如果没有父级的话,绝对定位的参考点是页面的左上角。如果有父级而且父级有定位属性,绝对定位的参考点就是他的父级。同理,如果父级没有定位属性,就查找他的爷爷级.....relative 相对定位注意:相对定位不会脱离文档流,他的位置仍然在原来的位置。相对定位的参考点是他原来的位置相对定位与绝对定位结

2021-01-29 18:56:43 99

原创 CSS盒子模型

盒子模型概念默认情况下盒子的边框是无,背景色是透明的,所以在默认情况下看不到盒子盒子由 margin , border , padding , content (盒子中的内容)四部分组成。边框边框属性:边框粗细 border-width边框样式 border-style边框颜色 border-color复合属性 border:1px solid red;设置边框样式(border-style)none 无

2021-01-29 18:50:54 130

原创 CSS浮动

标准文档流文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。块级元素和行内元素块级元素:1.独占一行,不能与其他任何元素并列。2.可以设置宽、高。3.如果不设置宽度,那么宽度将默认变为父亲的100%,即和父亲一样宽。行内元素:1.与其他元素并排。2.不能设置宽、高。默认的宽度就是文字的宽度。在HTML中,标签分为:文本级和容器级;文本级:p、span、a、b、i、u、em容器级:div、h

2021-01-25 10:44:05 119

原创 form表单

表单:表单主要负责采集用户输入的信息,相当于一个控件集合,由文本域、复选框、单选框、菜单、文件地址域、按钮等表单元素组成,最常见的表单应用有搜索引擎页面、用户登录页面、用户注册页面等;< form >标签用于创建一个表单,其基本语法格式如下:<form action="url地址" method="提交方式" name="表单名称"> </form> action 属性用于接收并处理表单数据的服务器 url 地址 method 属性用于设置表单数

2021-01-25 10:33:12 3174

原创 CSS设置背景图像的属性

设置背景图像位置1 background-position: ; //背景位置 可用关键字:水平:left center right 垂直:top center bottom background-position: left; background-position: right top; background-position: right 100px;可用数字:background-position:水平 垂直;background-position:200px

2021-01-22 10:58:12 2870 4

原创 CSS中margin和padding的用法

CSS2.0中的布局属性margin 外间距 margin-top 设置元素顶部的外间距 注意:margin属性一般只用top,和left方向,因为所有的元素是固定朝上,朝左margin的综合属性dd当有四个值得时候:上 右 下 左;当有三个值的时候:上 左右 下;两个值的时候:上下 左右;有一个值得时候:上下左右;margin的特殊作用:元素居中margin:上下值 auto;内间距/内补白属性 padding2 padding-top: ;

2021-01-22 10:44:35 216

原创 CSS的继承性

css继承性CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定 html 标签元素,而且应用于其后代。所有的css语句都是基于各个标签的继承关系的。但是并不是所有的属性都能被继承,一般的字体属性都是能继承的,不能继承的例如边框属性注意:孩子能继承父亲属性,但是父亲不能继承孩子属性;例如:<div> <p></p> <h2> <p></p> </h2>&l

2021-01-21 15:54:17 765

原创 CSS绝对路径与相对路径

统一资源定位符(URL)URL (Uniform Resource Locator)的中文全称是“统一资源定位符”。URL是文档在web或者internet上的地址,一般用在超链接当中。尽管URL看起来很长很复杂,但它总是由4个部分构成,即协议名、主机名、文件夹名(路径)和文件名。例如:http://www.tsinghua.edu.cn/publish/th/index.htmlhttp是协议名,www.tsinghua.edu.cn是主机名,publish/th是文件夹名(th文件夹在pu

2021-01-21 15:39:36 2042

原创 CSS颜色定义

背景属性background-color 设置元素的背景颜色,属性值为颜色值background-image 设置背景图片###background-size 背景图片的d大小 格式:background-size:宽度 高度;###background-repeat 背景图片的重复方式repeat 所有方向重复 默认值no-repeat 不重复repeat-x 横向重复repeat-y 纵向重复###background-position 背景图片位置属

2021-01-21 15:15:17 1063

原创 CSS层叠样式表

CSS层叠样式表如何使用CSS?共有四种方式:1.外链式使用link标签引入指定的CSS1 <link href="1.css" type="text/css" rel="stylesheet">2.导入式使用style标签配合@improt 语法引入指定的css文件2 <style> @import URL("2.css"); </style>3.嵌入式将CSS代码直接书写在HTML文件的style标签中3 <style>

2021-01-18 21:48:32 99 1

原创 CSS背景属性

背景属性background-color 设置元素的背景颜色,属性值为颜色值;1 background-color:red; //(红色的背景颜色)2 background:red; //(也可以这样简写但不建议这样写)//书写代码要规范 ,这样就不容易出错;background-image 设置背景图片3 background-image:url("图片的地址");background-repeat 背景图片的重复方式4 repeat 所有方向

2021-01-18 21:36:41 107

原创 初级网页命名规范

初级网页命名规范A.不可以使用中文,因为浏览器支持不好,而且HTML语法不是中国人造的B.可以使用英文或者数字,实在不会暂时可以用拼音,但是不能中西合并C.文件后缀必须为html两种后缀名,一种是htm,另一种是html.htm是一般的网站模板,带有实际内容的页面使用htmlD.声明Html文件时,不要有特殊字符可以使用下划线或者减号例如:头部:header内容:content/container尾部:footer导航:nav侧栏:sidebar栏目:column整体布局:wrap

2021-01-18 21:20:32 337

原创 CSS初级属性

关于CSS属性设置字体的属性1. font-size属性font-size 可以设置字体大小,可以无限放大,但是不能无限小,最小是12值为长度单位: px 像素单位 em 一个汉字的大小 ex 一个英文x的大小 % 百分比1 font-size:20px; //可以无限放大2 font-size:12px; //不可以无限小,最小为12px的字体;2.color属性color 设置字体的颜色,注意 千万别写成font-color值为颜色值:

2020-12-25 18:52:11 2805

空空如也

空空如也

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

TA关注的人

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