一直很安静a-优快云博客

原创 JSON.stringify()、,JSON.eval(),JSON.parse()各自的区别于作用

JSON.stringify() 接受一个参数；将json对象转化为js对象； JSON.eval(), JSON.parse(): 都可以将js对象转化为json对象； example1：var str1 = '{"data1":"Hello,","data2":"world!}'var str2 = {"data1":"Hello,",

2016-05-23 16:11:39 443

原创 location.hash详解

location.hash详解去年9月，twitter改版。一个显著变化，就是URL加入了"#!"符号。比如，改版前的用户主页网址为　　http://twitter.com/username改版后，就变成了　　http://twitter.com/#!/username在我印象中，这是主

2016-05-11 21:23:36 358

原创 jquery之empty()与remove()区别

要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了指定元素中的所有子节点，拿$("p").empty()来说，他只是把dsfsd中的文本给移除了，而留下了,仍保留其在dom中所占的位置。remove([expr])则是把其从dom中删除，而不会保留其所占的位置。例:HelloWor

2016-05-11 14:59:40 343

原创格式化小数位

js 四舍五入函数 toFixed（），里面的参数就是保留小数的位数。 document.write("JS保留两位小数例子"); var a=2.1512131231231321; document.write("原来的值："+a+""); document.write("两位小数点:"+a.toFixed(2)+"四位小数点"+a.toFixed(4));

2016-04-21 21:59:40 309

原创 jquery源码学习2

// Define a local copy of jQueryjQuery = function( selector, context ) {// The jQuery object is actually just the init constructor 'enhanced'return new jQuery.fn.init( selector, context, r

2016-04-20 21:11:51 298

原创 jquery源码学习1

引子最近打算试试看看jQuery的源码，刚开个头就卡住了。无论如何都理解不了jQuery源码入口部分中的return new jQuery.fn.init( selector, context )看了好多帖子都没看懂，觉得自己很蠢，心里很苦，吃宵夜都不香了。昨晚去游泳，游完8*100后靠在池壁上喘气，有人从我旁边出发，水花溅起的瞬间，我突然，想通了！这大概就是回光返照

2016-04-20 20:54:15 350

原创事件冒泡处理

当我们点击一个控件的时候，如果包括这个控件的父控件也有click事件，则会继续执行。比如：div下的a都有click事件，点击a的时候，会alert出现2次。这个现象叫做冒泡事件。这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现

2016-04-14 17:29:00 350

原创 web前端开发代码命名规范整理

做为一个web前端工程师，每天接触HTML、css就像吃饭一样，但是作为一名合作、优秀的web前端工程师，对DIV+CSS命名还是有一定的规范的，本文整理了一份web前端开发中DIV+CSS各种命名规范。Div+CSS命名规范一. 窗体头：header　　内容：content/container　　尾：footer　　导航：nav　　侧栏：sideb

2016-04-09 17:53:58 2849

原创 js scroll

jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。 $(document).scrol

2016-04-09 16:42:58 511

原创 js slideToggle 的另一种实现方式，根据不同的状态添加选中颜色

$(function () { var _content = $('.list .item'); _content.on("click",function(){ if ($(this).next(".content").is(":hidden")) { _content.removeClass("selected"); $(this

2016-03-20 16:49:57 664

原创 doT.js——前端javascript模板引擎问题备忘录

我手里维护的一个项目，遇到一个问题：原项目的开发人员在Javascript中，大量的拼接HTML，导致代码极丑，极难维护。他们怎么能够忍受的了这么丑陋、拙劣的代码呢，也许是他们的忍受力极强，压根就没想去寻找解决方法。可是，我，是万难不能接受这种丑陋的解决方式的。有没有优雅的解决方法呢，于是在网上搜索到了 doT.js 。主页很简洁，就一个页面，研究了一下，就顺利的上手了，相当的简单

2016-03-17 01:21:41 393

原创 js填写银行卡号，每隔4位数字加一个空格

1、原生js写法JavaScript12345678!function(){ document.getElementById('bankCard').onkeyup=function(event){

2016-03-17 00:55:00 4021

转载 DIV+CSS左右列高度自适应问题

我们在用DIV+CSS布局网页的时候，必然会遇到左右两列自适应高度的问题，就是左边列的背景会随着右边列内容的增加也相应的增加高度，下面就教大家DIV+CSS左右两列自适应高度的方法。下面给出最终的效果图：具体代码如下所示：DIV+CSS左右两列自适应高度的方法-HTMer.main{500px;overflow

2016-03-15 20:52:45 413

原创 border占据边距的问题

box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。div.box{ box-sizing:border-box; -moz-box-s

2016-03-15 20:46:17 3175

原创 css实现居中的方法

在前端开发过程中，盒子居中是常常用到的。其中，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。首先，定义一个需要垂直居中的div元素，他的宽度和高度均为300px，背景色为橙色。代码如下：DOCTYPEhtm

2016-03-14 00:59:10 286

原创随笔

./ 当前页面的文件/ 最高层的文件../ 父级文件本地打开的文件用 \ 隔离文件；类子：https://www.lingtouniao.com/product/demand.html本地打开文件用 / 隔离文件类子：C:\Users\llingtouniao\Desktop\g\trunk_20160118\src\main\webapp

2016-03-01 21:08:43 235

转载格式化日期时间的显示

/* (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04 * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04 * (new Date()).pattern("yyyy-MM-d

2016-02-21 15:04:41 836

原创手机字段验证

联通手机号与移动手机号字段开头分类情况如下：　　联通　　2G号段（GSM网络）130、131、132、155、156　　3G上网卡145　　3G号段（WCDMA网络）185、186　　4G号段 176、185　　移动　　2G号段（GSM网络）有134x（0-8）、135、136、137、138、139、150、151、152、158、159、182、183、184。

2016-01-19 13:34:05 880

原创浏览器

Google Chrome的特点是简洁、快速。GoogleChrome支持多标签浏览，每个标签页面都在独立的“沙箱”内运行，在提高安全性的同时，一个标签页面的崩溃也不会导致其他标签页面被关闭。此外，Google Chrome基于更强大的JavaScript V8引擎，这是当前Web浏览器所无法实现的目前谷歌浏览器是浏览器中最快的不过占的内存好大速度一流是需要牺牲的，有些

2016-01-12 19:00:51 267

原创 clientHeight / scrollHeight / offsetHeight 等属性的区别图

clientHeight / scrollHeight / offsetHeight 等属性的区别图网页(内容)可见区域宽：document.body.clientWidth网页(内容)可见区域高：document.body.clientHeight 即页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。网页可见区域宽：docu

2016-01-06 23:05:24 2733

原创 360浏览器用的什么内核?

由于众所周知的情况，国内浏览器都是双核浏览器；基于webkit内核用于常用网站的高速浏览；基于IE浏览器兼容网银、旧版网站。以360为列，我们优先通过webkit内核渲染主流网站，只有少量网站通过IE内核渲染，以保证页面兼容。在过去很长的一段时间里，我们主要的手段是一个几百k大小的网址库，一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈，代码标签智能判断技术提高浏览器的自动切核

2015-12-30 17:06:28 18393 1

原创 css绘制三角形

我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。下面是一些常见的三角符号，改变px值，和color就可以得到使用；Triangle Up

2015-12-29 15:32:02 393

原创解决360浏览器优先选择极速模式，在兼容模式下出现乱码问题

最近用360浏览器访问自己的网站，发现都是被优先选用兼容模式打开，这使得网站很难看。为了让360浏览器打开网站的时候优先试用极速模式，找了一下官方论坛，发现了解决方案。html> head> meta name="renderer" content="webkit|ie-comp|ie-stand"> head> body> body>html>content的取值为

2015-12-25 16:03:14 8756

转载 JavaScript变量作用域和变量提升解释（JavaScript Variable Scope and Hoisting Explained）

原文：JavaScript Variable Scope and Hoisting Explained这篇文章，我们要学习的是javascript的变量作用域和变量的提升以及它们的特性。理解javascript的变量作用域和变量提升对于学习javascript来说，是非常重要的。这些概念看起来似乎很直白，但是还是有些很重要的细微之处需要我们理解的。变量的作用域变

2015-12-05 22:54:34 547

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局

2015-12-04 11:03:07 382

转载学习Javascript闭包（Closure）

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。

2015-12-03 21:23:21 227

原创 js高级篇1之prototype原型对象的应用

起由最近在做一个项目,里面大量地使用 javascript 作为页面的动态生成脚本, 使用 json 与服务器进行通信. 在读之前遗留的代码时, 经常会弄不清楚, 作用域, this关键字在当前context下的指向等,于是便开始专门学习了相关的知识,记录下来与大家分享.下面的内容中会有一些代码,建议大家也去尝试修改和理解,这样更容易掌握. 点击这儿下载所涉及到的源码.

2015-12-03 20:54:11 331

原创 div css 多行文本最后一行自动显示省略号

div{display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}-webkit-line-clamp: 3;这个设置为显示3行，超过3行则最后用省略号代替，目前在移动设备上使

2015-11-30 11:27:57 2385

转载 js,window.重定向页面

javascript中window.open()与window.location.href的区别分类：技术类2012-11-16 15:27 30620人阅读评论(0) 收藏举报window.open("index.aspx",'top'); 只是表示打开这个页面，并不是打开并刷新index.aspxwindow.location.href="index.aspx

2015-11-04 17:16:41 1196

转载 js

var ckTimeArray = eTime.split(':');$(ckTimeArray).each(function(){ var ckt = this;$('#'+ckt).attr('checked',true);});数组取属性值的时候需要加 ‘#’ 取对象$('input[type="checkbox"]').each(function(){

2015-11-02 18:06:25 288

转载 HTML 5 Web 存储

2012-10-11 13:49 180人阅读评论(0) 收藏举报htmlweb存储sessionhtml5javascript目录(?)[-]在客户端存储数据localStorage 方法实例实例sessionStorage 方法实例实例在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：

2015-10-15 23:45:34 242

转载提高您CSS开发能力的技巧集

目录引言正文1 使用not给导航条添加间隔线2 给body元素增加Line-Height属性3 任意元素垂直居中4 逗号分隔的列表5 在nth-child中使用负数6 使用svg图标7 文本显示优化8 在Pure CSS Sliders中使用max-height9 初始化box-sizing10 表格单元格等宽11 使用Flexbox摆脱各种Margin Hacks12 给空连接使用属性选

2015-10-15 23:39:19 320

转载什么时候使用缓存

有以下几条缓存数据的规则。第一，数据可能会被频繁的被使用，这种数据可以缓存。第二，数据的访问频率非常高，或者一个数据的访问频率不高，但是它的生存周期很长，这样的数据最好也缓存起来。第三是一个常常被忽略的问题，有时候我们缓存了太多数据，通常在一台X86的机子上，如果你要缓存的数据超过800M的话，就会出现内存溢出的错误。所以说缓存是有限的。换名话说，你应该估计缓存集的大小，把缓存集

2015-10-15 18:43:18 2200

转载 HTML5离线缓存Manifest

web app不比PC，有性能和流量方面的考虑，离线应用越来越重要，虽然浏览器有缓存机制，但是时常不靠谱，更何况普通情况下html文件是没法缓存的，断网之后一切over。什么是manifest?简单来说manifest能让你的应用在无网的情况下也能访问。它有三大优势：1、离线浏览，无网情况下也能正常访问；2、更快的加载速度，缓存在本地访问速度自然更快；

2015-10-14 21:56:53 407

转载 jQuery锚点滚动js

web开发前端一直用JQuery ，真正接触了才体会到，JQuery 原来比我想象的要强大的多，也可能比我体会到的还要强大的多，特别是兼容性那个好，于是把一些好玩的，酷炫的，可以代替 JS 的，统统给用上了。从 JQuery 引入今天的正题，用 JQuery 实现锚点链接之间的平滑滚动。以前介绍过一个用 JS 实现的页面锚点跳转缓冲特效，效果相当不错，可以在同一页面的锚点链接之间实现平滑的

2015-10-12 18:19:54 396

转载自适应网页设计（Responsive Web Design）

随着3G的普及，越来越多的人使用手机上网。　　移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页?　　　　手机的屏幕比较小，宽度通常在600像素以下;PC的屏幕宽度，一般都在1000像素以上(目前主流宽度是1366×768)，有的还

2015-10-08 18:20:05 346

转载页面滚动动态加载数据,页面下拉自动加载内容

页面滚动动态加载数据,页面下拉自动加载内容相信很多人都见过瀑布流图片布局，那些图片是动态加载出来的，效果很好，对服务器的压力相对来说也小了很多有手机的相信都见过这样的效果：进入qq空间，向下拉动空间，到底部时，会动态加载剩余的说说或者是日志今天我们就来看看他们的实现思路和js控制动态加载的代码下面的代码主要是控制滚动条下拉时的加载事件的在下面代码说明出，

2015-10-08 14:55:52 5956

qq_15804925的博客