自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

我用键盘敲出一个世界

人生短短几个秋,不敲不罢休.

  • 博客(62)
  • 资源 (1)
  • 收藏
  • 关注

转载 JSON.stringify()将 JavaScript 对象转换为字符串。

JSON.stringify() JSON 通常用于与服务端交换数据。 在向服务器发送数据时一般是字符串。 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。 语法 JSON.stringify(value[, replacer[, space]]) *参数说明: value: 必需, 一个有效的 JSON 字符串。 replacer:

2017-09-24 19:23:33 2609

转载 JSON.parse()方法将数据转换为javascript对象

JSON.parse() JSON 通常用于与服务端交换数据。 在接收服务器数据时一般是字符串。 我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。 语法 JSON.parse(text[, reviver]); 参数说明: text:必需, 一个有效的 JSON 字符串。 reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数

2017-09-22 18:04:18 684

转载 深入理解javascript原型和闭包(15)——闭包

前面提到的上下文环境和作用域的知识,除了了解这些知识之外,还是理解闭包的基础。至于“闭包”这个词的概念的文字描述,确实不好解释,我看过很多遍,但是现在还是记不住。但是你只需要知道应用的两种情况即可——函数作为返回值,函数作为参数传递。 第一,函数作为返回值 如上代码,bar函数作为返回值,赋值给f1变量。执行f1(15)时,用到了fn作用域下的max变量的值。至于如何跨作用域取值,可以参考上

2017-09-20 17:14:12 136

转载 JSONP - 从理论到实践

同源策略ajax之所以需要“跨域”,罪魁祸首就是浏览器的同源策略。即,一个页面的ajax只能获取这个页面相同源或者相同域的数据。 如何叫“同源”或者“同域”呢?——协议、域名、端口号都必须相同。 http://google.com 和 https://google.com 不同,因为协议不同; http://localhost:8080 和 http://localhost:1000 不同,因

2017-09-15 09:44:23 127

转载 深入理解javascript原型和闭包(11)——执行上下文栈

继续上文的内容。执行全局代码时,会产生一个执行上下文环境,每次调用函数都又会产生执行上下文环境。当函数调用完成时,这个上下文环境以及其中的数据都会被消除,再重新回到全局上下文环境。处于活动状态的执行上下文环境只有一个。其实这是一个压栈出栈的过程——执行上下文栈。如下图: 可根据以下代码来详细介绍上下文栈的压栈、出栈过程。 如上代码。在执行代码之前,首先将创建全局上下文环境。 然后是

2017-09-14 18:13:00 129

原创 用js 删除一组数组中第五大的数,删除之后的数组次序保持不变,若第五大数重复删除任意一个即可。

<script> var log =console.log.bind(); // bind方法,顾名思义,就是绑定的意思 // bind()方法会创建一个新的函数,称为绑定函数,fun方法在this环境下调用 // 该方法可传入两个参数,第一个参数作为this,第二个及以后的参数则作为函数的参数调用 var ar

2017-09-07 11:45:10 366

原创 document.ready和window.onload的区别

在Jquery里面,我们可以看到两种写法:(function())和(function(){}) 和(document).ready(function(){})这两个方法的效果都是一样的,都是在dom文档树加载完之后执行一个函数(注意,这里面的文档树加载完不代表全部文件加载完)。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).rea

2017-08-31 11:57:56 171

转载 深入理解javascript原型和闭包(3)——prototype原型

既typeof之后的另一位老朋友!prototype也是我们的老朋友,即使不了解的人,也应该都听过它的大名。如果它还是您的新朋友,我估计您也是javascript的新朋友。在咱们的第一节(深入理解javascript原型和闭包(1)——一切都是对象)中说道,函数也是一种对象。他也是属性的集合,你也可以对函数进行自定义属性。不用等咱们去试验,javascript自己就先做了表率,人家就默认的给函数一个

2017-08-22 16:43:15 174

原创 PHP笔记-3

php大小写敏感 在 PHP 中,所有用户定义的函数、类和关键词(例如 if、else、echo 等等)都对大小写不敏感。 在下面的例子中,所有这三天 echo 语句都是合法的(等价):<?phpecho("关羽1");ECHO "张飞";不过在 PHP 中,所有变量都对大小写敏感。在下面的例子中,只有第一条语句会显示 color变量的值(这是因为color 变量的值(这是因为 color、C

2017-08-22 16:34:46 187

转载 设备像素比devicePixelRatio简单介绍

今天分享设备像素比devicePixelRatio简单介绍,我个人觉得这个很重要有必要去进行了解,今天我分享给大家。 本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。 本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂。不过,你是做手机开发的

2017-08-17 14:19:09 2309

原创 form 中Enctype=multipart/form-data 的作用

ENCTYPE=”multipart/form-data”用于表单里有图片上传。 表单标签中设置enctype=”multipart/form-data”来确保匿名上载文件的正确编码。 如下: 上传企业营业执照图片: 就得加ENCTYPE=”multipart/form-data”。 表单中enctype=”multipart/fo

2017-08-16 17:44:10 363

原创 HTTP协议

HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-NG(Next Generation of HTTP)的建议已经提出。 HTTP协议的主要特点可概括如下: 1.支持客户/服务器模式。

2017-08-15 16:14:56 261

原创 在使用screenfull.js插件,全屏时不能监控到esc键盘问题

使用screenfull.js,全屏时不能监控到esc键的问题screenFull () { screenfull.toggle() //切换全屏 if (screenfull.enabled) { screenfull.on('change', () => { if(screenfull.isFullscreen){ ...

2019-12-13 16:17:45 166

转载 chrome浏览器控制台 console不打印信息问题解决办法。

最近换了安装chrome,想按F12调试下代码,发现控制台什么信息都没有。 所以给大家分享下解决办法: 点击就会自动把勾勾上。这样就可以了。

2018-01-17 12:02:53 3948

原创 js把数字指定小数位数的数字

话不多说,我们直接举例子。var num = 1.45698;num = parseFloat(num.toFixed(2));alert(num);弹出是1.46需要注意的地方是: 1.大小写,书写格式。 2.toFixed()里面的内容数字就是你需要保留的位数,最后是四舍五入! 3.在具体项目中还要具体分析,欢迎留言共同探讨具体出现问题!

2018-01-09 16:51:41 234

转载 throw er; // Unhandled 'error' event报错!

events.js:72 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE at errnoException (net.js:904:11) at Server._listen2 (net.js:1042:14) at listen (ne

2018-01-05 11:34:00 627

原创 jquery如何选中除自己外的同类div

jquery如何选中除自己外的同类div,不一定是div也可以是其他元素,在我们制作网页当中常常遇到这种情况,你要是radio这样的还好说,你可以用name值把他们组成一个数组,这样实现了单选效果,但是其他标签用起来不一定行,我们可以尝试以下代码实现找到除了自己之外的标签。$(function(){ $(".a").click(function(){ //这个dd就是除点击对

2017-12-20 15:28:15 4164

转载 jQuery.trim()方法

trim()函数用于去除字符串两端的空白字符。 trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格)和制表符。如果这些空白字符在字符串中间时,它们将被保留,不会被移除。内容是string类型. 我们来看一个例子:<!DOCTYPE html><html><head><meta charset="utf-8"><title></title> <script src

2017-11-14 16:48:49 223

转载 Jquery中each的三种遍历方法

1、选择器+遍历$(‘div’).each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); 2、选择器+遍历$(‘div’).each(function (index,domEle){ index就是索引值 domEle 表示获取遍历每一个dom对象 });3、更适用的遍历方法 1)先获取某个集合对象 2)遍历集合对象

2017-11-14 10:33:56 335

转载 CSS3的REM设置字体大小

在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀。最近在学习em的相关知识的时候,无意之间让我拾得一宝,就是使用r

2017-11-02 11:48:13 132

原创 jquery的trigger和triggerHandler区别

首先来说trigger的用法,我们先了解它的定义用法。 trigger() 方法触发被选元素上指定的事件以及事件的默认行为(比如表单提交)。 该方法与 triggerHandler() 方法类似,不同的是 triggerHandler() 不触发事件的默认行为。 比如说$("form .required:input").trigger("blur");找到form表单中input自动触发blu

2017-11-01 16:27:47 214

原创 JQ中bind绑定多个事件类型

bind可以为元素一次性绑定多个事件类型。 比如,下面这个例子可以实现鼠标滑入滑出添加类名的效果,这样我们在做项目的过程中,通过添加类名来让页面发生变化会变得非常简单。/ bind绑定多个事件类型// 当光标滑入div元素时候,该元素的class切换为over,当光标滑出div元素时候,class切换为先前的值 $(function(){ $("div").bind("mouseove

2017-10-13 14:41:30 744

原创 jquery中val()小例子-----1

此方法类似于javascript中的value属性。val()可以用来设置和获取元素的值,无论元素是文本框,下拉列表它都可以返回元素的值,如果元素为多选,则返回一个包含所有选择的值得数组。 我们今天就可以利用某网站的邮箱登录界面,默认状态下,邮箱地址文本框和邮箱密码框内分别有“请输入邮箱地址”和“请输入邮箱密码”的提示。当将鼠标聚焦到邮箱地址文本框是,文本框内的“请输入邮箱地址”文字被清空,如果此

2017-10-12 16:26:53 743

原创 JQuery中filter的用法

.filter(expr):筛选出与指定表达式匹配的元素集合,其中expr可以是多个选择器的组合。注意区分它和find()方法。find()会在元素内寻找匹配元素,而filter()则是筛选元素。一个是对它的子集操作,一个是对自身集合元素进行筛选,你可以筛选内容,样式,选择器等等。

2017-09-29 10:20:39 337

原创 jQuery 遍历 - not() 方法

刚才在学习JQ时候,偶然看见:not的用法,然后去百度W3C查了下,感觉W3C中的说法不是很准确,我有自己的体会,在此我在这记录下。多的不说,我们直<!DOCTYPE html><html><head> <script type="text/javascript" src="/jquery/jquery.js"></script></head><body><p>This is a para

2017-09-28 14:28:45 401

原创 display和visibility的区别

display通常可以设置为none、inline、block visibility通常可以设置为hidden、visible; display的显示和隐藏在前端用的很多,这样他可以减少页面的空间的使用了,不占用原来的页面的空间,比如说弹框等。并且diplay inline可以改变标签的属性,行级标签改变成块级标签或者行块都可以。 visibility使用后隐藏后的元素还占用原来的页面的空间。

2017-09-28 14:18:00 201

转载 a标签阻止默认行为的几种简单方法

以下简单总结以下a标签阻止默认行为的几种简单方法,希望可以对有需要的朋友有些帮助, (1) <a href="javascript:void(0);" onclick= "myjs( )"> Click Me </a> onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。<a href="javascript:;" > C

2017-09-27 17:22:55 314

转载 jQuery :has() 选择器

选取所有包含有 元素在其内的 元素: $(“p:has(span)”)。 举例:<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.mi

2017-09-27 14:14:34 888

转载 jQuery 文档操作 - text() 方法

定义和用法 text() 方法方法设置或返回被选元素的文本内容。它主要包括三点: 1.设置 2.返回 3.使用函数设置文本内容。1设置文本内容 当该方法用于设置值时,它会覆盖被选元素的所有内容。 例子: $(selector).text(content) 参数 content 描述 规定被选元素的新文本内容。注释:特殊字符会被编码。<html><

2017-09-26 11:56:42 197

转载 jQuery length 和 size()区别

jQuery length和size()区别总结如下: 1.length是属性,size()是方法。 2.如果你只是想获取元素的个数,两者效果一样既 ("img").length和("img").length 和 (“img”).size() 获取的值是一样的;但是如果是获取字符串的长度就只得用length, 如 $(“#text”).val().length看看官网的解释(ht

2017-09-25 16:55:03 162

转载 Javascript 中的arguments 学习

arguments是当前正在执行的function的一个参数,它保存了函数当前调用的参数。使用方法:function.arguments[i]。 其中function.是可选项,是当前正在执行的function的名称。arguments不能够创建,是函数自身的参数,只有当函数开始执行是才能使用。 虽然arguments的使用方法,很像数组,但是它并不是数组。下面,用例子来进行演示:functio

2017-09-25 11:50:42 123

原创 jQuery显示与隐藏效果

有滑动的效果的通过使用滑动效果,在显示和隐藏状态之间切换 <p> 元素:<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $(".btn1").click(funct

2017-09-22 12:01:27 501

原创 JavaScript for...in 语句

for…in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 JavaScript for…in 语句 for…in 语句用于对数组或者对象的属性进行循环操作。 for … in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。 语法: for (变量 in 对象) { 在此执行代码 } “变量”用来指定变量,指定的变量可以是数组元

2017-09-22 10:38:32 128

转载 深入理解javascript原型和闭包(17)——补充:上下文环境和作用域的关系

本系列用了大量的篇幅讲解了上下文环境和作用域,有些人反映这两个是一回儿事。本文就用一个小例子来说明一下,作用域和上下文环境绝对不是一回事儿。再说明之前,咱们先用简单的语言来概括一下这两个的区别。00 上下文环境:可以理解为一个看不见摸不着的对象(有若干个属性),虽然看不见摸不着,但确实实实在在存在的,因为所有的变量都在里面存储着,要不然咱们定义的变量在哪里存?另外,对于函数来说,上下文环境是在调用时

2017-09-21 18:10:10 148

转载 深入理解javascript原型和闭包(16)——补this

本文对《深入理解javascript原型和闭包(10)——this》一篇进行补充,原文链接:http://www.cnblogs.com/wangfupeng1988/p/3988422.html原文中,讲解了在javascript中this的各个情况,写完之后发现还落下一种情况,就此补充。原文中this的其中一种情况是构造函数的,具体的内容可以参考原文,此处不再赘述。要补充的内容是,在构造函数的p

2017-09-21 18:05:17 99

转载 深入理解javascript原型和闭包(14)——从【自由变量】到【作用域链】

先解释一下什么是“自由变量”。在A作用域中使用的变量x,却没有在A作用域中声明(即在其他作用域中声明的),对于A作用域来说,x就是一个自由变量。如下图 如上程序中,在调用fn()函数时,函数体中第6行。取b的值就直接可以在fn作用域中取,因为b就是在这里定义的。而取x的值时,就需要到另一个作用域中取。到哪个作用域中取呢?有人说过要到父作用域中取,其实有时候这种解释会产生歧义。例如: 所以

2017-09-19 16:49:49 223

原创 HTML表格标签用法

今天偶然发现自己对表格中的一些标签用法不是很熟悉,经过在网上一些查找,让自己更加熟悉,在此进行记录。 1、form,<form> 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。需要注意是for

2017-09-19 14:36:18 711

转载 深入理解javascript原型和闭包(13)-【作用域】和【上下文环境】

上文简单介绍了作用域,本文把作用域和上下文环境结合起来说一下,会理解的更深一些。 如上图,我们在上文中已经介绍了,除了全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了。而不是在函数调用时确定。下面我们将按照程序执行的顺序,一步一步把各个上下文环境加上。另外,对上下文环境不了解的朋友,可以去看看之前的两篇文章:http://www.cnblogs.com/wangfu

2017-09-19 11:23:20 229

转载 深入理解javascript原型和闭包(12)——简介【作用域】(闭包)

提到作用域,有一句话大家(有js开发经验者)可能比较熟悉:“javascript没有块级作用域”。所谓“块”,就是大括号“{}”中间的语句。例如if语句: 再比如for语句: 所以,我们在编写代码的时候,不要在“块”里面声明变量,要在代码的一开始就声明好了。以避免发生歧义。如: **其实,你光知道“javascript没有块级作用域”是完全不够的,你需要知道的是——javascri

2017-09-18 11:57:32 273

转载 深入理解javascript原型和闭包(10)——this

接着上一节讲的话,应该轮到“执行上下文栈”了,但是这里不得不插入一节,把this说一下。因为this很重要,js的面试题如果不出几个与this有关的,那出题者都不合格。其实,this的取值,分四种情况。我们来挨个看一下。在此再强调一遍一个非常重要的知识点:在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分,每次调用函数,

2017-09-13 14:49:47 186 2

遇到屏幕不够宽,用JQ实现菜单折叠效果,

用JQ实现菜单折叠效果,垂直折叠效果,在我们做项目中经常遇到屏幕不够宽的时候,实现菜单折叠。

2019-03-11

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除