dianliaoxiao3638-CSDN博客

转载理解jquery的$.extend()、$.fn和$.fn.extend()

jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend();jQuery.extend();jQuery.fnjQuery.fn = jQuery.prototype = {　　　init: function( selector, context ) {//….//……};原来 jQuery.fn = jQuery.prot...

2016-07-22 14:29:00 138

转载在vs code中使用ftp-sync插件实现客户端与服务器端代码的同步

在vs code中使用ftp-sync插件实现客户端与服务器端代码的同步下载安装vscode-ftp-sync插件。安装方法1. Ctrl+Shift+P 输入 ext install [插件关键字/名称]安装方法2. Ctrl+Shift+P (或F1) 输入 Extensions, 选中 Install Extension然后输入插件名称/关键字若安装不...

2016-06-30 15:49:00 184

转载 js字符串倒序

有的时候我们需要把字符串倒序。比如“范坚强”的倒序就是“强坚范”。如何对字符串进行倒序呢？你首先想到的方法就是生成一个栈，从尾到头依次取出字符串中的字符压入栈中，然后把栈连接成字符串。var reverse = function( str ){ var stack = [];//生成一个栈 for(var len = str.length,i=len;i&...

2016-05-17 18:00:00 128

转载 Javascript 类数组（Array-like）对象

Javascript中的类数组对象（Array-like object)指的是一些看起来像数组但又不是数组的对象。Javascript中的arguments变量、document.getElementsByTagName()返回值就是典型的类数组对象。类数组特性类数组对象具有一个length属性且length的值为非负整数。类数组对象不具有数组对象的方法。例如：push、...

2016-05-17 16:24:00 204

转载 exports 和 module.exports 的区别

我理解的exports 和 module.exports 的区别，欢迎大家吐槽~为了更好的理解 exports 和 module.exports 的关系，我们先来补点 js 基础。示例：app.jsvar a = {name: 'nswbmw 1'};var b = a;console.log(a);console.log(b);b.name = ...

2016-05-16 20:08:00 57

转载 Array.prototype.map()

mdn上解释的特别详细概述map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。语法array.map(callback[,thisArg])参数callback原数组中的元素经过该方法后返回一个新的元素。currentValuecallback的第一个参数，数组中当前被传递的元素。indexcallback的第二个参数，数组中...

2016-05-10 15:52:00 77

转载响应式十日谈第一日：使用 rem 设置文字大小

上面回顾：在序言中我们已经提到了响应式的一些基本理念，比如：响应式网页不仅仅是响应不同类型的设备，而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流，让所有人无障碍的获取信息，同时这也是 Web 的初衷。序言中同样提到，响应式的设计应该秉承「内容优先，移动优先」的设计原则，那么我们知道网页中的内容主要是由文字图片等元素组成的，那么文字该如何响应式呢？当我们...

2016-04-21 19:51:00 95

转载 devicePixelRatio

devicePixelRatiowindow.devicePixelRatio是设备上物理像素和逻辑像素的比例。公式表示就是：window.devicePixelRatio = 物理像素 / 逻辑像素解释这张图中第一行的「像素」(Points) 就是所谓的「逻辑像素」。在 iPhone 4 前的时代，逻辑像素和物理像素是一一对应的——即，设计中的一个点对应屏幕硬件上的...

2016-04-19 19:51:00 162

转载 js时间戳与日期格式之间的互转

1. 将时间戳转换成日期格式// 简单的一句代码var date = new Date(时间戳); //获取一个时间对象注意：如果是uinx时间戳记得乘于1000。比如php函数time()获得的时间戳就要乘于1000/** 1. 下面是获取时间日期的方法，需要什么样的格式自己拼接起来就好了 2. 更多好用的方法可以在这查到 -> http://ww...

2016-03-29 00:33:00 157

转载 JS中Null与Undefined的区别

在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑，在什么时候是Null，什么时候又是Undefined?Undefined类型只有一个值，即undefined。当声明的变量还未被初始化时，变量的默认值为undefined。Null类型也只有一个值，即null。null用来表示尚未存在的对象，常用来表示函数...

2016-03-01 17:33:00 63

转载 git config --global core.excludesfile配置gitignore全局文件

Linux中，这时把全局要忽略的文件列表.gitignore放当前用户根目录下：git config --global core.excludesfile '~/.gitignogtire'Windows中，这时把全局要忽略的文件列表.gitignore放当前用户根目录下：git config --global core.excludesfile "%USERPR...

2016-01-08 16:16:00 3086

转载说说JSON和JSONP，也许你会豁然开朗，含jQuery用例

前言：由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGa...

2016-01-08 16:05:00 65

转载封装兼容性添加、删除事件的函数 addEventListener与removeEventListener

var Event = { addHandler: function (oElement, sEvent, fnHandler) { oElement.addEventListener ? oElement.addEventListener(sEvent, fnHandler, false) : oElement.attachEvent("on" + sE...

2015-11-25 16:27:00 155

转载移动端问题汇总

问题列表伪类 :active 生效要CSS伪类:active生效，只需要给 document 绑定touchstart或touchend事件<style>a { color: #000;}a:active { color: #fff;}</style><a herf=foo >bar</...

2015-11-16 23:57:00 242

转载使用grunt压缩css是能否设置background-size不压缩进去呢？否则ie8不能识别

.index-bg{ background:url(img/index-bg-t.5344b19d.jpg) center center/cover no-repeat}比如上面这样ie8不能识别，连图也看不到了解决办法cssmin: { options : { compatibility : 'ie8', //设置兼...

2015-11-13 18:20:00 87

转载 JS产生随机数的几个用法！

2015-10-26 21:19:00 79

转载 css3多行省略号

-webkit-line-clamp概述：-webkit-line-clamp 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：display: -webkit-box;必须结合的属性，将对象...

2015-10-23 19:59:00 84

转载 jquery判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部

项目背景webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。遇到问题1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势，后面的文章会介绍，欢迎关注！2、通过上滚下滚来让底部导航显示或者因此，安卓上面的浏览器都可以，但...

2015-10-23 00:26:00 353

转载 jquery的height()和javascript的height总结，js获取屏幕高度

jquery的各种高度首先来说一说$(document)和$(window)，如下：$(document).height();//整个网页的高度$(window).height();//浏览器可视窗口的高度$(window).scrollTop();//浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）用一句话理解就是：当网页滚动条拉到最低端时，$...

2015-10-23 00:20:00 62

转载 document.all和jq trigger原理

document.all是页面内所有元素的一个集合。如：document.all(0)表示页面内第一个元素document.all可以判断浏览器是否是IEif(document.all){alert("IE!");}var clickApp = document.getElementById("clickApp"); ...

2015-09-24 18:14:00 162

转载 Beforeunload打点丢失原因分析及解决方案

淘宝的鱼相在 2012 年 8 月份发表了一篇文章，里面讲述了他们通过一个月的数据采集试验，得到的结果是：如果在浏览器的本页面刷新之前发送打点请求，各浏览器都有不同程度的点击丢失情况，具体点击丢失率统计大家请看下图（数据日期为 2012 年 7 月份）：　　从图中可以看出，chrome，safari 这类 webkit 内核的浏览器在本页刷新之前发送打点，导致的丢失最为严重，分别...

2015-09-06 23:34:00 713

转载 javascript触发input-file的click事件

概述input:file本身自带的样式不太好看，但是又没法设置样式。由于系统限制，不能通过代码触发，只允许用户自主点击。通常的解决办法是，把input:file透明化，实际上点击的还是input:file。方案虽然可以通过概述中的办法用css实现，但始终还是占据了位置。以下的通过javascript实现的触发事件，简单的一行代码即可搞定：D1 ...

2015-08-28 19:45:00 2970

转载 json解析

JSON(JavaScript Object Notation)是一种轻量级的数据格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是Javascript原生格式，这意味着在javascript中处理JSON数据不需要任何特殊的API或工具包，而且效率非常高。 JSON的结构如下：“名称/值”对的集合（A collection of name...

2015-08-27 17:21:00 57

转载 h5的本地存储

什么是本地存储以下内容从网上抄来的HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上，网站在页面加载完毕后可以通过Javas...

2015-08-21 00:01:00 115

转载 jQuery的map()与jQuery.map()总结

请注意他们不是同一个函数。前者是jQuery对象的实例方法（即$.fn.map），后者是一个仅仅挂在jQuery对象下的静态方法（即$.map）。他们用法的异同：map()的返回值是包裹了一个Array的jQuery对象。如果要获取其中真正的Array，可以用get()方法。即链式写法：var arr = $('td').map(fn1).get();console.lo...

2015-08-16 18:25:00 123

转载用javascript预加载图片、css、js的方法研究

预加载的好处可以让网页更快的呈现给用户，缺点就是可能会增加无用的请求（但图片、css、js这些静态文件可以被缓存），如果用户访问的页面里面的css、js、图片被预加载了，用户打开页面的速度会快很多，提升用户体验。在用到一些大图片展示的时候，预加载大图是很不错的方法，图片更快的被呈现给用户。不多说了，作为一个前端攻城师都懂的，下面分享我做的测试和得到的结果。先说需要知道的服务器返回的s...

2015-08-13 00:31:00 96

转载 JavaScript中的內定物件與函式: arguments, callee, caller, this, apply(), call()

arguments, caller, callee, this都是用在函式(function)內的特殊內定物件。而apply()及call()則是用來呼叫函式的不同作法。arguments可用來取得function傳入的實際變數Array。這個變數特別適合用在撰寫”多形”(Polymorphism)函式上，即可以根據不同的傳入參數做不同的處理。範例一 – 加總函式functi...

2015-08-12 00:45:00 59

转载 JavaScript:Object.prototype.toString方法的原理

在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法.var arr = [];console.log(Object.prototype.toString.call(arr)) //"[object Array]"本文要讲的就是,toString方法是如何做到这一点的,原理是什么....

2015-08-12 00:15:00 44

转载 Web 端 js 导出csv文件(使用a标签)

前言导出文件，使用最多的方式还是服务器端来处理。比如jsp 中使用response 的方式。但是，有时候可能就想使用web 前端是否也可以把页面上的内容导出来呢？比如说，导出页面的一个表格。这个需求肯定是有答案的，只是对于各浏览器处理会稍微不一样。(主要是IE 和其他浏览器的区别)。在IE中使用ActiveXObject 实现，在firefox 和Chrome 中使用...

2015-08-04 17:39:00 46

转载 js中cookie的使用详细分析

JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie概述在上一节，曾经利用一个不变的框架来存储购物栏数据，而商品显示页面是不断变化的，尽管这样能达到一个...

2015-07-29 15:31:00 51

转载 jq 事件冒泡总结

什么是JS事件冒泡？在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来阻止Jqu...

2015-07-22 23:35:00 72

转载 box flex 弹性盒模型（转载）

css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码：<body> <div id="box1...

2015-05-22 16:02:00 56

转载移动平台WEB前端开发技巧汇总

原名《移动平台3G手机网站前端开发布局技巧汇总》，由武方博整理的，让我们了解下移动设备上的WEB站点开发的基础知识，多些时间和精力去优化其他细节，我这里对原文的标签格式做了细微的调整，阅读查看起来明晰些，原文如下：－－－－－－－－－－－华丽的分割线－－－－－－－－－－－－－您或许正在或准备参与一个WepApp项目，您或许正在Google搜索mobile development相关...

2015-05-19 11:39:00 151

转载关于移动端点击后出现闪或者黑色背景

用phoneGap打包在ipad上运行，发现，点击某些带事件的DOM后，出现瞬间的闪动，a标签点击的时候还是出现黑色的背景。首页，瞬间的闪动是怎么出现的，具体原因不是很明确，根据我测试，貌似是因为DOM中有可选择的文字，使得DOM是可以整体被touch，在ipad中，元素被touch后会出现高亮，就是出现半透明的黑色背景..于是当我们每次点击的时候，就会出现看到瞬间的闪动。那边我们就要对...

2015-05-08 14:10:00 117

转载 :after伪类+content内容生成经典应用举例

一、简单说说content内容生成content内容生成就是通过content属性生成内容，content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持： (Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外，目前Opera 9.5+ ...

2015-04-23 11:34:00 97

转载移动端(html5)微信公众号下用keyup实时监控input值的变化无效

搜索框依据用户输入的值实时检索，一开始自然而然想到keyup，在拼音状态时，啥问题也没有，问题1：切换到中文输入法，问题出来了，keyup事件不灵便了，后来在网上搜了下，找到了思路，问题2：微信公众平台开发时，客户提需求“输入框中输入内容时，输入框后边显示清除按钮，清除输入框中的内容”，使用“keyup”事件时在中文输入法下部分按键keyup事件无效，方法一：主要是给搜...

2015-02-03 00:33:00 120

dianliaoxiao3638的博客