自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端菜鸟

好好学习,天天向上,冲冲冲

  • 博客(17)
  • 收藏
  • 关注

原创 Flutter组件—SelectTag选择组件

flutter中使用dart语言编写的SelectTag组件。

2024-03-21 17:03:42 191 1

原创 JavaScript原型与原型链

每个函数在被创建的时候,都会默认有一个prototype属性,prototype的属性值是一个对象,也就是构造函数的原型;

2023-06-04 15:46:06 137

原创 H5前端表格组件

表格组件,主要应用在H5或小程序中,适用于需要适用大量重复的表格,但是对表格样式追求不高的页面

2022-10-26 15:13:15 1498 2

原创 eslint+prettier前端代码规范配置

Eslint虽然可以检测代码质量问题并给出提示,但是格式化的能力有限,只能格式化js,不支持css,html等语言。而Prettier具有更强大的功能,能够支持包括 js、ts、各种 css、vue 和 md 等前端绝大部分的语言和文件格式 因此,我们可以通过Eslint和Prettier组合使用,用Eslint进行代码校验,用Prettier统一代码风格。

2022-10-26 14:36:31 2031

原创 Vue3.0组件—banner轮播图(渐入渐隐效果)

①组件图片切换有三种方式,第一种是图片两边按钮切换,第二种是点击图片下方小横条切换,第三种是自动切换;②子组件props的属性:listBanner(播放的图片源)、interval(图片播放的间隔时间)、 autoSwitc(是否自动播放banner)、 setHeight(banner的高度);③给切换图片的标签添加ref,改变ref属性中的opacity,切换透明度,达到图片渐隐渐显的效果,再给对应标签样式中添加`transition-duration: 1.5(片透明度切换的时间)

2022-09-19 17:47:45 3221

原创 JS-对象数组排序

题目—对象数组排序题目描述:编写函数使得下面对象数组可根据age(age相同使用commentum排序)来进行降序排序并返回新数组输入数据:[{name:'JavaScript',age:24,commentnum:699},{name:'Java',age:24,commentnum:698},{name:'C++',age:29,commentnum:692},{name:'C#',age:27,commentnum:694}]输出数据:[{name:'C++',age:29,comme

2022-04-06 23:17:34 2455 1

原创 九九乘法表—编译格式不对

乘法表编译提示格式错误

2022-03-11 13:15:02 1159

原创 JS中splice()方法在for循环中踩坑记录

slice()方法,删除数组中某一项的时候,直接改变的就是原数组,这个值被删掉以后,删除的值后面的值就会向前移动一位,后一位值的索引就变成删掉值的索引,而对于for循环来说,这个索引已经循环过了,而后一位值也会被跳过循环。

2022-03-06 20:34:14 1303

原创 vue入门(一)

文章目录vue入门el:挂载点data:数据对象指令v-textv-htmlv-onv-showv-ifv-bindv-forv-model小小记事本axiosvue入门el:挂载点el是用来设置Vue实例挂载(管理)的元素Vue会管理el选项命中的元素及其内部的后代元素可以使用其他的双标签,不能使用html和body标签data:数据对象Vue中用到的数据定义在data中data中可以写复杂类型的数据渲染复杂类型数据时,遵守js的语法即可指令v-textv-text指令的

2021-08-10 20:00:32 75

原创 flex布局—骰子的六个平面

使用纯CSS写的骰子的六个平面。

2021-08-05 19:06:10 570

原创 前端布局—flex布局

文章目录前端布局flex布局flex布局的优点flex布局原理flex布局常见的父项属性flex布局子项常见属性注意align-conten和align-items区别前端布局flex布局flex布局的优点操作方便,布局极为简单,移动端应用广泛PC端浏览器支持情况较差IE 11或更低版本,不支持或仅部分支持flex布局原理flex是flexible Box的缩写,意为“弹性盒子”,用来为盒装模型提供最大的灵活性,任何一个容器都可以指定为flex布局当我们为父盒子设为flex布局以后,

2021-08-05 15:50:29 186

原创 VSCode格式化插件冲突

eslint和vetur两个插件的作用Vetur的作用ESLint的作用遇到的问题风格冲突,插件失效解决方法建议。

2021-07-28 20:15:05 2579

原创 前端实习面试总结

文章目录HTML+CSS1.如何理解HTML语义化2. 哪些HTML是块级元素、内联元素(行内元素、行内块元素)3.盒模型的宽度和高度如何计算4.margin纵向重叠的问题5.margin负值的问题6.BFC的理解与应用7.float布局的问题8.清除浮动的方式9.flex画色子10.absolute和relative分别依据什么定位11.居中对齐实现有哪些方式12.line-height的继承问题13.rem、px、em是什么14.如何实现响应式15.flex弹性盒子布局变量类型和计算1.typeof能判

2021-06-19 14:51:52 1037

原创 CSS3盒模型

文章目录CSS盒模型CSS盒模型属性width、height属性border属性padding属性margin属性box-sizing属性(兼容到IE9)行内元素、行内块级元素、块级元素元素转换元素的隐藏盒模型计算CSS盒模型所有的HTML标签都可以看成矩形盒子,由width、height、padding、border构成,称为“盒模型”CSS盒模型属性width、height属性width表示盒子模型中内容的宽度height表示盒子模型中内容的高度border属性border:边

2021-05-30 12:25:49 301

原创 CSS书写位置+选择器+选择器权重

CSS3基础入门CSS3书写位置内嵌式内嵌在.html文件中,在head标签对中,书写style标签对,书写CSS语句外链式可以将CSS单独存为.CSS文件,然后使用link标签引入它,多个html网页,可以共用一个css样式表文件<link rel="stylesheet" href="css/css.css">导入式导入式是最不常见的样式导入方法,因为使用导入式引入的样式表,不会等待css文件加载完毕,而立即渲染HTML结构,所以页面会有几秒时间没有css样式

2021-05-29 20:30:11 135

原创 java-标识符、关键字、变量、注释

标识符标识符:用来标识类名、变量名、方法名、数组名、文件名的有效字符序列在Java中标识符由任意顺序的字母、下划线( _ )、美元符号($)和数字组成标识符第一个字符不能是数字,不能是Java中保留的关键字关键字变量声明变量变量:在程序运行过程中,空间内的值是变化的,这个内存空间就称为变量int age;char char1='r';声明常量常量:在程序运行过程中,一直不会改变的量称为常量(常量在整个程序中只能赋值一次)final double PI=3.14fi

2021-05-10 19:26:01 133 1

原创 java-数据类型

基本类型1bit表示一位,1B(byte,字节)=8bit(位)(1)整数类型:byte:占1个字节(-128-127)、short:占2个字节(-32768-32767)、int:占四个字节、long:占8个字节整数类型数据在java中有三种表现形式①十进制:120,0,-127等数据(不能以0作为十进制数的开头)②八进制:0123(83),-0123等数据(-83)(转换成十进制数为-83)③十六进制:0X或0x开头(2)浮点类型:float(占4个字节,定义的数据类型要加一个F)、dou

2021-05-10 16:20:23 403

空空如也

空空如也

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

TA关注的人

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