javascript
文章平均质量分 60
flyingpig2016
菲常六加一
展开
-
对闭包的理解(javascript)
闭包原创 2022-04-21 17:20:53 · 989 阅读 · 0 评论 -
JavaScript中的设备事件 — 第13.4.8节
JavaScript中的设备事件一:检测屏幕旋转的角度:orientationchange 苹果公司为移动Safari浏览器中添加了orientationchange事件,用来检测屏幕的旋转状态,它对应的属性window.orientaion:它一共有三个状态:0:正常状态;-90:手机向右横屏;90:手机向左横屏。 不过我在安卓的魅族手机上和小米手机测试了也可以用到orientati原创 2016-12-17 23:21:48 · 754 阅读 · 0 评论 -
js给每个li绑定不同事件(事件委托技术)
一:给ul下的li绑定同样的事件(制作选项卡的原理) html可css:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * {margin: 0;padding: 0;} #myList {width:原创 2016-12-20 12:46:47 · 9622 阅读 · 0 评论 -
浏览器支持的html5事件 — 第13.4.7节
浏览器支持的html5事件一:阻止鼠标右键的contextmenu事件? 用来显示上下文菜单,用来让开发人员取消默认的上下文菜单,而提供自定义的菜单。这个事件可以冒泡。 下面是一个自己制作的右键菜单,代码展示如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti原创 2016-12-17 11:06:11 · 650 阅读 · 0 评论 -
javascript中的正则匹配学习
深入浅出的javascript的正则表达式:http://www.cnblogs.com/tugenhua0707/p/5037811.html#_labe1原创 2016-11-24 19:02:59 · 1386 阅读 · 0 评论 -
js中的获取事件 — 第5.3讲
一:时间标准? GMT:格林尼治所在地的标准时间,不准确,一个小时调一次。 UTC:世界统一时间,世界标准时间,国际协调时间。协调世界时是以原子时秒长为基础,2000万年相差一秒。现在基本都用UTC。 二:获取时间间隔? 1. ECMA5添加了Date.now()方法,获取当前日期和时间的毫秒数。 var start = Date.now(); for (var i = 0原创 2016-12-21 20:14:27 · 647 阅读 · 0 评论 -
原生js利用scrollTop属性完成的文字无缝轮播
用scrollTop属性完成的文字无缝轮播 以前写的博客自己木有查看,造成了博客css代码在CSDN上解析错误,再次向大家表示抱歉:好了,闲话不多说了,咱们转入正题:文字无缝轮播的效果,在写效果之前,我们必须知道用到的知识哈: scrollTop意义:con里面文档的顶部相对于它自己的偏移量,也就是父元素con里面的文档向上翻动的高度 下面为我亲测的例子,很简单一看就能明白scrollTo原创 2016-10-29 23:16:20 · 2954 阅读 · 0 评论 -
bootstrap分页插件实例演示
<!DOCTYPE html><html lang="en"><meta charset="utf-8"><head> <link href="http://fonts.useso.com/css?family=Open+Sans:300,400,600,700&subset=latin" rel="stylesheet"> <link rel="stylesheet" href原创 2016-10-30 11:53:06 · 1654 阅读 · 0 评论 -
理解JavaScript中参数传递的特性 —第3.7.1节
1:首先要明白ecmascript函数的参数特点?与大多数语言不一样的是,JavaScript的函数不介意传递多少个参数。 此话怎讲呢? 加入你的自定义函数只接受两个参数,但是,在调用这个参数的时候未必一定要传递两个参数,可以是0,1,2,3.....等任意个,而且解析器不会报错!2:但是,为什么呢?原理我也希望大家明白:ECMAScript中的参数内部是一个数组来表示的。函数接收的都原创 2016-10-18 23:20:29 · 453 阅读 · 0 评论 -
JavaScript中的焦点事件 — 第13.4.2 节
焦点事件一:什么是焦点事件? 焦点事件会在页面元素失去或者获得焦点时触发。利用焦点事件并和document.hasFocus()、document.activeElement属性配合,可以知道用户在页面上的行踪。焦点事件分为6种: 1. blur:在元素失去焦点时触发。(不会冒泡);兼容所有浏览器。 2. DOMFocusIn:元素获取焦点时触发。和focus等价,(冒泡,opera支原创 2016-12-13 22:37:43 · 734 阅读 · 0 评论 -
JavaScript基本类型和引用类型 — 第4.1讲
JavaScript基本类型和引用类型 >还是那句话,只有自己能给别人讲清楚地东西,只有自己做出来的东西,只有自己亲自写出的来的东西才是自己掌握的东西! —随笔!1:JavaScript变量分哪几种?他们各自的特点?JavaScript的变量分为两种不同类型的值:基本类型和引用类型;基本类型就是前面我们讨论的5中基本数据类型:undefined、null、boolean、number、st原创 2016-10-20 23:02:46 · 887 阅读 · 0 评论 -
js中typeof和instanceof的区别+必须熟记于心的JavaScript数据类型 — 第3.4 章
typeof和instanceof的区别 +JS数据类型 相信大家学习了,很多门编程语言,但是扪心自问一下,你真的很了解你所学的语言吗?对于写了这么长时间js的我来说,这是第一次能够静下心来,真正为了学习而学习的时候! 就拿JavaScript语言来说,它虽然是一门弱类型语言,但是,我认为,不管它是什么语言,至少在我们学习的时候,要清楚地记得,它的数据类型分哪几类,每一类又分为哪几种! 废话不原创 2016-10-22 20:05:00 · 652 阅读 · 0 评论 -
JavaScript中width的用法 — 第4.2.1节
with的用法with的意义虽然你肯了解,with的用法,但是你也许看了这个才明白它的意义: 1.JavaScript的执行环境理性总共有两种——全局和局部,但是还有其他的方法来延长作用域链。 2.这么说吧,with语句可以再作用域链的前端临时增加一个变量对象,该变量对象会在代码执行后被移除。 3.这样的语句有两种:with 和 try-catch. 现在我们来看看width语句的实例吧:v原创 2016-10-22 21:55:16 · 947 阅读 · 0 评论 -
模拟事件的方法 — 第13.6讲
一:创建DOM事件的方法? 模拟事件的步骤:创建event对象,它接受四种参数: UIEvents : 一般的UI事件。其实鼠标和键盘事件都继承自UI事件,DOM3级中是UIEvent;MouseEvents:一般化的鼠标事件。DOM3级中的是MouseEvent;MutationEventents:检测DOM变动的事件。DOM3中是MutationEvent。HTMLEvents :一原创 2016-12-20 16:50:50 · 603 阅读 · 0 评论 -
js中的鼠标和滚轮事件 — 第13.4.3节
JavaScript中的鼠标和滚轮事件一:鼠标事件分类? DOM3级鼠标事件分为9种: 1. click:一般是鼠标左键按下或者回车键按下; 2. dbclick:在用户双击鼠标按钮的时候触发(一般左键); 3. mousedown:用户按下了任意鼠标按钮时触发; 4. mouseenter: 在鼠标从元素外部首次移到元素范围之内时触发。(不冒泡),在光标移动到后代元素上不会触原创 2016-12-15 13:08:53 · 1076 阅读 · 0 评论 -
深入理解JavaScript中的堆与栈 、浅拷贝与深拷贝
JavaScript中的浅拷贝与深拷贝 学了这么长时间的JavaScript想必大家对浅拷贝和深拷贝还不太熟悉吧,今天在项目中既然用到了,早晚也要理清一下思路了,在了解之前,我们还是先从JavaScript的数据类型存放的位置 堆栈开始说起吧! 现在我们带着问题来学习! 一:什么是堆栈? 我们都知道:在计算机领域中,堆栈是两种数据结构,它们只能在一端(称为栈顶(原创 2016-10-22 22:53:43 · 27556 阅读 · 20 评论 -
深入理解prototype(原型对象)
对JavaScript中原型模式的理解一:什么是原型对象?有什么优点? 简单的来说,无论何时,我们创建的每一个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,这个对象包含了通过调用该构造函数所创建的对象共享的属性和方法。其实我们平常的叫法就是指:prototype就是通过该构造函数创建的某个实例的原型对象,但是其实prototype是每个构造函数的属性而已,只能说万物皆原创 2016-11-05 22:29:07 · 30984 阅读 · 2 评论 -
详解callee和caller, apply()和call()的用法 — 第5.5.4节
一:函数内部的对象:arguments和this 我们都知道js中arguments对象主要是保存函数的参数(如果不知道arguments,在有参数的函数中输出一下就知道了),但是这个对象还有一个属性为callee,它是一个指针,指向拥有这个arguments对象的函数。例如阶乘函数: function factorial(num){ if(num <= 1){原创 2016-12-24 21:55:37 · 1166 阅读 · 0 评论 -
js工厂模式、构造函数以及他们创建对象的优缺点? — 第6.2.1节
工厂模式和构造函数的区别 学习JavaScript有一段时间了,但是随着工作的进展,我发现,JavaScript绝对不是写一下简单效果那么肤浅,是时候完全,透彻地理解他的精髓了。好了,让俺老猪带你装逼带你飞吧! 一:为什么使用工厂模式和构造函数? 虽然Object构造函数或者字面量(var person={})可以创建单个对象,但是,他有一个明显的缺点,那就是:重复造轮子,产生大量的重复性原创 2016-10-26 23:29:39 · 9137 阅读 · 1 评论 -
Ajax原理-原生js的XMLHttpRequest对象意义
Ajax原理-原生js的XMLHttpRequest对象意义原创 2017-05-21 23:16:03 · 7013 阅读 · 0 评论 -
JavaScript技术书籍和资料
《ECMAScript 6 入门》:http://es6.ruanyifeng.com/#docs/let 作者:阮一峰转载 2017-02-15 20:52:30 · 510 阅读 · 0 评论 -
js中的touch事件及gesture(手势)事件详解 — 第13.4.9节
一:touch事件分类? 1. touchstart:当手指触摸屏幕时触发。不管有多少个手指放在了屏幕上,只要再触摸一下屏幕就会触发。在此,我用小米的google浏览器做了一个实验,添加一个计数器,用来查看屏幕上手指触摸的次数,代码如下: window.onload = function(){ var i = 0; document.addEventListe原创 2016-12-19 19:59:11 · 20035 阅读 · 0 评论 -
wamp目录前面的小图标不能显示问题解决
今天切换了wamp的目录,然后打开localhost的时候,发现,目录前面的图标不见了,对于有强迫症的我是无法忍受的: 然后我就百度了一下,找到了这个图标的配置文件:F:/wamp/bin/apache/apache2.4.9/conf/extra/httpd-autoindex.conf打开后按照方法修改了两处地方,这两处地方都改为:F:/wamp/bin/apache/apache2.4.原创 2017-01-11 21:20:51 · 2435 阅读 · 0 评论 -
HTML5 canvas画板的制作
canvas画板的制作 今天看了一些canvas视频的教程,有制作画板的过程,但是我有给出他们的简洁版和使用版本,能让用户看出画直线的路径,也就是当你拉一条直线的时候就和绘图工具一样,都能很好使用,绘图之后,可以使用php文件下载的本地,效果如下所示: 代码文件多,需要亲自下载,下载地址:HTML5在线画板代码压缩包 GitHub上下载地址:github上下载地址,记得给星星哈!原创 2017-01-09 11:21:32 · 3221 阅读 · 0 评论 -
javascript中事件的分类 — 第13.4.1讲
事件分类总结一:javascript中事件的分类 1.UI事件:当用户与页面上的元素交互时候触发; 2.焦点事件:当用户通过鼠标在页面上执行操作时触发; 3.滚轮事件:当用户使用鼠标滚轮时触发; 4.文本事件:当在文档中输入文本时触发; 5.键盘事件:当用户通过键盘在页面操作时触发; 6.合成事件:当为IME(input Method Editor,输入法编辑器)输入字符时触发;原创 2016-11-30 18:12:44 · 416 阅读 · 0 评论 -
HTML5 用canvas制作时钟的方法
clock时钟制作需求如下:一:分析项目?分析时钟的组成;分析需要的canvas技术;代码实现;美化效果。二:时钟组成?表盘(橙色)刻度(黑色)时针(黑色)分针(黑色)秒针(橙色) -表盘中心样式(中心径向渐变) -秒针头部样式(圆圈嵌套)三:分析需要的canvas技术?基础知识需要自己看,此项目需要必须理解并且掌握的东西有: - 画表盘:绘制圆的路径技术,cxt.arc原创 2017-01-03 16:51:19 · 1423 阅读 · 0 评论 -
HTML5 canvas绘制太阳系各行星(包括月球的公转)
canvas绘制太阳系 看了好多canvas绘制太阳系行星,他们都忽略了月亮,虽然月亮不是行星,但是绘图少了月亮也就没有挑战性了,今天我就计算了一下月亮的轨迹,然后按照公转的比例画了上去,首先看一下效果: 接下来是项目的说明书和标准: 根据以上的效果和要求,我们写出的代码为:<!DOCTYPE html><html> <head> <meta charse原创 2017-01-04 17:01:47 · 10337 阅读 · 1 评论 -
JS的数组转换字符串方法toString、toLocaleString、join和valueOf — 第5.2.1节
toString、toLocaleString、join和valueOf用法我们知道每个JavaScript对象都具有toLocaleString()、toString()和valueOf()方法。废话不多说,直接上代码,能应用最好不过了:var arr1 = ['bangbang',18,'programmer'];console.log(arr1.toString()); //ban原创 2016-10-23 15:07:10 · 6298 阅读 · 0 评论 -
JavaScript中用sort方法进行二维数组排序 — 第5.2.5节
JavaScript中数组排序方法用到的最多的当然是封装好的sort()方法了 一:sort()方法怎么使用? sort方法并不像我们想的那么容易使用,不是单纯的arr.sort()就行了,需要我们定义里面的回调函数!因为sort()方法默认情况下按照升序排列数组项,sort()方法会调用toString()转型方法,然后比较得到的字符串,即使我们比较的是数字,他也会把数字转为字符串以后再排序。原创 2016-10-23 15:28:00 · 13670 阅读 · 0 评论 -
原生javascript爬取网页内所有的js文件并且排序
在工作当中需要抓取70000多个网页的内容,并统计出现次数最多的js文件,刚开始的时候觉得可以搞定,但是有几个问题我不得不理清思路,如果你要抓取别人的网页,首先要做几件事: 1.把每个url地址放在一个文件中; 2.用js读取每个url地址; 3.根据每个url地址获取该网页的内容; 4.根据内容正则匹配出所有的<script src=""><script>中的js的文件 5.把得到的文件原创 2016-10-24 12:52:05 · 2772 阅读 · 0 评论 -
javascript中的克隆对象与copy的区别
今天在项目中创建一个类似的对象,可惜数据量太大,无论怎么操作,我指向的都是同一个对象,最后发现了一个问题那就是克隆与copy的区别 这次的项目从后台传出来的数据缺失,需要前端根据已有的数据来补充,这是我的项目中的数据: 我想在内存中创建一个对象和键为19的一系列内容相同,然后我用了copy: function deepCopy(fathers, childs) {原创 2016-11-10 19:16:34 · 937 阅读 · 0 评论 -
javascript中页面跳转方式
学了这么多,该总结一下这些硬知识了1.我们最常见到的,用的最多的是window.location.href方式 :window.location.href = 'http://localhost/04interesting/11js/05js-Internet/03pagejump/2.html';location.href = 'http://localhost/04interesting/1原创 2016-10-29 23:47:49 · 4341 阅读 · 0 评论 -
onchange 、oninput和onpropeerchange事件用法的区别
:1:onchange事件:只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效; 2:oninput事件:onpropertychange为IE专属的。其他浏览器下如果想要实现这一实时监听的需求,就要用到HTML5中的标准事件oninput,不过IE9以下的浏览器是不支持oninput事件的。所以我们需要综合oninput和onpropertychange二者来实现文本区域实时监听的转载 2016-10-30 11:55:04 · 2338 阅读 · 0 评论 -
js跳转页面并且进行传递参数
1:方法一:用地址栏传递参数 第一个页面:<html> <head> <title> New Document </title> <script> function to (){ var getval =document.getElementById("cc").valu原创 2016-10-30 11:46:58 · 13364 阅读 · 0 评论 -
js注入
请大家参考: https://www.cnblogs.com/index-html/p/wifi_hijack_3.html原创 2016-11-04 11:08:51 · 364 阅读 · 0 评论 -
windows NT的意义和各个版本
navigator.userAgent中的window NT今天为了尝试查看网址的来源document.referrer,但是不知道每个浏览器的版本号,然后我就用navigator.userAgent来获取当前浏览器的版本号,出了一大串字符串,根据代码测试结果: 代码:alert('来源是:'+document.referrer + '\n' + navigator.userAgent)原创 2016-11-22 10:23:44 · 43997 阅读 · 2 评论 -
详谈javascript中document.referrer的兼容性
遇见了,却来不及相识;相识了,却来不及熟悉;熟悉了,却还是要说再见。既然每天都见面,为何不提前熟悉一下呢? 读书是为了明理,我们还是带着问题来了解referrer的重要性和用途吧! 一:什么是referrer? 1. referrer中文意思是:来源,推荐人。网络意义是指网站的来路,又称“来源”,HTTPReferrer是header的一部分,当浏览器向web服务器发送请求的时候原创 2016-11-23 00:19:10 · 19471 阅读 · 1 评论 -
事件冒泡和事件捕获的含义? — 第13.1讲
该懂得一定要懂,该学的不能再拖,该行动的就是此刻!一:事件流的历史? 就像是在桌面上画了许多同心圆,当把手放在圆心上,那么你的手指指的不是一个圆,而是所有的圆。公司的浏览器开发团队在看待浏览器事件方面还是一致的,如果你单击了某个按钮,他们都认为,事件不仅仅发生在按钮上,甚至单击了整个页面。 JavaScript中事件流描述的是从页面中接收事件的顺序,但是有意思的是,IE和Netscape原创 2016-10-29 14:18:45 · 4074 阅读 · 0 评论 -
DOM0级和DOM2级事件处理程序的区别? — 第13.2.2节
一:什么是DOM0级事件处理程序? DOM0级方法指定的事件处理程序被认为是元素的方法,因此,这时候的事件处理程序是在元素的作用域中执行的;例如DOM0级绑定事件的方法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <原创 2016-10-29 19:11:24 · 3467 阅读 · 0 评论 -
JavaScript中attachEvent()和detachEvent()使用方法 — 第13.2.4节
我们都知道,dom事件处理程序有两种类型:DOM0级和DOM2级,其中DOM0级在文档中调用onclick事件,这种方法比较繁琐,DOM2级使用addEventListener()和removeEventListener()两个方法处理事件,这种方法比较常见,但是,ie人家牛逼,IE中也有类似的两个方法:attachEvent()和detachEvent()。这两个方法接受相同的连个参数:事件处理程原创 2016-10-29 20:17:55 · 13328 阅读 · 1 评论