随笔分类 - JavaScrip
摘要：^ 单独使用不再【】中表示一个边界的开始 /^a/ 匹配以a开头的字符串而在【】中表示非[^1]不匹配1 $ 表示匹配一个边界的结束 /b$/ 就是要以b结尾的字符串 如 tbaleb 第一个b不会被匹配，只会匹配最后一个b * 匹配前面字符0次或多次 /ba*/ 匹配 b ba baa baaa
阅读全文
摘要：正则表达式的目的就是处理字符串的查找、验证、修改、替换。 正则表达式创建的两种方式 1. var reg=new RegExp("aa","g"); 参数1为正则表达式，参数2为正则表达式的属性，全局 大小写之类的 2. var a=/aa/g; 字面量方式 正则表达式的方法就有两个 test()
阅读全文
摘要：change 文本改变事件 ：用于input表单 文本改变的时候触发 error 加载错误事件 ：当加载出错和失败的时候触发 load 加载事件 ：加载事件，一般用于预加载或window.onload=function window.addEventListener("load",function(
阅读全文
摘要：我们利用元素获取矩形对象来实现 dom.getBoundingClientReact(); left 元素左边距离页面左边的距离 right 元素右边距离页面左边的距离 top 元素顶边距离页面顶端的距离 bottom 元素下边距离页面顶端的距离 <!DOCTYPE html> <html lang
阅读全文
摘要：最简单的方式拖拽，实现就是，给div 添加一个鼠标按下的事件onmousedown，在onmousedown 事件中在添加文档的鼠标移动事件onmousemove，并且在onmousemove事件中设置div 的属性 前提 div元素必须是position：absulote 绝度定位 ，之后在给di
阅读全文
摘要：鼠标事件有一下几种 1.click 单击 2.dblclik 双击 3.mousedown 鼠标三键其中之一 按下 4.mouseup 鼠标释放 5.mouseover 鼠标进入 6.mouseout 鼠标离开 5.6:鼠标移动到自身时候会触发事件，同时移动到其子元素身上也会触发事件，也就是说e.t
阅读全文
摘要：事件的原理--自定义事件--抛发事件 //事件抛发 //首先给div0 添加一个我们没见过的事件 也就是e.type div0.addEventListener("chilema",fn1); //实例化事件对象，并且创建一个chilema的事件 var evt=new Event("chilema
阅读全文
摘要：看下面的例子为什么要使用函数 function，事件中不能使用return来返回值，但是我们可以使用函数回调 来解决 var btn=document.querySelector("button"); btn.addEventListener("click",buttnHandler); var s
阅读全文
摘要：这里先主要讲解下 promise对象用于图片加载异步操作，具体深入 后续还会更新 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
阅读全文
摘要：第一种方法，异步回调，执行完这个函数，在回调<!DOCTYPE html<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：如下 我们在网页中添加一个图片想要获取图片的width 获取不到？ <script> // var img=new Image(); // img.src="image/meinv.jpeg"; // document.body.append(img); // console.log(img.wid
阅读全文
摘要：AJAX GET // ajax交互4步骤 // 1 首先创建ajax的对象 xmlHttpRequest // 2 打开open方法 开始交互 open中有三个参数 // (1) 请求的方式 GET POST 网页就这两种请求 // ① GET 明文显示 有大小限制 32kb 优点速度快 // ②
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：data1=[ {id:10001,icon:"icon/1.png",name:"计算机",price:1}, {id:10002,icon:"icon/2.png",name:"服务器",price:112}, {id:10003,icon:"icon/3.png",name:"监控",pric
阅读全文
摘要：声明是DOM document Object Model(文档对象类型)，DOM是针对html和XML文档的一个API。DOM描绘了一个层次化的节点树 允许开发人员添加、移除和修改页面的某一部分 HTML DOM定义了访问和操作HTML文档的标准方法，要改变页面某个东西，javascript 就需要
阅读全文
摘要：BOM：从浏览器的顶部开始到浏览器的底部 统称为BOM包含DOM DOM：从document(内容区域)到浏览器底部为DOM 以window开头的 为BOM 可以省略 如 document 它是DOM也是BOM window是权限最高的对象，它可以找到我们要错作的所有子目标(BOM DOM 属性 事
阅读全文
摘要：sort 排序函数 没有返回值，对原数组进行操作 //sort 对数组进行排序，不写参数 // arr1=[1,3,5,9,7,4,2,10]; // //使用sort进行排序，如果不写参数，按照字母的顺序进行排序，但是对数值会有点问题 // arr1.sort(); // console.log(
阅读全文
摘要：递归函数就是在函数内部调用自己 如 var dic={}；//定义一个空对象 function getElemId(elem){ //判断如果这个id存在 if(elem.id){ //给dic对象添加一个属性 dic[elem.id]=elem; } //循环这个大对象下的所有子对象 for(va
阅读全文
摘要：<div id="box"> </div> <script src="vue-2.4.0.js"></script> <script> var row=Number(prompt("请输出表格的行数")); var col=Number(prompt("请输入表格的列数")); var str="<
阅读全文
