自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 多重样式优先级

三种样式优先级** 内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式。** 注意:如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。 选择器优先级 越往下优先级越高。 !important 规则例外 当 !important 规则被应用在一个样式声明中时,该样式声明会覆盖CSS中任何其他的声明, 无论它处在声明列表中的哪里. 尽管如此, !important规则还

2022-04-15 13:50:43 73

原创 JQuery常见用法。

(function ( $, window, document, undefined ){ })(jQuery, window,document); 好处: 1.闭包避免全局污染. 2.传入$避免全局污染 3.传入window document是从性能考虑 js寻找一个变量是沿着作用于链逐级往上找的,直到找到位置。把window变为函数内部的一个局部变 量,就是为了避免每次使用window时,还得js费劲巴拉地去沿着作用域链一直到顶级才找到window这个 家伙

2022-02-11 14:47:00 355

原创 前端响应式布局

响应式布局 今天已经是2019年,基本上所有新建的网页都会是响应式(Responsive),以适应在手机显示。而实现响应式网页布局主要有3种方法: Float Flexbox CSS Grid 当然,以上三者都需要搭配Media Query使用。 其中CSS Grid是最新,也是我最推崇的,但由于太新,较旧的浏览器并不支持。不过,大部分的浏览器其实都已经支持了,我个人不会太担心。要想知道哪些浏...

2019-05-17 14:57:37 541

原创 Websocket原理

一、websocket与http WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算) 首先HTTP有 1.1 和 1.0 之说,也就是所谓的 keep-alive ,把多个HTTP请求合并为一个,但是 Websocket 其实是一个新协议,跟HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而已...

2019-04-03 15:52:54 84

原创 JavaScript

数据类型 数字、字符、布尔值、null undefined: 1.一个变量声明了,但没有赋值 var a; 2.var c=undefined; 3.一个对象中,获取某个不存在的属性 var d={};d.age; 构造函数返回值类型 1.没有返回值或者返回值是基本数据类型,则返回的是构造函数对象 2.返回值不是基本数据类型,则返回的是数据本身 继承 1.js中的继承 ...

2019-03-10 18:50:23 92

原创 HTML5浏览器支持

1.HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。 为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block.自己创建这些新元素。 2.引入js插件 html5shiv.min.js( 弊端:所有浏览器都会引用) 3.<!–[if lt IE 9]> <![endif]–...

2019-02-28 19:56:57 635

原创 bootstrap网格系统

Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype)。 因此,请在使用 Bootstrap 项目的开头包含下面的代码段。 .... Bootstrap 3 的设计目标是移动设备优先,然后才是桌面设备。这实际上是一个非常及时的转变,因为现在越来越多的用户使用移动设备。 为了让 Bootstrap 开发的网站对移...

2018-12-27 14:33:33 101

原创 JavaScript对象

JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript。 对象定义 你可以使用字符来定义和创建 JavaScript 对象 var person = { firstName:“John”, lastName:“Doe”, age:50, eyeColor:“blue” }; 对象属性 可以说 “JavaScript 对象是变量的容器”。 但是,我们通常认为 “...

2018-11-29 22:18:48 121

原创 JavaScript 语法

JavaScript 字面量 在编程语言中,一般固定值称为字面量。 数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e): 3.14 1001 123e5 字符串(String)字面量 可以使用单引号或双引号: “John Doe” ‘John Doe’ 表达式字面量 用于计算: 3+4 数组(Array)字面量 定义一个数组: [40, 100, 1, 5, 25, 10] 对...

2018-11-29 21:44:39 106

原创 JavaScript 输出

JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 1.使用 window.alert() 弹出警告框。 2.使用 document.write() 方法将内容写到 HTML 文档中。 请使用 document.write() 仅仅向文档输出写内容。 如果在文档已完成加载后执行 document.write,...

2018-11-29 21:33:30 94

原创 JavaScript简介

JavaScript 能够直接写入 HTML 输出流中: 您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。 ...

2018-11-29 20:42:40 108

空空如也

空空如也

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

TA关注的人

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