自定义博客皮肤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)
  • 收藏
  • 关注

原创 elememtui表格横向滚动条,表格错位

elememtui表格横向滚动条,表格错位

2023-04-24 14:30:25 313

原创 搭建vue脚手架

搭建vue脚手架

2022-09-16 15:31:21 314

原创 微信小程序使用van-dialog 报错,未找到 van-dialog 节点,请确认 selector 及 context 是否正确

未找到 van-dialog 节点,请确认 selector 及 context 是否正确

2022-07-22 10:10:53 2575 1

原创 后台管理页面get到的新知识

插件!很多后台管理的页面多多少少会涉及到对数字、时间这一类的格式进行处理,若用原生js来写,难免会有点小小的“不痛快”,那这个插件完全可以解决!!先列几个我用到的一些:1. 关于时间1.1需求:要求显示一年的月份,截止当前月份的上一个月份,例如现在是2022年5月,则页面默认显示2021年5月—2022年4月,let startTime = moment().add(-1, "Y").format("YYYYMM");let endTime = moment().add(-1..

2022-05-10 14:51:40 268

原创 element-ui的下拉选择框选中内容无效果,删除无效果

原理:其实都有生效的,只是页面没有刷新,展现不出来,我们则可通过强制刷新即可,具体代码如下:<el-select style="width: 95px;" v-model="xxx.xxxx" clearable placeholder="请选择" @change="handleChange"> <el-option v-for="item in list" :key="item.index" :label="item.name" :value="item.name">

2022-03-11 16:41:24 4521 1

原创 遍历数组中的对象

需要遍历两次!!!第一次:遍历数组!第二次:遍历对象!for-in循环:遍历出的是数组中的索引值,for-of循环:遍历出的是数组中的每一个对象var a = [ {A:1,B:2,C:3}, {D:4,E:5,F:6} ] for (let item in a) { //打印的item为数组的索引:0、1、2 console.log(item) }

2022-03-11 16:27:15 3163

原创 element ui 中Dialog 样式修改问题

添加了 custom-class对样式进行修改但是不生效,对样式添加权重也不生效,解决方法:将style中的scoped去掉 即可

2022-01-12 11:54:38 382

原创 【小程序报错】TypeError: Cannot read property ‘xxx‘ of undefined

问题:解决:

2022-01-05 11:38:12 4062 4

原创 react中引入axios出现这样的bug

主要是包文件丢失,解决:卸载axios,重启项目,再次下载axios。在一个项目中,切记只能用一个指令,否则就会出现各种奇奇怪怪的bug!!

2021-10-22 21:54:30 436

原创 Error: Element type is invalid: expected a string (for built-in components) or a class/function (for

再次出现这个错误,是另一个原因是因为react中的重定向问题,没有对数据源进行过滤分批遍历,将数据源分为要循环遍历的数据和需要重定向的数据

2021-10-15 09:38:57 1009

原创 Assign array to a variable before exporting as module default

上面两个图片是同一个问题,第一个是在终端显示的错误,第二个是在网页显示的错误问题:接收不到抛出的内容我的写法(错误写法)export default { user: {}}正确写法:const user = { user: {}}export default user;...

2021-10-14 21:26:45 1509 1

原创 TypeError: Cannot read property ‘map‘ of undefined

问题:出现 TypeError: Cannot read property ‘map‘ of undefined原因:提示map没有定义,很大可能是map的对象undefined了。可以打断点或者控制台打印排查一下。

2021-10-14 20:56:41 2217

原创 创建react-cli 相关bug

在node环境下运行出现如上错误,是因为node.js 不识别document,需要通过webpack解决即可出现如上错误是因为js不识别import,需通过require来导入文件

2021-10-11 08:36:02 109

原创 webpack 相关bug

若不用打包工具,浏览器则识别不了es6语言在webpack中没有默认的src文件,需设置src文件或自定义入口文件webpack版本问题,下载npmi-Dwebpack@4-g 即可解决

2021-10-09 11:10:06 122

原创 小程序/n换行符不生效

文字中想要折行显示,可以使用\n替代<br/>注意!!使用\n的时候,一定是在<text>标签内,如果在<view>标签中,\n并没有折行左右,只是显示一个空格。

2021-09-28 19:33:43 909

原创 vant weapp import引入,出现不存在的错误

例如:需引入如下报错:dialog不存在解决:改变路径import Dialog from '@vant/weapp/dialog/dialog';

2021-09-28 17:39:46 607

原创 dom----网页换皮肤

//html部分<style> *{margin: 0;padding: 0;} html,body{ width:100%; height:100%; } #box{ width: 100%; height: 0; background:#abcdef; overflow:hidden; transition:height 2s ease; } .

2021-07-13 20:57:29 111

原创 DOM例题----点击按钮切换图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body> <button>切

2021-07-13 19:52:13 423

原创 BOM&DOM

BOM【浏览器对象模型,即所用内容都在对象中操作】浏览器的顶级对象:window;其他指向window:this 、top;其中name是window中的属性,属性值为空字符串;浏览器的尺寸innerHeight 可视窗口的高度(包括底边滚动条) innerWidth 可视窗口的宽度(包括侧边滚动条)console.log(window.innerHeight);console.log(window.innerWidth);浏览器信息【是浏览器存储浏览器信息的对象】..

2021-07-08 23:20:34 157

原创 字符串相关概念

严格模式【语法规则更加严谨】开启严格模式:在该作用域下写‘use strict’1、严格模式下,定义隐式全局变量报错num2 = 100 //num2 is not defined2、严格模式下,不允许函数形参同名function fn(a,a){} //Duplicate parameter name not allowed in this context3、在全局作用域定义的函数中的this指向windowfunction fn(){ co

2021-07-07 22:43:00 192

原创 Math&Date

xiangMath1、random 返回0~1的随机数,不包含1//语法:Math.random()console.log(Math.random); //得到一个0~1的随机数2、round 四舍五入//语法:Math.round(需要计算的数)console.log(Math.round(1.6)); //2console.log(Math.round(1.4)); //13、abs 取绝对值//语法:Math.abs...

2021-07-07 20:53:37 100

原创 数组的相关概念

数组:基本概念1、概念:是一组有序(按照顺序排列)的数据集合;2、索引:数组的下标,索引永远从0开始;数组的创建:1、字面量创建数组:var arr = [1,2,3,'Fray','18']console.log(arr)2、通过系统构造函数创建数组var arr1 = []var arr2 = new Array()数组的获取:1、数组不能使用点语法,可通过数组的下标(索引)来获取操作对应的数据内容console.log(arr[0]) //获取

2021-07-07 00:32:58 435

原创 函数相关概念

函数 定义:就是对代码的封装(函数就像一个盒子,然后把我们想要的代码放进去 ); 需要该代码时,则需要调用;函数定义:定义的过程:开空间(开启一个盒子) 把一段代码存储进去(是把代码当作字符串存储,此时不解析函数内的变量"console.log(num)") 把这个空间的地址给到函数名称函数在定义的时候没有解析函数内的变量,在函数执行的时候拿出来解析num变量;1、声明式函数语法:function 函数名(){ 要执行的代码 };()必须写,是用...

2021-07-05 23:15:14 193

原创 while循环&do-while循环&for循环&break&continue

while循环:while(条件){ 满足条件就执行}先条件判断,为true则执行大括号中的代码,一直到条件为false时循环结束;do-while循环:do{ 条件结果为true时执行的代码}while(条件)do-while是while循环的变异体,不管条件是否为true,do中的代码先执行一次,然后再判断条件;do-while 至少会执行一次代码;for循环:for(初始值1;条件2;值改变3){ 条件为true时执行的代码}执

2021-07-01 00:41:17 165

原创 分支结构if语句&if-else语句&if-else...else&switch%三元

if语句:条件可不满足,可不执行代码;if(条件){ 条件成立时执行的代码}if-else 双分支:条件必须满足其一if (条件){ 条件成立时,执行的代码}else{ 条件不成立时,执行的代码}if-else if...else 多分支结构:条件必须满足其一if(条件1){ 条件1成立执行的代码}else if(条件2){ 条件2成立执行的代码}else if(条件3){ 条件3成立执行的代码}....

2021-06-29 23:05:01 590

原创 媒体查询&响应式布局

媒体查询:概念:可根据设备(电脑/手机/终端设备)的尺寸,查询出适配自己的样式,可以根据用户的终端设备配对对应的样式;共三种样式用媒体查询: 1、外部样式表媒体查询 --- link media="设备类型 and关键字 (这一定要空格) (媒体查询条件)" 2、@import方式 --- <style> @import url(路径) 设备类型 and (媒体查询的条件); --- <...

2021-06-28 23:34:59 264

原创 Javascript 基础语法

JavaScript书写位置: 1、行内式js代码(不推荐)【需要有点击事件才能触发】 2、内嵌式 【页面打开时会直接触发】 —— script标签可放在head也可放在body 3、外链式(推荐)只需引入html页面js注释:单行注释 // 或 ctrl+/ 多行注释 /*...

2021-06-28 23:34:17 114

原创 怪异盒模型&flex布局

怪异盒模型=CSS3盒模型:css盒模型:加上padding值后,若想width不变,则需要减去padding值;怪异盒模型:加上padding值后,width:

2021-06-22 10:47:42 240

原创 常见面试题

animation与h的区别:

2021-06-19 23:40:20 61

原创 2D转换&3D转换&动画

2D转换transform:所有属性值:transform : none

2021-06-19 23:08:18 255

原创 文本换行&背景属性&图片边框&CSS圆角&线性渐变&径向渐变

文本换行:word-wrap:normal(只在允许的断字点换行)/ break-word(允许长单词或URL地址换行到下一行)

2021-06-19 10:39:50 217

原创 CSS3选择器&服务器端字体&CSS3浏览器前缀

CSS3选择器:属性选择器:E[属性="属性值"]{} 【多用于表单】结构伪类选择器:E:nth-

2021-06-17 17:21:56 227

原创 h5新增的语义化标签&新增表单标签

h5新增标签<header></header> <footer></footer>

2021-06-16 17:48:53 105

原创 锚点&定位&定位元素的层次关系&透明度

锚点:1.命名锚点: <标记的id="锚点名"></标记>2.锚点链接:

2021-06-10 17:32:23 224

原创 元素类型&垂直对齐属性

块级元素:div、p、h1~h6、行内(内联)元素:b、strong、i、em、a、span行内(内联)块级元素:img、input

2021-06-09 19:00:39 132

原创 列表&背景图片&溢出文本

列表序号是图片时:list-style-image:url(路径)设置列表标记的放置位置:list-style-position:outside/inside

2021-06-08 17:53:47 154

原创 盒模型&CSS的核心属性

padding(内边距):使用方法:在容器内部需要设置边距shi盒子与元素之间的距离带有宽高的盒子会被撑大,若盒子无宽高不需要减宽高,反之则减

2021-06-08 09:03:52 86

原创 权重&切图

权重:! important>行内(1000)>类选择器(100)>id选择器(10)>标签选择器(1)群组选择器的权重互不相关

2021-06-04 19:33:22 82

原创 Link和import的区别(面试题)

差别1:本质的差别:link属于XHTML标签,而@import完全是CSS提供的一种方式。差别2:加载顺序的差别:当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。差别3:兼容性的差别:@import是CSS2.1提出的,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。

2021-06-04 09:42:56 506 1

原创 优先级&CSS选择器

优先级:行内(内联)>内部样式/外部样式(这两的优先级取决于位置的前后,位置在后的则会覆盖位置在前的样式“浏览的解析顺序由上到下”)

2021-06-04 09:31:44 69

空空如也

空空如也

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

TA关注的人

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