JavaScript资料,JavaScript文章,JavaScript文档-易库教程

js+html5实现canvas绘制网页时钟的方法

2017年02月06日 9 阅读

本文实例讲述了js+html5实现canvas绘制网页时钟的方法，画的是一个可用于网页的、带摆的钟表，可以通过按钮调整其大小和位置，具体实现内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Clock</title><script type="text/jav...

Ext JS框架中日期函数的用法及日期选择控件的实现

2017年02月06日 9 阅读

Ext.Date是一个单例，封装了一系列日期操作函数，扩展JavaScript Date的功能，下面列出一些常用的功能。基本函数：Ext.Date.add（date, interval, value）给date增加或减少时间，这个函数不改变原有Date对象的值，而是返回一个新的Date对象。Ext.Date.between（date, start, end）判断date是否在start和end之间。Ext.Date.clearTime（date, cl...

javascript检测移动设备横竖屏

2017年02月06日 9 阅读

如何判断移动设备提供了两个对象，一个属性，一个事件：（1）window.orientation 属于window对象上一个属性；共有三个值：0为竖屏模式（portrait）,90为向左反转变为横屏模式（landscape），-90为向右反转变为横屏模式（landscape），最后180就是设备上下互换还是竖屏模式。（2）orientationchange 是一个event，在设备旋转时，会触发此事件，如同PC上使用的resize事件。这两个搭配起来使用，...

基于javascript实现表格的简单操作

2017年02月06日 9 阅读

本文实例为大家分享了js表格操作的简单方法，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="utf-8" /><title>zzzz</title><style>*{margin: 0;padding: 0;}body{width: 1000px;margin: 100px auto;font-family: "微...

简单掌握JavaScript中const声明常量与变量的用法

2017年02月06日 11 阅读

ES6引入的第三个声明类关键词与let类似：const。看一下用法：const c1 = 1; const c2 = {}; const c3 = []; Object.getOwnPropertyDescriptor（window,"c1"） //Object {value: 1, writable: false, enumerable: true, configurable: false} 上面的例子说，不能在对c2进行赋值，但是可以改变c2的内容，因...

详解JavaScript中Hash Map映射结构的实现

2017年02月06日 9 阅读

Hash Map通常在JavaScript中作为一个简单的来存储键值对的地方。然而，Object并不是一个真正的哈希映射，如果使用不当可能会带来潜在的问题。而且JavaScript可能不提供本地哈希映射（至少不是跨浏览器兼容的），有一个更好的声明对象属性的方法。Hash Map的简单实现：var hashMap = { Set : function（key,value）{this[key] = value}, Get : function（key）{ret...

深入解析JavaScript中的立即执行函数

2017年02月06日 9 阅读

它是什么在 JavaScript 里，每个函数，当被调用时，都会创建一个新的执行上下文。因为在函数里定义的变量和函数是唯一在内部被访问的变量，而不是在外部被访问的变量，当调用函数时，函数提供的上下文提供了一个非常简单的方法创建私有变量。function makeCounter（） {var i = 0;return function（）{console.log（++i）;};}//记住：`counter`和`counter2`都有他们自己的变量 `i`va...

js正则表达式replace替换变量方法

2017年02月06日 9 阅读

JavaScript正则实战（会根据最近写的不断更新）1、javascript 正则对象替换创建和用法： /pattern/flags 先简单案例学习认识下replace能干什么正则表达式构造函数： new RegExp（"pattern"[,"flags"]）; 正则表达式替换变量函数：stringObj.replace（RegExp,replace Text）;参数说明：pattern -- 一个正则表达式文本 flags -- 如果存在，将是以下值...

基于Vue.js的表格分页组件

2017年02月06日 9 阅读

一、Vue.js简介1、Vue的主要特点：（1）简洁（2）轻量（3）快速（4）数据驱动（5）模块友好（6）组件化（1）简洁下面看一段Angular的实现双向绑定的代码// html<body ng-app="myApp"> <div ng-controller="myCtrl"> <p>{{ note }}</p> <input type="text" ng-model="no...

详解nodejs与javascript中的aes加密

2017年02月06日 9 阅读

一、简介1.aes加密简单来说，在密码学中又称Rijndael加密法，是美国联邦政府采用的一种区块加密标准。这个标准用来替代原先的DES，已经被多方分析且广为全世界所使用。高级加密标准已然成为对称密钥加密中最流行的算法之一。2.AES的区块长度固定为128 比特，密钥长度则可以是128，192或256比特；而Rijndael使用的密钥和区块长度可以是32位的整数倍，以128位为下限，256比特为上限。包括AES-ECB,AES-CBC,AES-CTR,AE...

基于Bootstrap实现图片轮播效果

2017年02月06日 9 阅读

本文实例为大家分享了bootstrap图片轮播效果的实现代码，供大家参考，具体内容如下<！DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=de...

Bootstrap模块dropdown实现下拉框响应

2017年02月06日 9 阅读

本文介绍了Bootstrap下拉框模块dropdown的使用方法，供大家参考，具体内容如下一、源码分析：Dropdowns.scss：下拉框模块 Javascripts/bootstrap/dropdown.js：实现下拉框响应二、功能及原理：下拉选项卡，默认不能实现显示选中项的功能原理：1、利用dropdown类作为定位点，然后让子级的列表dropdown-menu绝对定位实现，还需要加一个单击点作为设置data-toggle=”dropdown”才能做...

全面解析bootstrap格子布局

2017年02月06日 9 阅读

一、源码文件_grid.scss：格子系统类文件 Mixins/_grid.scss：支持格子系统实现的mixin集合 Mixins/_grid-framework.scss：格子系统实现的核心mixin二、支持的功能1. 实现按百分比布局2. 实现格子的定位3. 实现格子的嵌套4. 如果只使用格子系统，可以只编码bootstrap-grid.scss文件三、实现原理1、按百分比布局，主要思考的问题如何在不同的设备上平均分配的宽度，bootstrap只是...

全面解析Bootstrap中nav、collapse的使用方法

2017年02月06日 9 阅读

一、导航分析（nav）源码文件：_navs.scss：导航模块Mixins/_nav-divider.scss：分隔线Mixins/_nav-vertical-align.scss：垂直对齐1、只是用css进行了样式修饰，对Js没有任何依赖2、导航模块可以包含下拉模块3、实现了水平、垂直、水平平均分配（table-cell实现，4.0移除）、tabs、胶囊等样式4、Nav-divider：有一个像素的高度实现分隔线5、Nav-stacked：垂直对齐实现6...

为什么JavaScript没有块级作用域

2017年02月06日 9 阅读

最近在看ES2015 实战,里面有句话是这么说的JavaScript 中没有块级作用域可能会对这个问题大家可能有点不理解,先看个例子var a = []for（var i = 0; i < 10; i++）{ a[i] = function（）{ console.log（i）; }}a[6]（）;我想很多人会觉得这个问题的结果是6,然而很不幸,答案是10.在试试别的呢.a[7]（）、a[8]（）、a[8]（）结果都是10！！由于JS在处理primit...

浅析JavaScript回调函数应用

2017年02月06日 9 阅读

一、回调函数定义回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用为调用它所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。在JavaScript中，回调函数具体的定义为：函数A作为参数（函数引用）传递到另一个函数B中，并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称（函数表达式），...

JavaScript数组合并的多种方法

2017年02月06日 9 阅读

这是一篇简单的文章，关于JavaScript数组使用的一些技巧。我们将使用不同的方法结合/合并两个JS数组，以及讨论每个方法的优点/缺点。让我们先考虑下面这情况：var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ];var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ];很显然最简单的结合结果应该是：[1, 2, 3, 4, 5, 6, 7, 8, 9,"foo", "bar", "b...

超实用的JavaScript代码段附使用方法

2017年02月06日 9 阅读

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。本文为大家整理了5段实用JavaScript代码，便于大家进行开发。1. 判断日期是否有效JavaScript中自带的日期函数还是太过简单，很难满足真实项目中对不同日期格式进行解析和判断的...

javascript实现标签切换代码示例

2017年02月06日 9 阅读

两则代码都很简单，这里就不多废话了，直接上代码代码1，function ntabs（thisObj,Num）{if（thisObj.className == "active"）return;var tabObj = thisObj.parentNode.id;var tabList = document.getElementById（tabObj）.getElementsByTagName（"li"）;for（i=0; i <tabList.leng...

jQuery实现摸拟alert提示框

2017年02月06日 9 阅读

页面调用JS:$（document）.ready（function（） {$（"#delete_without_layer"）.click（function （） {$.tConfirm.open（{body:"Are you sure to delete?",type:"confirm",onOk:function（）{alert（"yes"）;}}）;}）;$（"#delete_with_layer"）.click（function （） {$...

首页 / 脚本样式 / JavaScript

js+html5实现canvas绘制网页时钟的方法

Ext JS框架中日期函数的用法及日期选择控件的实现

javascript检测移动设备横竖屏

基于javascript实现表格的简单操作

简单掌握JavaScript中const声明常量与变量的用法

详解JavaScript中Hash Map映射结构的实现

深入解析JavaScript中的立即执行函数

js正则表达式replace替换变量方法

基于Vue.js的表格分页组件

详解nodejs与javascript中的aes加密

基于Bootstrap实现图片轮播效果

Bootstrap模块dropdown实现下拉框响应

全面解析bootstrap格子布局

全面解析Bootstrap中nav、collapse的使用方法

为什么JavaScript没有块级作用域

浅析JavaScript回调函数应用

JavaScript数组合并的多种方法

超实用的JavaScript代码段 附使用方法

javascript实现标签切换代码示例

jQuery实现摸拟alert提示框

超实用的JavaScript代码段附使用方法