随笔分类 - 水车--JS
此分类中包含了js， es6，typescript等有关js的内容。node相关的内容单独进行了分类
摘要：全屏滚动插件 fullpage.js 功能：基于jquery的全屏滚动插件 Swiper 功能：开源、免费、强大的移动端触摸滑动插件 progress.js 功能：Progress.js 是一个 JavaScript 和 CSS3 的库，它帮助开发人员为网页上的每个对象创建和管理进度条效果。你可以设
阅读全文
摘要：DOM2.0模型将事件处理流程分为三个阶段： 一、事件捕获阶段， 二、事件目标阶段， 三、事件起泡阶段。 具体如图（图片来源于网络，侵删） 事件捕获：当某个元素触发某个事件（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节点向目标元素节点流去，直到到达事件真正发生的目
阅读全文
摘要：参考资料： 又被事件冒泡坑了一把，这次要彻底弄懂浏览器的事件流 JavaScript事件代理和委托 事件委托： 实际案例：我们平时在开发时，有这种情况,一个ul里有有好多个li子元素,这个li的数量可以是固定的，也可以是动态添加删除的，而且每个li都必要有一个点击事件， 这时我们会有这些解决办法(事
阅读全文
摘要：第一种：return false， 缺点：直接返回了函数，函数后面的语句没法执行了； 第二种： event.stopPropagation(); 阻止事件冒泡这里以click事件为例 在这里，我们点击btn2是，也会触发他父级元素的click事件，就是也会输出 这样就好了。但是，如果遇到这样的建构，
阅读全文
摘要：转载请注明出处：水车 如果有误，还望指出，谢谢 -----------------正文分割线---------------------- 类：类太抽象，要想弄明白就该用现实的东西来类比 在我看来类就是造一个有许多（当然一个也可以）功能的东西的机器（这里这个东西可以称之为对象），比如一台收音机要想有一
阅读全文
摘要：这两个插件都是关于加载进度动画的，应该说各有特点吧，最起码对我来说是各有优势的。今天一天就捣鼓了加载进度动画，也研究了大量的（也就这两个）加载进度动画，也算对加载进度动画有了一个初步的了解了吧。NProgress.js NProgress是基于jquery的，且版本要 >1.8 API: ...
阅读全文
摘要：判断是否为正整数 JavaScript正则判断一串数字是否为正整数， 首先要明白这几个问题 1：javascript里会把一串数字前边的0自动屏蔽，（我不知道屏蔽这个词用的是否正确） 2：javascript里最长的正整数长度为21位，再多就会用科学计数法进行计数 明白了这两个问题，我们就能开始写了
阅读全文
摘要：自执行函数的四种写法： 1：(function (x){dosomething...})(x); 2: (function(x){dosomething...}(x)); 3:!function (x) {sosomething...}(x); 4：void function(x){dos...
阅读全文
摘要：本文内容来源：https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy(由于我在本地打不开此链接，所以就转载过来。供大家一起学习)同源策略限制了一个源（origin）中加载文本或脚本与来自其它源（origin）中...
阅读全文
摘要：jQuery 获取屏幕高度、宽度 做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(documen
阅读全文
摘要：三目运算符又叫三元运算符: 如名字表示, 三元运算符需要三个操作数。语法是 条件 ? 结果1 : 结果2;.这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。 案例1: var bDown = true; bDown = oEvent.wheelD
阅读全文
摘要：添加事件（有兼容性） /*注册事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); } window.onmousewheel=documen...
阅读全文
摘要：document.createElement()的用法 document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefo
阅读全文
摘要：touch事件前言一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。Apple在iOS 2.0中引入了触摸事件API，Andro...
阅读全文
摘要：简介 AngularJS 是一个为动态WEB应用设计的结构框架，提供给大家一种新的开发应用方式，这种方式可以让你扩展HTML的语法，以弥补在构建动态WEB应用时静态文本的不足，从而在web应用程序中使用HTML声明动态内容。AngularJS有五个主要核心特性，如下介绍： 1.双向数据绑定 ——...
阅读全文
摘要：（本文转载自别处）JavaScript事件冒泡简介及应用一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它...
阅读全文
