自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css中子元素在父元素中水平垂直居中

1、父元素开启相对定位,子元素开启绝对定位,子元素中margin减去自身宽高的一半。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { marg...

2019-11-21 16:22:14 502

原创 CSS文档流、浮动、定位

1.文档流- 所有的元素默认情况下都是在文档流中存在的- 文档流是网页的最底层- 元素在文档流中的特点:- 块元素1.默认宽度是父元素的全部2.默认高度被内容(子元素)撑开3.在页面中自上而下垂直排列- 内联元素1.默认高度和宽度都被内容撑开2.在页面中自左向右水平排列,如果一行不足以容下所有的元素则换到下一行继续从左向右2.浮动- 使用float来设置元素的浮动- 可...

2019-10-17 15:48:42 230

原创 Vue中的MVVM

什么是MVVM?MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。View层:视图层 在我们前端开发中,通常就是DOM层。 主要的作用是给用户展示各种信息。Model层:数据层 数据可能是我们固定的死数据,更多的是来自我们服...

2019-10-17 15:47:05 438

原创 浏览器兼容性的解决方法

基本兼容方法Hack表示补丁的意思,就是利用各种技巧,专门为特定浏览器增补样式,以实现在不同浏览器中具有相同的显示效果。这些方法也被称为过滤器(Filter),就是在所有浏览器中过滤出特定类型浏览器并为其单独定义样式。常用CSS Hack包括3种形式:条件过滤器、属性过滤器和选择符级过滤器。1、IE条件语句基本用法:<!--[if<keywords>?IE<ver...

2019-07-17 10:52:43 600

原创 JavaScript let 和 const关键字

在 ES6 之前,JavaScript 只有两种作用域: 全局变量 与 函数内的局部变量。全局变量在函数外声明的变量作用域是全局的,全局变量在 JavaScript 程序的任何地方都可以访问。局部变量在函数内声明的变量作用域是局部的(函数内),函数内使用 var 声明的变量只能在函数内容访问,如果不使用 var 则是全局变量。使用 var 关键字声明的变量不具备块级作用域的特性,它在 {...

2019-06-09 23:12:49 201

原创 JS数组的push()、pop()、shift()和unshift()方法

JavaScript Array 对象Array 对象4中常用的方法:push()该方法向数组的末尾添加一个或更多元素,并返回新的长度。pop()该方法把数组中的最后一个元素删除并返回删除的元素。unshift()该方法向数组的开头添加一个或更多元素,并返回新的长度。shift()该方法把数组中的第一个元素删除var arr = [1, 2, 3, 4];arr.push(5...

2019-06-09 22:36:50 1174

原创 JavaScript 验证 API

1、约束验证 DOM 属性属性描述validity布尔属性值,返回 input 输入值是否合法validationMessage浏览器错误提示信息willValidate指定 input 是否需要验证Validity 属性input 元素的 validity 属性包含一系列关于 validity 数据属性:属性描述customE...

2019-06-05 09:45:51 202

原创 字符串的相关方法

字符串方法方法描述charAt()返回指定索引位置的字符charCodeAt()返回指定索引位置字符的 Unicode 值fromCharCode()将指定的 Unicode 值转换为字符串concat()连接两个或多个字符串,返回连接后的字符串indexOf()返回字符串中检索指定字符第一次出现的位置lastIndexOf()返回字...

2019-06-05 09:33:46 132

原创 CSS选择器

选择器类型:css选择器主要有4种类型:标记选择器、类选择器、id选择器及伪类选择器等。1.标记选择器标记选择器(也称元素选择器)即直接使用HTML标记名称作为选择器。元素(标记)名{ },如:p { }2.类选择器在标记内使用class属性将其定义为类选择器。.class名{ },可以给不同元素设置相同的class名,class名能重复使用。3.id选择器在标记内使用id属性将...

2019-04-28 00:12:43 1026

原创 HTML中块级元素和行内元素的区别

HTML中块级元素和行内元素的区别:块级元素总是在新行上开始;高度,行高以及外边距和内边距都可控制;宽度缺省是它的容器的100%,除非设定一个宽度;它可以容纳内联元素和其他块元素行内元素和其他元素都在一行上;高,行高及外边距和内边距不可改变;宽度就是它的文字或图片的宽度,不可改变内联元素只能容纳文本或者其他内联元素对行内元素,需要注意如下:设置宽度width 无效...

2019-04-24 20:47:31 813

原创 正则表达式中^和$字符的用法

^的用法:1、限定开头:匹配后面紧跟的字符为开头的字符([ ]之外或数字、元字符之前),如^[0-9],含义为以0-9中的数字为第一个数字开头。实例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head...

2019-04-23 20:53:58 20618

原创 JavaScript 正则表达式

在 JavaScript 中,正则表达式通常用于两个字符串方法 : search() 和 replace()。search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。正则表达式表单验证实例:/是否带有小数/function i...

2019-04-23 20:11:28 103

转载 相关的浏览器的内核

基本说明:所谓的浏览器内核也就是浏览器所采用的渲染引擎,负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。常用浏览器的内核例子:IE: trident 内核Firefox˖gecko 内核Safari:webkit 内核Opera:以前是 presto内核,Opera 现已改...

2019-04-22 16:27:14 100

空空如也

空空如也

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

TA关注的人

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