12 2018 档案

delegate与hover和blur冲突问题及解决方法
摘要：一、冲突 hover和blur都是含有两个函数参数的方法，分别表示事件的两种对立状态的相应方法。 delegate用于处理事件委托等场景，只能传一个函数参数。 冲突：delegate无法完整传入hover和blur的两个函数参数。 二、解决方法 回归hover和blur的本源：用mouseenter 阅读全文
posted @ 2018-12-22 10:31 执白 阅读(397) 评论(0) 推荐(0)
float、display和流
摘要：一、css的元素有很深的道理和它存在的意义 块元素：默认元素的上下左右会有间隔（即使设置margin、padding为0也一样）。如果想0间隔，考虑float。 float：会使元素自动生成一个块级框（对于内联元素来说这改变了它的属性，因为你可以设置元素大小了），并且会使元素不完全脱离文档流（因为它 阅读全文
posted @ 2018-12-21 11:55 执白 阅读(344) 评论(0) 推荐(0)
函数内定时器迭代函数生成的双层循环设计
摘要：一、需求描述 双层循环，外层和内层循环，可以控制循环时间的设计。 不能用for循环，因为速度太快，无法控制时间。考虑使用定时器。 —— 先占个坑，有时间写这个问题 —— 阅读全文
posted @ 2018-12-20 10:26 执白 阅读(278) 评论(0) 推荐(0)
animate默认时长所带来的问题及解决
摘要：一、需求描述 做一个进度条长度逐渐减少的动画，当进度条长度小于等于0时，关闭动画，并弹出透明底板显示新提示。 二、问题描述 初始代码如下： 遇到问题： 三、问题解决 首先，导致问题的原因是： animate动画执行有默认时长，即1000（1s），就是第二个参数。 而先前设置的定时器执行时长是50，导 阅读全文
posted @ 2018-12-19 17:23 执白 阅读(1616) 评论(0) 推荐(0)
让元素消失的方法与区别
摘要：一、方法 1.visibility：hidden 2.display：none 3.z-index: -1 4.opacity: 0 二、区别 1.opacity：0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的2.vi 阅读全文
posted @ 2018-12-18 20:16 执白 阅读(613) 评论(0) 推荐(0)
无限滚动条的css布局理解
摘要：一、需求描述 做一个waymo的滚动条，在页面中显示两张图，一共4张图，无限滚动播放。 二、问题描述 1.全部图片放不进容器里，因为父容器只有600px，4张图片1200px，后面的图只能被挤到第二排。加动画效果时，等图片左移，第一排的空够300px放一张图时，图片才放到第一排。动画效果十分不理想。 阅读全文
posted @ 2018-12-18 09:56 执白 阅读(731) 评论(0) 推荐(0)
做折叠菜单遇到的下拉菜单无法显示问题
摘要：一、问题描述 做下拉菜单时，不管怎么触发事件，下拉菜单都不显示。console一下，发现其display一直是none。 二、问题发现 原因是因为，“display: none;”放错地方了，跟li放一起。但事件触发的是父元素ul，所以无法更改其displaynone属性。 三、解决 新开一个块控制 阅读全文
posted @ 2018-12-17 17:04 执白 阅读(513) 评论(0) 推荐(0)
jQuery知识点学习整理
摘要：零、jQuery中操作css的方法 1.$("p").css("background-color"); 返回首个匹配元素的background-color的值。 2.$("p").css("background-color","red"); 设置匹配元素的background-color的值。 3. 阅读全文
posted @ 2018-12-14 16:59 执白 阅读(244) 评论(0) 推荐(0)
ES6的新知识点
摘要：一、变量 原有变量： var的缺点： 1.可以重复声明 2.无法限制修改 3.没有块级作用域 新增变量： let ：不能重复声明，变量-可以修改，块级作用域 const：不能重复声明，变量-不可以修改，块级作用域 二、箭头函数 原函数： var func = function（args）{ aler 阅读全文
posted @ 2018-12-13 20:25 执白 阅读(218) 评论(0) 推荐(0)
面向对象实例
摘要：<!--把一个面向过程的程序，改成面向对象的形式--> 一、一个基本的选项卡： 二、面向对象的改造： 1.原则 不能有嵌套函数，但能有全局变量2.过程 onload -> 构造函数 全局变量 -> 属性 函数 -> 方法 3.改错 this，事件，闭包，传参 4.对象与闭包 通过闭包传递this 面 阅读全文
posted @ 2018-12-10 09:36 执白 阅读(493) 评论(0) 推荐(0)
面向对象基础
摘要：一、面向对象 二、工厂方式 缺点： 1.没有new 2.函数重复->资源浪费 三、解决new的问题 四、原型prototype 五、类与对象 类：模子 -> Array对象：产品（成品）-> arr 用构造函数来加属性 行间样式用原型来加方法 class以上即是混合模式。 阅读全文
posted @ 2018-12-09 09:39 执白 阅读(184) 评论(0) 推荐(0)
cookie初探——封装和使用cookie（内含彩蛋）
摘要：一、什么是cookie？ 页面用来保存信息，如：自动登录、记住用户名 二、cookie的特性1.同一个网站中所有页面共享一套cookie2.数量、大小有限3.有过期时间 三、js中使用cookie document.cookie四、cookie的使用1.设置cookie： 格式：名字=值（多条不会覆 阅读全文
posted @ 2018-12-09 09:24 执白 阅读(364) 评论(0) 推荐(0)
css以前忽略的一些知识点（知识体系搭建）
摘要：一、选择器 基本选择器： 通用元素选择器 标签选择器 类选择器 id选择器 组合选择器： 多元素组合选择器 后代元素选择器 子代元素选择器 毗邻元素选择器 属性选择器： [title] & P[title] [title=mk] [title~="mk"] [title|=mk] [title^=N 阅读全文
posted @ 2018-12-08 09:58 执白 阅读(447) 评论(0) 推荐(1)
【转】Dom节点操作常用方法
摘要：1.访问/获取节点 document.getElementById(id); //返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name); //返回带有指定名称的节点集合 注意拼写:Elements document.getElementsByTag 阅读全文
posted @ 2018-12-08 08:01 执白 阅读(307) 评论(0) 推荐(0)
【转】mouseover和mouseenter的区别
摘要：一、当绑定着两个事件的元素里面没有子元素的时候，这两个事件的触发效果是一致的： 二、当绑定事件的元素里面有子元素的时候，鼠标经过绑定mouseover的当前元素以及它里面的子元素的时候，都会触发，而经过绑定mouseenter的元素时，只会在鼠标刚进入的时候触发，当进入其子元素的时候，是不会再触发的 阅读全文
posted @ 2018-12-07 18:51 执白 阅读(248) 评论(0) 推荐(0)
【转】JSON.parse()与JSON.stringify()的区别
摘要：JSON.parse()【从一个字符串中解析出json对象】 例子： //定义一个字符串 var data='{"name":"goatling"}' //解析对象​ ​JSON.parse(data) 结果是： ​name:"goatling" JSON.stringify()【从一个对象中解析出 阅读全文
posted @ 2018-12-07 15:31 执白 阅读(161) 评论(0) 推荐(0)
三种角度解释href/src/link/import区别
摘要：网上查到的几种不同但比较容易理解的解释 解释一： href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如： 浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link，而不采用@ 阅读全文
posted @ 2018-12-04 16:42 执白 阅读(4699) 评论(0) 推荐(3)
前端琐碎知识点链接整理
摘要：1.JS中的let和var的区别 2.JS如何监听键盘事件(键盘事件的浏览器适应性) 3.键盘按键值对照表是多少？ 4.Dom0级 Dom2级区别是什么？ 5.css的sprite是什么？ 6.js如何遍历树？（发现js树形结构没有相应的库） 7.js如何判定元素类型？ 8.localStorage 阅读全文
posted @ 2018-12-04 16:31 执白 阅读(171) 评论(0) 推荐(0)
svg-path详解
摘要：一、svg的 <path>命令 M = moveto // m 50 20 =》 以（50,20）位置为起始点 L = lineto // m 50 20 l 20 50 =》从（50,20）到（20,50）作直线 H = horizontal lineto // m 50 20 h 50 =》 从 阅读全文
posted @ 2018-12-03 22:00 执白 阅读(5596) 评论(0) 推荐(1)