摘要: 在典型的oop的语言中都存在类的概念,对象就是类的模板,对象就是类的实例,但是在ES6之前,JS并没有引入类的概念,在ES6之前对象不是基于类创建的,而是用一种称为构造函数的特殊函数来定义对象和他们的特征 // 创建一个构造函数 // 构造函数首字母需要大写 // 实例成员就是构造函数内部通过thi 阅读全文
posted @ 2020-05-08 02:05 牛耀民 阅读(226) 评论(0) 推荐(0) 编辑
摘要: Cookie是存储在用户计算机上的小文件,保存特定客户端和网站的适量数据,并可以由Web服务器或客户端浏览器访问,允许服务器提供针对特定用户定制的页面,或者页面本身可以包含一些知道cookie中的数据的脚本 <script> // 查询cookie // console.log(document.c 阅读全文
posted @ 2020-04-27 09:30 牛耀民 阅读(296) 评论(1) 推荐(1) 编辑
摘要: class Star{ constructor(name,age){ this.name = name; this.age = age; } } var l = new Star("刘德华",18); var z = new Star("张德华",28); console.log(l,z); 创建类 阅读全文
posted @ 2020-04-27 08:47 牛耀民 阅读(685) 评论(0) 推荐(0) 编辑
摘要: Create a new post 1 $ hexo new "My New Post" More info: Writing Run server 1 $ hexo server More info: Server Generate static files 1 $ hexo generate M 阅读全文
posted @ 2020-04-17 20:06 牛耀民 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 使用mouseover会产生冒泡事件结合onmouseout一起使用 控制台里面的小盒子也会触发大盒子的事件这叫冒泡事件,所以使用mouseover会产生冒泡事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2020-04-12 19:35 牛耀民 阅读(275) 评论(0) 推荐(0) 编辑
摘要: var target = event.target || event.srcElement; console.log(target.tagName); //div 首先说EventEvent 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合 阅读全文
posted @ 2020-04-07 20:30 牛耀民 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 三大系列总结: offset系列经常用于获得元素位置 offsetTop offsetLeft client经常用于获取元素大小 clientWidth clientHeight scroll经常用于获取滚动的距离 scrollTop sccrollLeft offset 翻译过来就是偏移量 Ele 阅读全文
posted @ 2020-04-07 15:05 牛耀民 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 字符串中的常用方法 所有用单引号,双引号,反引号抱起来的都是字符串 每一个字符串都是由零到多个字符组成的 str.length //=>代表字符串的长度 str[10000] //=>不存在的索引会返回undefined charAt / charCodeAt charAt:根据索引获取指定位置的字 阅读全文
posted @ 2020-03-21 16:48 牛耀民 阅读(866) 评论(0) 推荐(0) 编辑
摘要: >第一种不会改变原数组 var ary = [5, 5, 9, 3, 5, 5, 5, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 5, 4, 7, 9]; for(var i=0 , newary=[] , a=""; i<ary.length; i++){ if(newary.i 阅读全文
posted @ 2020-03-20 11:39 牛耀民 阅读(180) 评论(0) 推荐(1) 编辑
摘要: 函数 arguments 函数的内置实参集合 任意数求和(执行函数的时候,传递N个值任意数求和) 类数组集合,集合中存储着所有函数执行时传递的信息 不论是否设置形参,arguments都存在 不论是否传递实参,arguments都存在 arguments.callee储存的是函数的本身,ES6不支持 阅读全文
posted @ 2020-03-14 19:17 牛耀民 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 在ES6中。 三个点(...) 有2个含义。分别表示 扩展运算符 和 剩余运算符。 //demo 1 传递数据代替多个字符串的形式 function test(a,b,c){ console.log(a); console.log(b); console.log(c); } var arr = [1 阅读全文
posted @ 2020-03-14 19:16 牛耀民 阅读(255) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> // for-in 一般用来遍历 阅读全文
posted @ 2020-03-04 20:54 牛耀民 阅读(437) 评论(0) 推荐(1) 编辑
摘要: CSS outline 属性和outline-offset 属性 定义和用法 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 注释:轮廓线不会占据空间,也不一定是矩形。 outline 简写属性在一个声明中设置所有的轮廓属性。 可以按顺序设置如下属性: 阅读全文
posted @ 2020-02-18 21:18 牛耀民 阅读(332) 评论(2) 推荐(1) 编辑
摘要: 长度单位主要有以下几种em ex ch rem vw vh vm cm mm in pt pc px %,大概可以分为几种“绝对单位”和“相对单位”和“百分比单位”。 绝对单位:px in cm mm 相对单位:em rem pt pc ex ch 百分比单位:vw vh vm % 下面主要说几个常 阅读全文
posted @ 2020-02-16 22:36 牛耀民 阅读(375) 评论(0) 推荐(1) 编辑
摘要: 将图片和文字放入一个div之中然后点击按钮就可以将图片和文字进行动态转变! 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> window.onloa 阅读全文
posted @ 2020-01-19 19:34 牛耀民 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 在javascript中,数组是一个特殊的对象,其property名为正数组,且其length属性会随着数组成员的增减而发生变化,同时又从arry构造函数中继承一些用于进行数组操作的方法,而对于一个普通的对象来说,如果它的所有property名均为正整数,同事也有相应的length属性,那么虽然该对 阅读全文
posted @ 2020-01-17 13:34 牛耀民 阅读(3807) 评论(0) 推荐(0) 编辑
摘要: JavaScript是一门单线程的语言,因此,JavaScript在同一个时间只能做一件事,单线程意味着,如果在同个时间有多个任务的话,这些任务就需要进行排队,前一个任务执行完,才会执行下一个任务,比如说下面这段代码 // 同步代码 function fun1() { console.log(1); 阅读全文
posted @ 2020-01-12 20:23 牛耀民 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 回调函数:回调函数就是一个通过函数指针调用的函数。如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数。 在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A 阅读全文
posted @ 2020-01-12 20:20 牛耀民 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 1、字符串转换 字符串转换是最基础的要求和工作,你可以将任何类型的数据都转换为字符串,你可以用下面三种方法的任何一种: var num=24; var mystr=num.toString(); //"24" 你同样可以这么做: var num=24; var mystr=String(num); 阅读全文
posted @ 2020-01-12 19:52 牛耀民 阅读(2804) 评论(0) 推荐(0) 编辑
摘要: JS的数据类型:基本类型:Undefined, Null, Boolean, Number, String引用类型:Object, Array, Date, RegExp (其实就是对象)JS中只有对象才有属性和方法,原始值没有属性和方法那么我们平常求字符串的长度 用length属性不是没有问题吗? 阅读全文
posted @ 2020-01-12 19:35 牛耀民 阅读(1167) 评论(0) 推荐(0) 编辑
摘要: Math 对象用于执行数学任务。 Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),它里面封装了关于数学运算的属性相关方法。 Math 对象属性 属性描述 E 返回算术常量 e,即自然对数的底数(约等于2.718)。 LN2 返回 2 的自然对数(约等 阅读全文
posted @ 2020-01-03 18:17 牛耀民 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 内建对象date对象 在js中Date表示时间 创建一个Date对象 需要在构造函数创建一个Date对象,则会封装当前代码执行时间 var d = new Date; console.log(d);//Date Wed Jan 01 2020 20:33:32 GMT+0800 (中国标准时间) 创 阅读全文
posted @ 2020-01-03 18:05 牛耀民 阅读(141) 评论(0) 推荐(0) 编辑
摘要: JS中,可以将对象分为“内部对象”、“宿主对象”和“自定义对象”三种。 内部对象js中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象,包括Error、EvalError、Range 阅读全文
posted @ 2019-12-31 17:36 牛耀民 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 数组是什么? 数组也是对象,对象分为三种 内建对象 宿主对象 自定义对象 数组(Array) 数组也是一个对象他和普通的对象功能类似也是用来存储一些值的 不同的是一般对象{}用的是属性名字符串来存储值的而我们的数组是[]通过数字索引号来储存值的 索引:从零开始的整数就是整数[0]数组存储性能比普通对 阅读全文
posted @ 2019-12-31 13:34 牛耀民 阅读(288) 评论(1) 推荐(0) 编辑
摘要: 一、HTTP状态码 当浏览者访问一个网页的时候,浏览者的浏览器会向网页所在的服务器发出请求。当浏览器接受并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的头部信息(server header)用以相应浏览器的请求。 二、最常遇到的状态码 200 请求成功 301 资源(网页等)被永久转移 阅读全文
posted @ 2019-12-29 23:12 牛耀民 阅读(240) 评论(0) 推荐(0) 编辑
摘要: AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏 阅读全文
posted @ 2019-12-29 20:06 牛耀民 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 抽取数组各个值中随机的三个不同的人的名字 var arr = ["王","赵","孙","李","张","周","吴"]; for (var i = 3; i > 0 ; i--) { var a = Math.round(Math.random()*arr.length-1); var b = a 阅读全文
posted @ 2019-12-29 17:48 牛耀民 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 在调用函数时,浏览器每次都会传递两个隐含的参数 1.函数的上下文对象this 2.封装实参的对象argumnts 3.arguments是一个类数组对象和数组很像但不是 4.我们即使不定义形参,也可以通过argments来获取实参 5.arguments中有一个属性叫做callee function 阅读全文
posted @ 2019-12-29 17:23 牛耀民 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 指定this的两个方法call和apply call和apply都是函数的对象方法,需要通过函数对象来调用 当对函数调用call和apply都会调用函数执行 在调用call和apply都可以将一个对象指定为第一个对象 以函数形式调用this就是window但是以上两种方法可以指定为第一个参数作为函数 阅读全文
posted @ 2019-12-29 17:20 牛耀民 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 一个Math函数,例如:Math.pow(4,3);返回4的三次幂,用法:Math.pow(x,y)x 必需传。底数。必须是数字。 y 必需传。幂数。必须是数字。 如果结果是虚数或负数,则该方法将返回 NaN。如果由于指数过大而引起浮点溢出,则该方法将返回 Infinity我们用函数来写一个类似功能 阅读全文
posted @ 2019-12-23 18:00 牛耀民 阅读(3202) 评论(0) 推荐(0) 编辑
摘要: 使用animation和调整页面角度做出来 <html lang="zh"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> html{ background: #000; height: 阅读全文
posted @ 2019-12-12 22:19 牛耀民 阅读(565) 评论(0) 推荐(0) 编辑
摘要: 原理就是获取到图片的src地址然后赋值给背景的URL地址 <!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0 阅读全文
posted @ 2019-12-12 22:11 牛耀民 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 我们需要给所有按钮添加一个点击事件就需要用到排他思想需要做到点击当前的按钮改变当前按钮的颜色,并去除其他按钮的背景颜色,用来提升页面效果 1给五个按钮都添加一个点击事件 2获取所有的按钮元素 3需要点击事件清除所有的按钮的背景颜色 4然后把当前按钮的背景颜色改变 源代码: <!DOCTYPE htm 阅读全文
posted @ 2019-12-11 19:28 牛耀民 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 一、 堆(heap)和栈(stack) 栈(stack)会自动分配内存空间,会自动释放。堆(heap)动态分配的内存,大小不定也不会自动释放。 二、 基本类型和引用类型 基本类型:简单的数据段,存放在栈内存中,占据固定大小的空间。 引用类型:指那些可能由多个值构成的对象,保存在堆内存中,包含引用类型 阅读全文
posted @ 2019-12-08 21:18 牛耀民 阅读(7508) 评论(0) 推荐(1) 编辑
摘要: 普通方法创建对象 var obj = { name:"猪八戒", sayname:function () { alert(this.name); } } var obj1 = { name:"沙和尚", sayname:function () { alert(this.name); } } var 阅读全文
posted @ 2019-12-08 21:16 牛耀民 阅读(784) 评论(0) 推荐(0) 编辑
摘要: 前言 何谓短网址(Short URL)?顾名思义,就是形式上比较短的网址,当前主要是借助短网址来替代原先冗长的网址,方便传输和分享。短网址服务也就是将长网址转换为短网址的服务,这种服务在方便了广大网民的同时也带来了一定的安全风险。 Tencent Blade Team专门对短网址的安全问题进行过研究 阅读全文
posted @ 2019-12-06 20:34 牛耀民 阅读(852) 评论(0) 推荐(0) 编辑
摘要: 与其他语言相比,函数的 this 关键字在 JavaScript 中的表现略有不同,此外,在严格模式和非严格模式之间也会有一些差别。 在绝大多数情况下,函数的调用方式决定了this的值。this不能在执行期间被赋值,并且在每次函数被调用时this的值也可能会不同。ES5引入了bind方法来设置函数的 阅读全文
posted @ 2019-12-06 20:11 牛耀民 阅读(518) 评论(0) 推荐(0) 编辑
摘要: 作用域 作用域指一个变量的作用范围 在js中一共有两种作用域 1全局作用域 2函数作用域 直接编写在script标签中的js代码,都在全局作用域中 全局作用域在页面打开时创建,在页面关闭时销毁 在全局作用域中有一个全局对象window,我们可以直接使用它代表的是一个浏览器窗口,它由浏览器创建可以直接 阅读全文
posted @ 2019-12-05 01:17 牛耀民 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 函数简介 函数 函数也是一个对象 函数中可以封装一些功能(代码),在需要时可以指向这些功能(代码) 函数中可以保存一些代码在需要时调用 使用typeof检查一个函数对象时,会返回function 创建一个函数对象,我们在开发中很少使用构造函数来创建一个函数对象 可以将要分装代码以字符串的形式传递给构 阅读全文
posted @ 2019-12-01 21:38 牛耀民 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 现在很多人都在学习计算机语言,那么原码、反码、补码之间的快速转换和简单运算是怎么样的呢?今天小编为大家讲讲具体的方法,希望能够对大家有所帮助。 正数部分: 正整数的原码、反码和补码是一样的,即看到符号位(第一位)是0,就可以照着写出其他两种码。 负数部分转换: 原码和反码的相互转换:符号位不变,数值 阅读全文
posted @ 2019-12-01 19:12 牛耀民 阅读(12327) 评论(0) 推荐(1) 编辑