随笔分类 - JS笔记
摘要：正则表达式的修饰词： 就是对正则表达式的进行修饰，可供修饰的属性有 修饰符 作用 g 全局匹配；即正则表达式不加g修饰，只匹配第一个满足条件的字符，加了g后，会继续匹配剩余字符； 举例： 修饰符 作用 i 匹配的时候，字符不区分大小写； m 换行匹配（默认只匹配一行，加修饰符m后，可以匹配多行）；
阅读全文
posted @ 2018-09-12 18:18
bibiguo
摘要：量词：在正则中某一个同样的规则重复出现的次数， 称为量词； 举例 基础量词的写法： {n} ; n个重复出现的规则； {n,m} ;最少n个，最多m个，重复出现数量在n-m这个区间，也就是在n和m这个区间； {n,} ; 最少n个，最大没有限制； 特殊量词的简写(这3个符号都为特殊字符，如果想要在代
阅读全文
posted @ 2018-08-15 10:49
bibiguo
摘要：转义符： 即转义的字符怎么去匹配； 转义的字符： 字符串中可以通过转义符去对一些字符进行转义，以改变在JS语法中原本的含义；比如： JS里面能对转义内容进行识别判断；比如上述字符串，通过以下判断，返回值是true; 空格也能直接判断； 一些特殊的转义： \s :匹配所有的空格字符；\S：匹配所有的非
阅读全文
posted @ 2018-08-07 21:28
bibiguo
摘要：什么叫正则表达式； var r1 = /haha/ ; var r 2 = new RegExp("haha"); 从上述表达式可以看出，正则表达式，其实就是一个实例一个写好正则函数和规则的对象的表达式； 从上述例子可以看出，无论是用 /“haha”/还是 new RegExp()实例的正则对象都是
阅读全文
posted @ 2018-08-07 17:48
bibiguo
摘要：正则表达式： 正则表达式是一个对象； 用来做字符串判断的一些相关操作（是否存在某些字符；字符是否满足某些规则，比如排列什么的等等）； 通过for循环遍历，对字符串判断并进行操作； 通过正则表达式；
阅读全文
posted @ 2018-08-07 17:15
bibiguo
摘要：BOM的键盘事件是可以借助操作系统的键盘驱动去读取键盘按键的值，通过事件函数的ev参数传进来的， 通过传进来的参数，我们可以去判断用户按的是哪个按键，从而做一些有趣的操作； 通过console.log我们可以看到我们按什么键，他会对应传进来什么值，我这里按的是D键，在传进来的ev参数里， 我们主要关
阅读全文
posted @ 2018-07-31 11:43
bibiguo
摘要：BOM常用的键盘事件有： 按下： onkeydown,：响应所有按键； onkeypress,：只能响应键入值的按键和回车 抬起： onkeyup,：响应所有按键； onkeydown和onkeypress是个持续事件，即你按照键不松手，浏览器会每隔一段时间检测，检测到你按键是按着的状态就会响应事件
阅读全文
posted @ 2018-07-31 10:08
bibiguo
摘要：一、window.onload（）; 页面所有元素（dom的所有文档结构的元素，引入的文件）加载完成后事件触发，比如页面里面有图片，图片未加载完成，即使其他的代码都加载完了,window.onload也不会触发； 很多元素都有onload属性；使用方法，document.onload()；并不仅限于
阅读全文
posted @ 2018-07-30 17:27
bibiguo
摘要：一、window.open(); window.open("url"); open方法，除了，可以带url之外，还可以带很多参数，比如新开的页面的窗口大小等等； 二、window.close(); 关闭当前标签页， 当代码执行到这段的时候，当前打开的标签页就会自动关闭； 三、定时器； setInte
阅读全文
posted @ 2018-07-30 17:14
bibiguo
摘要：window.Navigator里面记录了浏览器的信息，比如版本等等； 我们可以根据浏览器的版本信息去推送一些不同的写法，或者根据版本去做更好的兼容； console.log(window.navigator);查看所有有关版本的信息； console.log(window.navigator.us
阅读全文
posted @ 2018-07-30 16:45
bibiguo
摘要：window.history这个对象存储的当前标签页的访问记录， 通过console.log(window.history),可以查看该对象的具体参数和值； 其中length：4；是表示该页面总共访问过4个页面； 可以通过window.history.go(数值)；去实现访问记录的跳转，0代表当前页
阅读全文
posted @ 2018-07-30 16:10
bibiguo
摘要：一、BOM的location对象； window下有很多对象，可以通过console.dir(window);查看； 1.1 其中location对象存储了即本次打开的页面的加载到本地浏览器的信息； console.log(window.location)；可以看到location下存储了很多本次加
阅读全文
posted @ 2018-07-30 15:33
bibiguo
摘要：BOM（Browser Object Model）即浏览器对象模型。 BOM提供了独立于内容 而与浏览器窗口进行交互的对象； 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window； BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性； BOM缺乏标准，JavaScr
阅读全文
posted @ 2018-07-30 15:18
bibiguo
摘要：监听事件： 当有一个元素已经有一个事件的前提下，要再添加一个同样的事件的时候， 可以用监听事件，也就是说监听事件的意思就是：监听一个事件执行，执行的时候做相应的动作；这里的监听并不仅限于添加了事件函数的元素对象，就算没有添加事件函数的元素对象，触发事件时还是会被监听到； 比如： DOM 0级事件：
阅读全文
posted @ 2018-06-27 11:36
bibiguo
摘要：事件冒泡:子元素联动父元素执行鼠标事件的事件函数就叫冒泡事件； 这个就是事件冒泡， 事件冒泡的基本原理是基于Dom的树结构，即Dom树结构的根是document,对document内的任一元素的点击事件都会联动document的点击事件，而wrap又是box的上级结构，所以对box的点击会联动到wr
阅读全文
posted @ 2018-06-26 15:43
bibiguo
摘要：随着窗口大小改变去触发的一个事件，窗口即window，即这是一个浏览器的BOM调用的API；只有window下才有这个事件； 输出结果；
阅读全文
posted @ 2018-06-26 14:16
bibiguo
摘要：前端通过鼠标事件可以完成一些很酷炫的操作； 鼠标事件可以给函数传一个实参，这个实参记录了这个鼠标事件的所有信息； 比如，我们写一个函数，function (e){.....//code}去接收鼠标事件的实参； 接收的实参里面含有 事件传过来的参数很多，具体看需求去调用； 今天主要讲解的 pageX和
阅读全文
posted @ 2018-06-26 14:06
bibiguo
摘要：JS中的对DOM的逻辑结构，即元素节点的存在，和元素节点的布局是分离的；元素都存在document这个大的结构内，但是布局的话根据实际情况去布局；也就是说，创建节点需要分两步执行，1、先在document里面创建一个节点，2、再对节点进行布局； 1 2 3 4 111 5 6 ...
阅读全文
posted @ 2018-06-21 11:57
bibiguo
摘要：DOM ： Document.Object.Model 文档对象模型； DOM的节点类型可以分为： document. 文档节点； html元素 元素节点； 文本节点（包含文字，空格，换行）； HTML标签属性 属性节点； 注释节点； DOM为所有节点类型预写了对象，JS通过节点对象调用DOM，实现
阅读全文
posted @ 2018-06-19 23:18
bibiguo
摘要：一：DOM 文档对象模型（DOM）是表示文档（比如HTML和XML）和访问、操作构成文档的各种元素的应用程序接口（API） DOM是HTML与JavaScript之间沟通的桥梁。 DOM下，HTML文档各个节点被视为各种类型的Node对象。 每个Node对象都有自己的属性和方法，利用这些属性和方法可
阅读全文
posted @ 2018-06-19 23:01
bibiguo
浙公网安备 33010602011771号