javascript
qq_27278679
前端菜鸟
展开
-
javascript深入理解js闭包
一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无转载 2016-08-01 22:39:22 · 163 阅读 · 0 评论 -
js与jquery实时监听输入框值的oninput与onpropertychange方法
初接项目,首先想到的是 JQ 里的 change,但是马上排除此方法,因为 change 是在文本框失去焦点时才会触发。曲线救国一下,想到用 keydown 来解决。其他一切还好,只是当不通过键盘操作,而是通过鼠标来复制粘贴时,这个事件是无法触发的。所以这个方法也排除掉了。 然后,查询了一些相关资料,发现只有原生 js 的 oninput & onpropertychange 符合此要求,接着便转载 2016-10-27 19:18:11 · 309 阅读 · 0 评论 -
Yahoo的军规章程
1、尽量减少HTTP请求个数——须权衡 合并图片(如css sprites,内置图片使用数据)、合并CSS、JS,这一点很重要,但是要考虑合并后的文件体积。 2、使用CDN(内容分发网络) 这里可以关注CDN的三类实现:镜像、高速缓存、专线,以及智能路由器和负载均衡; 3、为文件头指定Expires或Cache-Control,使内容具有缓存性。 区分静态内容和动态内转载 2016-11-11 09:18:51 · 330 阅读 · 0 评论 -
text-overflow:ellipsis的巧妙运用
关键字: text-overflow:ellipsis 语法:text-overflow : clip | ellipsis 取值: clip :默认值 。不显示省略标记(...),而是简单的裁切. ellipsis: 当对象内文本溢出时显示省略标记(...). 可惜text-overflow 还只是ie的私有属性而已,也没被收录到w3c标准里 .转载 2016-11-12 14:50:04 · 257 阅读 · 0 评论 -
bootstrop table api
表格参数Edit on GitHub 表格的参数定义在 jQuery.fn.bootstrapTable.defaults。 名称 标签 类型 默认 描述 - data-toggle转载 2016-11-17 11:08:02 · 1865 阅读 · 0 评论 -
获取页面相关宽度高度
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽:转载 2016-11-30 10:28:38 · 183 阅读 · 0 评论 -
bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自定义时间段,由用户自己选择起始时间和终止时间,时间段的最大跨度可以在程序里设定。我们项目里用到的Bootstrap版本是2.3.1,所以我把daterangepicker与Bootstrap-2.3.1进行了整合。 一、需要引入的css与js转载 2016-12-05 12:05:42 · 599 阅读 · 0 评论 -
Javascript 设计模式
讲 Javascript 设计模式的书还比较少,《Pro javaScript Design Patterns》是比较经典的一本,但是它里面的例子举得比较啰嗦,所以结合我在工作中写过的代码,把我的理解总结一下。如果我的理解出现了偏差,请不吝指正。 一 单例模式 单例模式的定义是产生一个类的唯一实例,但js本身是一种“无类”语言。很多讲js设计模式的文章把{}当成一个单例来使用也勉强转载 2016-12-08 16:22:45 · 520 阅读 · 0 评论 -
JavaScript、ES5、ES6有什么
什么是javascript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。 弱类: 计算时可以不同类型之间对使用者透明地隐式转换,即使类型不正确,也能通过隐式转换来得到正确的类型。 原型转载 2017-02-08 13:56:13 · 382 阅读 · 0 评论 -
rotate.js
方法一:(不支持火狐) [javascript] view plain copy "font-size:14px;">"font-size:14px;">"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional转载 2017-03-01 11:28:10 · 342 阅读 · 0 评论 -
TweenMax使用方法
SuperScrollorama是一个用来实现超酷的滚动动画效果的 jQuery 插件。 实现的效果有:文字褪色,飞,旋转,缩放,斯马什,针脚,滑动,隐退,反弹,颜色,扔,移动,视差。 地址:http://johnpolacek.github.io/superscrollorama/ TweenMax.min.js Flash业界久负盛名的动画引擎(TweenLite等)G转载 2017-03-09 16:40:57 · 474 阅读 · 0 评论 -
requestAnimationFrame
使用requestAnimationFrame有什么好处? 浏览器可以优化并行的动画动作,更合理的重新排列动作序列,并把能够合并的动作放在一个渲染周期内完成,从而呈现出更流畅的动画效果。比如,通过requestAnimationFrame(),JS动画能够和CSS动画/变换或SVG SMIL动画同步发生。另外,如果在一个浏览器标签页里运行一个动画,当这个标签页不可见时,浏览器会暂停它,这会减转载 2017-03-22 13:28:13 · 262 阅读 · 0 评论 -
hibernate--HQL查询语句-----分组、排序--多条件排序
1.实体的更新和删除: 在继续讲解HQL其他更为强大的查询功能前,我们先来讲解以下利用HQL进行实体更新和删除的技术。这项技术功能是Hibernate3的新加入的功能,在Hibernate2中是不具备的。 比如在Hibernate2中,如果我们想将数据库中所有18岁的用户的年龄全部改为20岁,那么我们要首先将年龄在18岁的用户检索出来,然后将他们的年龄修改为20岁,最后调用S转载 2016-10-26 09:17:39 · 4057 阅读 · 0 评论 -
jquery 鼠标滚轮实现图片缩放
方法一:(不支持火狐) [javascript] view plain copy "font-size:14px;">"font-size:14px;">"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd转载 2016-11-05 18:50:06 · 762 阅读 · 0 评论 -
Js表单验证
1. 长度限制 function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符!"); document.a.b.focus(); return false; } } 2. 只能是汉字转载 2016-08-16 22:09:47 · 197 阅读 · 0 评论 -
JavaScript的数组实现队列与堆栈的方法
一、队列和堆栈的简单介绍 1.1、队列的基本概念 队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出! 如下图所示: 1.2、堆栈的基本概念 堆栈:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出! 如下图所示: 二、 在JavaScript中实现队列和堆栈 在JavaScript中实现队列和数组主转载 2016-08-01 22:09:41 · 277 阅读 · 0 评论 -
JS正则表达式大全
正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。转载 2016-08-02 14:36:58 · 437 阅读 · 0 评论 -
javascript之数组操作
1、数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要转载 2016-08-07 18:05:00 · 224 阅读 · 2 评论 -
JS中的prototype
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类: a 类方法 b转载 2016-08-08 02:15:57 · 215 阅读 · 2 评论 -
闭包的应用场景
闭包的应用场景 [Don't use closures unless you really need closure semantics.]不要使用闭包,除非你真正需要它。 [In most cases, non-nested functions are the right way to go.]请使用无嵌套函数。 闭包的应用场景一 闭包的应用场景二 闭包的应用场景三 -----转载 2016-08-30 16:39:01 · 607 阅读 · 0 评论 -
十大排序算法总结
排序算法有很多,所以在特定情景中使用哪一种算法很重要。为了选择合适的算法,可以按照建议的顺序考虑以下标准: (1)执行时间 (2)存储空间 (3)编程工作 对于数据量较小的情形,(1)(2)差别不大,主要考虑(3);而对于数据量大的,(1)为首要。 主要排序法有: 一、冒泡(Bubble)排序——相邻交换 二、选择排序——每次最小/大排在相应的位置 三转载 2016-08-30 16:54:40 · 188 阅读 · 0 评论 -
前端面试
HTML Doctype作用?标准模式与兼容模式各有什么区别? (1)、声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (2)、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工转载 2016-08-26 20:23:51 · 843 阅读 · 0 评论 -
大部分人都会做错的经典JS闭包面试题
这是一个我工作当中的遇到的一个问题,似乎很有趣,就当做了一道题去面试,发现几乎没人能全部答对并说出原因,遂拿出来聊一聊吧。 先看题目代码: function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.转载 2016-08-25 20:06:46 · 413 阅读 · 0 评论 -
用css3实现各种图标效果
公共样式手机上的切换标签中英切换标签样式各种点(空心点、实心点、蓝色点、橙色点)箭头航线两种不同方式实现的warning大小不一的radio各种不同的checkbox 详情(也就是三横线) 公共样式 应该说现在绝大多数公司的项目前端都是一团乱,不仅仅是js写的没有任何框架而言,css同样也是如此,导致项目如果要升级或者说有新的变更维护起来就特别困难。 最近领导决定花大时转载 2016-09-28 09:53:34 · 954 阅读 · 0 评论 -
chrome使用技巧
阅读目录 写在前面快速切换文件在源代码中搜索在源代码中快速跳转到指定的行使用多个插入符进行选择设备模式设备传感仿真格式化凌乱的js源码颜色选择器改变颜色格式强制改变元素状态(方便查看不同状态下元素的样式)利用chrome来查看和编辑本地文件选择下一个匹配项可视化的DOM阴影 回到顶部 写在前面 之前有看过刘哇勇写的Chrome 控制台不完全指南,让我觉得瞬间对chrome的转载 2016-09-28 09:57:31 · 225 阅读 · 0 评论 -
用JS获取地址栏参数的方法
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr转载 2016-11-04 18:04:18 · 238 阅读 · 0 评论 -
canvas的save,restore方法
save方法是把canvas当前的坐标系特征数据保存在一个stack中的方法,restore方法是从这个stack中移除顶层的数据的方法。那这个坐标系特征数据指的是哪些数据呢?看看save方法的google官方解释 /** * Saves the current matrix and clip onto a private stack. Subsequent * calls to trans转载 2017-07-18 17:01:39 · 623 阅读 · 0 评论