2018 年 12月随笔档案 - Web引领者

cookie讲解

摘要：cookie：（翻译过来：小甜点）意思是不管是谁都喜欢这个小东西以谷歌为例： cookie：就是存放数据的东西，存放量（存储量很小，大约4KB）存放在客户端下，计算机上，应用设备上应用场景：用户注册，用户登录，购物车案例一：我们今天登录一个京东账号，过几天重新打开京东页面，你会发现账号还在阅读全文

posted @ 2018-12-25 19:30 Web引领者阅读(411) 评论(0) 推荐(0)

js高级总结

摘要：一.事件对象 1.事件event：客户端浏览器用户触发的一种行为；事件只有两种：一个是mouse（鼠标）事件，一个是key（键盘）事件 2.需要记下所有的鼠标和键盘事件：鼠标事件：onclick点击 onmouseenter鼠标进入 onmouseover鼠标悬浮 onmouseleave鼠标离阅读全文

posted @ 2018-12-24 19:40 Web引领者阅读(257) 评论(0) 推荐(0)

鼠标拖拽时，选择文字问题

摘要：if()与if() else if()的区别？ if()要考虑顺序，写多个条件时，输出结果可能会多个，条件会同时执行，及考验写的顺序 if() else if()无需考虑顺序，写多个条件时，输出结果只能是1个，条件只会执行一个 H5新增获取元素的方法： document.querySelectorA 阅读全文

posted @ 2018-12-21 10:41 Web引领者阅读(1736) 评论(0) 推荐(0)

正则的细节

摘要：1.正则：检验字符串的规则 2.正则就是有元字符和修饰符构成：（写在//里面的都叫元字符）元字符分两种： 1种是有特殊意义的例如：/\d/表示数字 2种没特殊意义没有特殊意义就是字符本身 3.特殊意义的元字符 1.\ 转义字符转义后面紧跟的字符的意义 2. \d 有意义（数字） \.无意义（阅读全文

posted @ 2018-12-20 19:00 Web引领者阅读(145) 评论(0) 推荐(0)

正则捕获的细节及replace分析

摘要：1.var reg=/./与var reg=/\./的区别？前者代表任意一个字符，后者代表这个字符串中得有一个点 2.？的使用如果单独的一个字符后面带？代表1个或0个这个字符的出现；列如：　/\d?/ 如果量词+后面带？取消正则的贪婪性在捕获的阶段 3.捕获： 1.普通捕获正则的方法阅读全文

posted @ 2018-12-19 18:48 Web引领者阅读(237) 评论(0) 推荐(0)

正则的使用及replace细讲

摘要：1.var reg=/./　与　var reg=/\./的区别？ .代表任意一个字符 \.而后者代表这个字符串中得有一个. 2.？的使用如果单独的一个字符后面带？ /\d?/ 代表1个或0个这个字符的出现（在捕获的阶段）如果是量词+后面带？　代表取消贪婪性（在捕获的阶段） 3.捕获（在全局阅读全文

posted @ 2018-12-19 11:33 Web引领者阅读(175) 评论(0) 推荐(0)

while循环的讲解

摘要：条件语句有两种方式： if() 条件语句 switch() 条件语句循环语句： for() 循环语句 for　in 遍历队象属性的循环 while 循环案例：算出1到10的和 1.var i=1; var sum=null; while(i<11){ sum=sum+i; i++ } conso 阅读全文

posted @ 2018-12-18 20:20 Web引领者阅读(518) 评论(0) 推荐(0)

正则的理解

摘要：元字符、量词的合写 /\d+/ 至少有一个数字在字符串中查找与正则匹配的字符； n+案例 var st="heoollo" var reg=/o+/g 在字符串中至少有一个o console.log(st.match(reg))　结果为["oo","o"] n*案例 var st="heoollo 阅读全文

posted @ 2018-12-18 19:54 Web引领者阅读(315) 评论(0) 推荐(0)

正则RegExp

摘要：正则：RegExp; (验证邮箱的格式符不符合) 正则就是一条规则，用于检验字符串的格式，目标就是字符串；只要是通过表单提交的数据，都是字符串正则的定义： 1.var reg=new RegExp() 2.var reg=/格式/ （正则的简写，建议）正则的方法就两大功能：一个是匹配 Tes 阅读全文

posted @ 2018-12-17 19:19 Web引领者阅读(193) 评论(0) 推荐(0)

闭包的讲解及点赞的案例

摘要：1.闭包：函数在调用的时候会形成一个私有的作用域，对内部的变量起到保护的作用，这就是闭包 2.变量的销毁： 1.人为销毁 var a=12; a=null; 2.自然销毁函数调用完成后，浏览器会自动销毁函数内的变量； 2的案例： function fn(){ var a=9 a++ console 阅读全文

posted @ 2018-12-17 18:41 Web引领者阅读(284) 评论(0) 推荐(0)

鼠标的按键讲解

摘要：鼠标上面有三个按键：通常用ev.button表示； ev.button 0代表左键； ev.button 1代表中间的滚轮； ev.button 2代表右键； ++0 0要使用变量的形式； math.pow(3,2) 表示3的2次方 math的次幂（！onmin）这是空的意思， true的对立面阅读全文

posted @ 2018-12-14 17:27 Web引领者阅读(3933) 评论(0) 推荐(0)

date的讲解及分析

摘要：Date() 对象（获取时间的）不过是用类的写法来实现的：（他也没有私有属性，都是通过__proto__继承来的） Date() 分两大系一个是get系列（及获取时间）一个是set系列（及设置时间）如果使用定时器出现异闪? 1.提前调用函数 2.将定时器改为1毫秒 get系列的方法 1.ge 阅读全文

posted @ 2018-12-13 18:53 Web引领者阅读(504) 评论(0) 推荐(0)

瀑布流案例

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>瀑布流</title> <style> .box{ width:150px; padding:5px; float:left; transition:all 500ms; } .b 阅读全文

posted @ 2018-12-13 16:20 Web引领者阅读(168) 评论(0) 推荐(0)

拼图游戏js

摘要：实现算法： 1. JavaScript动态生成拼图：通过生成16个div，且除最后一个div不使用背景图片以外，其他div都设置拼图图片为背景。然后通过调整background-position来实现效果图中的拼图效果； 2. 打乱拼图：定义一个大小为15的数组，且其中的值依次为1-15，然后通过定阅读全文

posted @ 2018-12-13 08:12 Web引领者阅读(664) 评论(0) 推荐(0)

拖拽问题图片旋转 ++0 条件问题

摘要：拖拽的问题： div中如果有字体，会出现鼠标焦点的缺失图片的旋转： tarnsform：rotate ++0的用法：层叠性：当使用是，他的层叠性为1，不使用时，他的层叠行为0；条件语句：如果只有一个条件时，{}可以省略 if(a>b)b=0 阅读全文

posted @ 2018-12-13 07:51 Web引领者阅读(252) 评论(0) 推荐(0)

call和apply，bind的区别专讲

摘要：可以干什么？改变函数内的this指向；什么时候使用？构造函数使用this 为什么使用？为了生成对象类(函数名不可以带括号).call（）因为this指向对象，所以call的第一个参数为对象 function fn(a,b){ （形参） this.name="zhang"; this.ag 阅读全文

posted @ 2018-12-11 18:57 Web引领者阅读(159) 评论(0) 推荐(0)

数组比较大小的几种方法及math是方法

摘要：call apply bind 的区别？解决函数内this的指向： 1.可以在函数外提前声明变量一般情况下我们用 var _this/that=this 2.通过apply和call来修改函数this指向 apply和call的区别？用法一样，就是参数形式不一样（案例： fn.call(ob 阅读全文

posted @ 2018-12-10 19:51 Web引领者阅读(4950) 评论(0) 推荐(0)

事件委托与键盘事件

摘要：1.fn()与fn的区别？ fn()：执行里面的函数 fn: 将函数的内容赋给谁 2.事件委托的解析 onmouseenter，onmouseleave与onmouseover，onmouseout的区别？ onmouseenter获取的事件源（target）是元素的本身，所以他没有事件冒泡的机制阅读全文

posted @ 2018-12-04 19:11 Web引领者阅读(252) 评论(0) 推荐(0)

事件对象的兼容性

摘要：事件对象：event 1.常用事件：onclick（点击） onmouseenter(鼠标进入) onmouseover(鼠标悬浮) onmouseleave(鼠标离开) onfocus(表单聚焦) onblur(表单失去焦点) onmouseout(鼠标移出) onmousemove(鼠标移动) 阅读全文

posted @ 2018-12-03 10:24 Web引领者阅读(293) 评论(0) 推荐(0)

作用域解析题

摘要：1.var a=12 function fn(){ console.log(a) //undefined var a=45 console.log(a) //45 } fn() 案例解析画图： 2.var a=12; function fn(){ console.log(a) //12 a=45 c 阅读全文

posted @ 2018-12-02 21:07 Web引领者阅读(364) 评论(0) 推荐(0)