Skip to content

Instantly share code, notes, and snippets.

@maruisheng
maruisheng / 50.Bom
Created February 17, 2019 13:29
简单说下Bom是什么
1.浏览器对象模型 (BOM):
浏览器对象模型(Browser Object Model)
BOM提供了独立于内容而与浏览器窗口进行交互的对象。
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
BOM缺乏标准,javaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C
2.Window 对象:
所有浏览器都支持 window 对象。它表示浏览器窗口,是BOM的顶层(核心)对象,所有对象都是通过她延伸来的!
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
@maruisheng
maruisheng / 49.随机字符串
Last active February 17, 2019 13:23
简单说下
代码为:
![内网通截图20190217212247.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABXgAAAI3CAYAAAAhojMAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAHH9SURBVHhe7d3PryTHgSf2MfbSo79hbp7r3mYHNND0faCLAMPQiQMufCAICMachOWehFHzIgigCKExB9oQLM6SDXAOi+aanMYO4W6vBBFcWtyB3aIG7W6aMKTRDw4HizkYq0u6MjKzKjIyMjPqx6vKfO9z+OBVRURGRkZm1Xvv++Jl/V71u19Vef9P9ca336u+9r/+P7uy//eT6msvJ2Wpj39S/eHLP6k+yNUN/Lz65qa/b348rPvgf36v+sP/+edRWdN2sO92TLk+9vLkz6v/65//XvV//02mbuvD6pf//abNKy9U//GVtwb1X77ye0n5W9X/venz//qfPtyW/X//0x9V//Gfv1B9uW1zxX71oPrad1+tvvmzTN3Gsx//RfWH3703fb7aPr724/Z8/OzeZpu/qN74Vb7d2L5qH9x/tfrD+7v5mBPa/+BB9Wxb9vPqjR8kfYTx5Pr9sPpmPZ77m/peH7V9+ok1223nopbOT07oe2aet9pxZ+ZxOH9N28G+C85FiR9957+r/tuv/nfVnR/l6wEAAAC4rG3A++x//d+q//rl93qyQW4bqI62Kwh46/A23r4TB7q5NmMhbjr2yQB6QhO+/ldbcTCbtskFwSHgjbYfa5fuJ8gExqfShLivbqVhYFofdCHiSOgZgsZNeRogTu9rPLgcMwx4N9rwcrufTf0H9X4zwWw3nmz4WtBPbm6K+krbFQS83ZwOROPJtRmbz7nzPuuz/6X6H776P1b/5rNMHQAAAACLMLGC97KGK3iXIYSz//2fV/9fpm64gpdYCBwHK2mnDVes3mzmAwAAAICYgHcfM7dxEPBOydzaYODD6ptxeHmi2wxcJwJeA
@maruisheng
maruisheng / 48.随机色
Created February 17, 2019 13:18
简单说下
1.代码为:
![内网通截图20190217211611.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbwAAALgCAYAAADvFMLOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAH73SURBVHhe7b1Pqy3Jdadt6Mm1P4Nnrz+CLdSg6rnxRPAOPJKR6YEoEC8eCatHwipBIwzVhbl4IBrTKnfVgfKguaKvfLBE39OWUXE5rWMNrmVTnKMumpZs9fX1wCP3JN9YKyIyVkRGROb+e/be+Qwezs6M/ysy1i9XZO6zf2n4v38/AAAAXDoIHgAArAIEDwAAVgGCBwAAqwDBAwCAVYDgAQDAKkDwAABgFSB4AACwChA8AABYBQgeAACsAgQPAABWAYIHAACrAMEDAIBVgOABAMAqQPAAAGAVIHgAALAKEDwAAFgFCB4AAKyCCxW8D4e3n3xx+G417Qj87OvD7/673xn+spYGO/PdLz0ZnjzxvP2dep41sia7yFjtGB/+6o+HX/vDq+H7//fj4St/+I3h83/1tyFNjuV8yrsP2u05fvLO8Nbn3hk+MfkTHw/vfW6LefrOF8cyT5p1wxwI3iE4W8H7ePjT9/7V8PUf19IOgV/8tUVvnbennM922eOyTT/k+szHt0n53DafHd77iU0/kl2CA37r3Y/DuePNxyfvfnZ48qUP8/N/cxUE6G+Hb/3J4QWv3Z5H56jsoyJ2Kucs8He/GP7sV//P8C3lF8Pd31XydMUU5kDwDgGCt5C2kyzv4Kccz8H22aYfxfWp4rHkevVt1R1p5Eh2kT47x52c75HaFYdfs5UI0J9cDw9BgL7yNzHtgIJXbS8ic1wTNrFT7fw/DN93Qvf9Pw/HKn6/GH6a5XEgeDtxFMH79OqHw2e+/Gr41Jy7+eaL4QtXn46fP/Nbia/9IM/3tatXwxfG9B8NNyGtTXAoZhsg3Yk6dNHEO2SzSEP+tGj9nXhWtoW
@maruisheng
maruisheng / 47.定时器
Created February 17, 2019 13:14
说下定时器
1.定时器是干啥的?
定时器就是在间隔多长时间重复一段代码
2.定时器分为:setInterval setTimeout
3.
```language
//参数1:执行的功能 只执行一次
//参数2:延迟执行的时间 单位是 毫秒
// var timer = setTimeout(function(){
//
@maruisheng
maruisheng / 46.背景图
Last active February 17, 2019 13:12
说下背景图是怎么写的
css里面的代码:
```language
.box{
width: 300px;
height: 500px;
position: relative;
margin: auto;
}
img{
width:100%;
@maruisheng
maruisheng / 45.Dom
Created February 17, 2019 13:07
简单说下Dom是什么
1.Dom是什么?
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
DOM是“Document Object Model”(文档对象模型)的首字母缩写。
2.DOM 节点:
在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。
HTML 文档中的所有内容都是节点:
整个文档是一个文档节点 document
每个 HTML 元素是元素节点 h1
HTML 元素内的文本是文本节点(包括空格)
每个 HTML 属性是属性节点
@maruisheng
maruisheng / 44.时间和日期(完结)
Created February 17, 2019 12:17
我们了解一下时间和日期
1.getMinutes():
getMinutes() 方法可返回时间的分钟字段。
返回值: dateObject 的分钟字段,以本地时间显示。返回值是 0 ~ 59 之间的一个整数。
2.setMinutes():
setMinutes() 方法用于设置指定时间的分钟字段。
语法: dateObject.setMinutes(min,sec,millisec)
min 必需。表示分钟的数值,介于 0 ~ 59 之间,以本地时间计(下同)。
sec 可选。表示秒的数值,介于 0 ~ 59 之间。在 EMCAScript 标准化之前,不支持该参数。
millisec 可选。表示毫秒的数值,介于 0 ~ 999 之间。在 EMCAScript 标准化之前,不支持该参数。
3.getSeconds():
@maruisheng
maruisheng / 43.时间和日期(续写)
Created February 17, 2019 12:10
深入知道下时间和日期
1.getDate() :
getDate() 方法可返回月份的某一天。
返回值: dateObject 所指的月份中的某一天,使用本地时间。返回值是 1 ~ 31 之间的一个整数
![微信截图_20190217195915.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwsAAACGCAYAAACSYBYhAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhe7J0FeFTH14cXSCC4uxSnheLu7u7u7u7u7u7u7hAg7gnu7gQJlkA8eb85u7k0hIVCSwv9fzfP8z53szszZ3zO784VAx/9eeno6Ojo6Ojo6Ojo6BjRxYKOjo6Ojo6Ojo6Ojll0saCjo6Ojo6Ojo6OjYxZdLOjo6Ojo6Ojo6OjomEUXCzo6Ojo6Ojo6Ojo6ZtHFgo6Ojo6Ojo6Ojo6OWXSxoKOjo6Ojo6Ojo6NjFl0s6Ojo6Ojo6Ojo6OiYRRcLOjo6Ojo6Ojo6Ojpm0cWCjo6Ojo6Ojo6Ojo5ZdLGgo6Ojo6Ojo6Ojo2MWXSzo6Ojo6Py/IDz8tDqeVZxXXIw4noFw9btgJk5kwsNV2L8RX0dHR+e/iC4WdHR0dHT+f2AUC+Lwn1OIoy9H9d3XOvtfim8uvI6Ojs7/ALpY0PkuhH9YQC8oLkUc5Tvz4XV0dHT+NYw7AuLouyns8X1yhBvWu7hqt59HPo68VnNV0BfnK4nrqXBWnOLl3YNcO7aT686HePrejXdqvgsz7jiosLpw0NHR+R9DFws6fxNZQE8rsSBCQUTCVcV1xRWFLJ7yuyCCwlx8HR0dnX8SNT+Fy/wkn08ptnH18AwWV+jL7AZj2e9+ULn653lp3CmIGlcQoSBzmbviqGI9XpsnMb9UH+a3nszxWzbcUHPee+NlSSp8uGm+09HR0flfQRcLOn+TM2px9IBge/A7hs+jvVy9soPLNw5y94Uzz/3PEBAqi625uDo6/yWkH8vZZ3Ecxfn8
@maruisheng
maruisheng / 42.时间和日期(续写)
Created February 17, 2019 11:54
深入了解一下时间和日期
1.setTime():
etTime() 方法以毫秒设置 Date 对象。
语法: dateObject.setTime(millisec)
eg:
var d = new Date()
d.setTime(77771564221)
document.write(d)
2.getFullYear():
getFullYear() 方法可返回一个表示年份的 4 位数字。
返回值
@maruisheng
maruisheng / 41.日期和时间
Created February 17, 2019 11:50
简单了解一下日期和时间
1.日期对象创建:
Date 对象用于处理日期和时间。
通过 new 关键词来定义 Date 对象。
注释:Date对象自动使用当前的日期和时间作为其初始值。
2.toString():
toString() 方法可把 Date 对象转换为字符串,并返回结果。
var d = new Date()
document.write (d.toString())
3.toLocaleString():
toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串,并返回结果。