js中&&,||的另类广泛用法 js中&&,||的另类广泛用法: 1,fun1()&&fun2(): 如果执行fun1()后返回true,则执行fun2()并返回值fun2的值; 如果执行fun1()后返回false,则整个表达式返回fun1()的值,fun2()不执行 2 fun1()||fun2(): 如果执行fun1()返回true,则表达式返回fun1()的值,
插件开发教程--(一) 前言:在我们学习开发插件前,必须先搞懂,以下这些插件的基础知识,直奔主题了。1.jQuery插件分为3类(1) 封装对象方法的插件(对象级别的开发)通过$.fn 向jQuery添加新的方法(2)封装全局函数的插件(类级别开发)指可以把独立的函数添加到jQuery命名空间之下。添加一个全局函数,我们只需要如下定义:jQuery.foo=function(){a
this.target与this的区别及$(this.target)与$(this)比较结果的问题e 1.event.target与this的区别 event.target表示发生点击事件的元素; this表示的是注册点击事件的元素 this 等于 e.currentTarget this是所有函数原生具有的.进入函数时,this已经直接有了目标对象. 而e.target通过e再寻找target,中转了一下。所以相比较而言,this的执行效率更高些。2 $
图片在固定大小容器中等比居中显示 img图片在固定大小的img_box中【水平垂直居中】,【等比大小】缩放显示 只需给a设置样式.img_box{ width:400px; height:300px; display:block; text-align:center; line-height:36;} 图片设置样式.img_box img{
如何自己开发一款js或者jquery插件 引子现在网上关于js和jquery封装的插件很多,我刚刚接触前端的时候,就很敬佩那些自己写插件的大牛们!因为是他们给网站开发更多的便利,很多网页效果,网上很多现成的插件!那么这些插件是如何写的呢?首先是有扎实的js和jquery技术基础,其次还有一些写插件的方法和技巧。关于js和jquery的技术基础,那是一个慢慢积累的过程。但是关于写插件的一些注意和技巧,本文可以略微介绍一下,方便以后写
垂直居中兼容性很好的方法 .father{ width:200px; height:200px;; border:1px solid chartreuse; text-align: center; /*垂直居中的关键*/ display: table-cell;
jQuery事件绑定.on()简要概述及应用 bind()和delegate()都是由on()实现的。on()的描述如下:复制代码 代码如下:.on( events [, selector ] [, data ], handler(eventObject) )一个简单的事件绑定如 $('button').on('click',function(){}); 与bind()无二样。在需要为较多的
$.each()的使用 通过它,你可以遍历对象、数组的属性值并进行处理。使用说明each函数根据参数的类型实现的效果不完全一致:1、遍历对象(有附加参数)$.each(Object, function(p1, p2) { this; //这里的this指向每次遍历中Object的当前属性值 p1; p2; //访问附加参数}, [
Tabindex="-1" 与Tabindex="0"、任意数字 的区别 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中。 这样,当浏览者使用TAB键在网页控件中移动时,将首先移动到具有最小tabIndex属性值的控件上,最后在具有最大tabIndex属性值 的控件上结束移动。如果有两个控件的tabIndex属性相
jquery.paginate.js 分页插件的使用 在JSP页面需要引入样式 style.css 引入js jquery.js 和 jquery.paginate.js以及一个id 为pagination的div需要两个获取action传递过来的参数js部分:$(function(){ var page_index=$("#page").val(); var maxPag
jquery的$.extend和$.fn.extend作用及区别 jquery的$.extend和$.fn.extend作用及区别 jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend();jQuery.extend();虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便。jQuery便是一个封装得非常好的类,比如我们用 语句 $("#btn1") 会生成一个 jQ
你需要掌握的前端代码性能优化工具 Google Closure Compiler官网:https://developers.google.com/closure/compiler/Closure Compiler的使用方法有如下3种:在命令行下使用一个google编译好的java程序使用google提供的在线服务使用google提供的RESTful API首先需要下载compiler-late
jQuery.extend 函数详解 JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并
一步一步构建手机WebApp开发——环境搭建 从2007年,乔布斯带来了第一代Iphone手机,整个移动互联网发生天翻地覆的变化,也同时证明了乔布斯的一句名言:“再一次改变世界”。 在当今的移动互联网,手机App居多,很多App对移动设备的要求也越来越高,当然,土豪就可以经常更新换代。我们这群屌丝只能望梅止渴。为了解决少部分由于硬件或者软件引起的问题,我们将App迁移到浏览器上,也就是人们常说的WebApp,WebApp相对与手机A
移动平台对 META 标签的定义 下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。1、http-equiv 属性的 Content-Type 值(显示字符集的设定)说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容。用法:
content-box与border-box区别 1 理论上说,content-box和border-box的主要区别是二者的盒子的宽度是否包含元素的边框和内边距。2 为了让大家清楚的了解二者的区别,我使用DW新建了一个html页面,制作了两个以不同背景色填充的div。3 为二者分别设置相同px的宽度、内边距和边框。其中一个div设为border-box盒模型,我们需要为其添加box-s
野生Js技术之字符画视频 版权声明:本文为博主原创文章,未经博主允许不得转载。目录(?)[+]废话不多说,先看效果http://www.bilibili.com/video/av3502072/ 这是视频链接,文章后面再给demo 链接原理及实现方式1.图片转字符画还是那句话,先看效果图:Demo 地址:http://follo
移动web应用开发——Sencha Touch篇(3) 第一个要接触的就是面板这个组件,它是构建一个页面最基础的组件,其他的内容都要显示在这个面板中。在上一篇中,我们就已经拿面板为例,介绍了创建组件的方法。这里再把创建面板的代码重复一下:var panel = Ext.create('Ext.Panel', { fullscreen: true, id: 'myPanel',
移动web应用开发——Sencha Touch篇(2) 了解了大致的Sencha Touch框架之后,我们就可以在其中进行代码的编写了。只要上一篇的内容都按部就班的做了,接下来要做的就是慢慢学这个框架,按照内容敲代码—看结果,基本没有什么过不去的地方。首先跟上次一样,建立index.html文件和对应的app.js文件。用Sencha Touch搭建的移动web应用,app.js的内容框架大致如下:Ext.application({//以下