自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试题(1)

目录一,HTML(css)部分1,什么是盒模型?2,块元素,行元素,行内块元素分别有哪些?他们有什么不同?3,css水平、垂直居中的写法,请至少写出3种?3.1,水平居中3.2,垂直居中4,1rem、1em、1vh、1px各自代表的含义?5,说出几种元素定位的方式,最少3种6,清除浮动的方法(最少2种)7,Css选择符有哪些?8,HTML5新特性9,Css新特性10,cookie,session,localStorage,sessionStorage的区别?二,js部分1.javascript有几种类型的值

2021-04-04 18:01:23 170

原创 前端开发遇到的坑

1.元素消失的方案 (1)Visibility:hidden;元素隐藏但保留位置, (2)display: none;元素隐藏且不保留位置。 2.vue中v-if和v-show的区别 (1)v-if的原理是根据判断条件来动态的进行增删DOM元素, (2)v-show是根据判断条件来动态的进行显示和隐藏元素。 (3)v-for比v-if优先级高, 3.Css中px,em,rem的区别 (1)px像素(Pixel),相对长度单位,相对于屏幕分辨率而言。 (2)em:相对长度单位,相对于当前容器内的文本

2021-04-04 17:22:38 443

原创 js基础(3)~元素自定义,元素修改,js类型节点,定时器,日期类对象,js基础事件

目录一.元素的属性修改和自定义属性二.元素的添加和删除三.Js中访问元素的尺寸和位置四.属性类型节点五.文本类型节点六.定时器七.三目运算符(条件运算符)八.日期类九.Js事件绑定方法十.鼠标事件十一.键盘事件十二.元素的滚动事件十三.事件的传播过程通知 一.元素的属性修改和自定义属性 Html标签属性可以分为2种; html标准属性:在html语法中能够直接被浏览器识别,有专门用途。 自定义属性:标准属性之外的都叫做自定义属性,满足个性化。 基本所有的html属性都可以使用对象.属性的形式访问,

2021-04-04 17:19:33 211

原创 js基础(2)~数组,对象,字符串,函数,math对象,DOM节点

目录1.数组2.数组常用的方法3.字符串对象4.函数5.Js中数据类型6.对象7.封箱(装箱)操作8.Math对象:9.非布尔值当做布尔值使用10.DOM节点最后 1.数组 (1)存储多个同类型的数据时,可以使用 数组(array) ,数组是引用类型。 创建数组的2种方式 //第1种创建方式.使用new关键字 var nameList = new Array(); //第2种创建方式,使用[]字面量。 var nameList = []; (2)数据在数中以索引(序号)进行存储,数据在数组中是有序的。

2021-04-04 17:15:08 130

原创 js基础(1)~js数据类型,基本运算符,js结构判断,for循环,

目录1.页面中运行js2.变量和基本数据类型3.基本运算符4.布尔运算符5.比较运算符6.If分支结构7.While循环结构8.For循环9.Js中的=、\==和===的区别最后 1.页面中运行js (1)javascript,简写为js,是一种函数式、弱类型的脚本语言。 (2)在一个网页中: HTML负责页面中有什么。 CSS负责页面长什么样子。 JS负责页面能够干什么。 JS能够控制HTML和CSS (3)Js在页面中运行有两种方式: 直接在script标签中写js代码。 引用外部js文件。Src

2021-04-04 17:10:32 130

原创 HTML,Css基础(3)~长度单位,css阴影,表单元素,响应式布局

目录1.长度单位2.行内垂直居中3.元素阴影和文本阴影4.表单元素5.响应式布局 1.长度单位 (1)Px:像素,1px相当于屏幕上1个最小的显示单元。 (2)Em表示当前元素的父元素的字体大小。 (3)Rem表示根元素的字体大小。 (4)1vw表示浏览器窗口宽度的1%。 (5)1vh表示浏览器窗口高度的1%。 2.行内垂直居中 vertical-align: middle; 3.元素阴影和文本阴影 Box-shadow:设置元素阴影,五个参数: 横向偏移量, 纵向偏移量, 模糊程度, 阴影大小, 阴影颜

2021-04-04 16:56:06 123

原创 HTML,Css基础(2)~盒模型,浮动布局,弹性布局

目录1.图片精灵(雪碧图)2.元素盒模型3.外边距重叠的条件4.浮动布局5.样式的优先级6.元素的隐藏7.弹性布局8.2d变形9.3d变形10.css动画 1.图片精灵(雪碧图) (1)Link标签:引入外部文件 <link rel="stylesheet" href="sprite.css"> (2)用到图片精灵的时候如何设置背景大图的尺寸? 不用看大图的原有尺寸,先看纵向和横向有多少小图,然后分别用个数*元素对应轴的尺寸。 (3)图片精灵的定义:将很多张小图整合成一张大图片,然后通过c

2021-04-04 16:53:02 443

原创 HTML,Css基础(1)~元素,定位方式,列表,表格,标签,css选择器

目录1.html简介2.元素(1)块元素、行元素、行内块元素3.元素定位方式4.列表5.伪类和伪元素6.表格7.Html语义化标签8.B标签和strong标签的区别?9.S标签和del标签10.Css选择器 1.html简介 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描

2021-04-04 16:46:17 170

原创 vue基础

目录1,vue.js是什么?1.1,渐进式框架1.2,自底向上逐层应用1.3,MVVM2,vue的核心思想2.1,数据驱动(数据双向绑定)2.2,组件化开发3,vue组件实例3.1,el3.2,data3.3,methods3.4,实例生命周期钩子函数4,模板语法4.1,插值4.2,常用指令4.2.1,v-model4.2.2,v-bind4.2.3,Class 与 Style 绑定4.2.4,v-on4.2.5,v-if,v-show(条件渲染)4.2.6,v-for(列表渲染)4.2.7,v-html4

2021-04-04 16:40:49 87

空空如也

空空如也

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

TA关注的人

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