Welcome

首页 / 脚本样式 / JavaScript

Jquery Easyui菜单组件Menu使用详解（15）

2017-02-06 26
本文实例为大家分享了Jquery Easyui菜单组件的实现代码，供大家参考，具体内容如下加载方式菜单组件通常用于快捷菜单，在加载方式上，通过 class 或 JS 进行设置为菜单组件。然后，再通过 JS 事件部分再响应。<div id="box" class="easyui-menu"><div>新建</div><div><span>打开</span><！--二次菜单-->...

Jquery Easyui选项卡组件Tab使用详解（10）

2017-02-06 24
本文实例为大家分享了Jquery Easyui选项卡组件的实现代码，供大家参考，具体内容如下加载方式Class加载<div class="easyui-tabs" style="width: 400px;height: 250px"><div title="Tab1" data-options="closable:true"> tab1</div><div title="Tab2" data-options="cl...

Javascript计算二维数组重复值示例代码

2017-02-06 18
前言最近工作中遇到了一个问题，需求是利用Javascript计算二维数组重复值，如下面有个二维数组[["error",3],["error",5],["error",6],["true",3],["true",1]]需要统计计算重复项 "error" 和 "true",统计计算之后的结果：[["error",14],["true",4]]实现代码：var arr = [["error",3],["error",5],["error",6],["true",...

简单实现node.js图片上传

2017-02-06 20
本文实例为大家分享了node.js图片上传的具体代码，供大家参考，具体内容如下1.node-formidable对文件上传提供帮助的组件2.app.jsvar formidable = require（"formidable"）;var http = require（ "http" ）;var sys = require（"sys"）; http.createServer（function（ request ,response ）{if（ request....

scroll事件实现监控滚动条并分页显示（zepto.js）

2017-02-06 30
需求：在APP落地页上的底部位置显示此前其他用户的购买记录，要求此div盒子只显示3条半，但一页有10条，div内的滑动条滑到一页底部自动加载下一页并发加载埋点。实现：首先理解三个概念，分别是contentH，viewH，scrollTop。contentH:即所要滑动的元素内容的高度，包括可见部分以及滚动条下面的不可见部分。ViewH:即我们看到的这个DIV的高度，不包括可见部分也不包括滚动条下面的不可见部分。scrollTop:即滚动条距离顶部的距离，...

15个非常实用的JavaScript代码片段

2017-02-06 19
本文实例为大家分享了非常实用的js片段，供大家参考，具体内容如下1.如何区分IE及非IE浏览器：if（！+[1,]）{ //IE 11 不支持alert（"这是 IE 浏览器"）；}else{alert（"这不是 IE 浏览器"）；｝2.将日期直接转换为数值：+new Date（）;3.非IE浏览器下将类数组对象 “arguments”转为数组：Array.prototype.slice.call（arguments）;4.最简单的选择运算符||：var ...

谈谈jQuery之Deferred源码剖析

2017-02-06 22
一、前言 大约在夏季，我们谈过ES6的Promise，其实在ES6前jQuery早就有了Promise，也就是我们所知道的Deferred对象，宗旨当然也和ES6的Promise一样，通过链式调用，避免层层嵌套，如下：//jquery版本大于1.8function runAsync（）{var def = $.Deferred（）;setTimeout（function（）{console.log（"I am done"）;def.resolve（"wha...

javascript中call,apply,bind函数用法示例

2017-02-06 19
本文实例讲述了javascript中call,apply,bind函数用法。分享给大家供大家参考，具体如下：一.call函数a.call（b）;简单的理解：把a对象的方法应用到b对象上（a里如果有this，会指向b）call（）的用法：用在函数上面var Dog=function（）{this.name="汪星人";this.shout=function（）{alert（this.name）;}};var Cat=function（）{this.name=...

快速入门Vue

2017-02-06 20
一、什么是Vue？Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。如果你是有经验的前端开...

JavaScript中校验银行卡号的实现代码

2017-02-06 26
1、先引入jquery.js2、接着引入luhmCheck.js //银行卡号Luhm校验3、看下面的案例：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">...

JS填写银行卡号每隔4位数字加一个空格

2017-02-06 33
1、原生js写法！function （） {document.getElementById（"bankCard"）.onkeyup = function （event） {var v = this.value;if（/S{5}/.test（v））{this.value = v.replace（/s/g, ""）.replace（/（.{4}）/g, "$1 "）;}};}（）;2、jQuery写法<！DOCTYPE html><html ...

JavaScript中this的用法实例分析

2017-02-06 20
本文实例分析了JavaScript中this的用法。分享给大家供大家参考，具体如下：一."this"公理this关键字永远都指向函数（方法）的所有者；function fn1（）{this};fn1（）; //this=>windowoDiv.onclick=fn1; //this=>oDivoDiv.onclick=function（）{this //this=>oDivfn1（）; //this=>window}<div ...

详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】

2017-02-06 27
目录一、AJAX示例1.1、优点1.2、缺点1.3、jQuery AJAX示例二、延迟对象（Deferred）2.1、回调函数2.2、deferred.done三、跨域3.1、什么是跨域3.2、JSONP跨域3.3、jQuery使用JSONP跨域3.4、跨域资源共享（CORS）3.5、小结四、弹出层五、模板引擎5.1、Hello World5.2、方法5.3、与AJAX结合应用六、示例下载一、AJAX示例AJAX全称为“Asynchronous JavaS...

BootStrapValidator校验方式

2017-02-06 26
做输入校验的时候如果你前端框架用的是bootstrap的话，首推bootstrapValidator校验方式，具体流程如下：一、下载，导入js文件<link type="text/css" rel="stylesheet" href="${ctx}/components/validate/css/bootstrapValidator.css" /><script type="text/javascript" src="${ctx}/com...

JS中如何实现复选框全选功能

2017-02-06 31
js实现复选框全选功能，代码如下所示：<? include_once（"inc/auth.inc.php"）; include_once（"inc/utility_all.php"）; include_once（"inc/utility_org.php"）; $connstatus = （$connstatus） ? true : false; if（！isset（$TYPE）） $TYPE="0"; $ITEMS_IN_PAGE=1...

利用vue实现模态框组件

2017-02-06 24
基本上每个项目都需要用到模态框组件，由于在最近的项目中，alert组件和confirm是两套完全不一样的设计，所以我将他们分成了两个组件，本文主要讨论的是confirm组件的实现。组件结构<template><div class="modal" v-show="show" transition="fade"><div class="modal-dialog"><div class="modal-content"&g...

JS前端笔试题分析

2017-02-06 23
本文实例分析了JS前端笔试题。分享给大家供大家参考，具体如下：1.如何根据逗号分隔的字符串创建数组呢？请为下面的字符串创建一个数组，并访问第三个元素："cats,dogs,birds,horses"知识点：数组和字符串的转换。考察split（） 方法。把一个字符串分割成字符串数组（将字符串按某个字符切割成若干个字符串，并以数组形式返回）var animalString="cats,dogs,birds,horses";var animalArray=ani...

JavaScript闭包和范围实例详解

2017-02-06 21
本文实例分析了JavaScript闭包和范围。分享给大家供大家参考，具体如下：1.if （！（"a" in window）） {var a = 1;}alert（a）;【分析】代码含义：如果window不包含属性a，就声明一个变量a并赋值为1①JS引擎会先扫描所有的变量声明②所有的全局变量都是window的属性③变量声明和赋值一起用时，Js引擎会自动将它分成两部分：变量声明提前，变量赋值没有（不将赋值提前是因为他有可能影响代码执行出不可预期的结果）所以代码...

移动端日期插件Mobiscroll.js使用详解

2017-02-06 36
mobiscroll js日期插件的基础入门案例，移动端开发过程中可能会用到。<html><head><meta charset="UTF-8"><title>mobiscroll</title><link type="text/css" rel="stylesheet" href="../js/mobiscroll.custom-2.6.2.min.css" /></head&...

JS瀑布流实现方法实例分析

2017-02-06 22
本文实例分析了JS瀑布流实现方法。分享给大家供大家参考，具体如下：描述：1.每个图片宽度都一样，高度不一样思路：1.算出一共有几列（通过视窗总宽度/单个图片宽度得出）2.根据一共几列*单个图片宽度，设置外围总宽度并水平居中（注：这个宽度应该是计算出来的，而不是定死，因为窗口大小会改变）3.将第一行图片高度按顺序填充进数组4.算出第一行图片里高度最短的那个，将第二行的第一张图片添加到其后（绝对定位），添加完第二行第一张，更新他的高度，然后重新计算最短，再开始...
<< 41 42 43 44 45 46 47 48 49 50 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图