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

JavaScript中实现键值对应的字典与哈希表结构的示例

2017年02月06日 9 阅读

字典（Dictionary）的javascript实现编程思路：使用了裸对象datastore来进行元素存储；实现了两种得到字典长度的方法，一种为变量跟踪，一种为实时计算。代码：function（）{"use strict";function Dictionary（）{this._size = 0;this.datastore = Object.create（null）;}Dictionary.prototype.isEmpty = function（）{...

jQuery通过ajax请求php遍历json数组到table中的代码（推荐）

2017年02月06日 9 阅读

html代码（test.html），js在html底部具体代码如下所示：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>test-jquery-ajax-list</title></head><body><div class="main"><table>&...

jQuery移动端图片上传组件

2017年02月06日 9 阅读

本文实例为大家分享了移动端图片上传组件，供大家参考，具体内容如下Imageupload使用File API+canvas 客户端压缩图片，并实现文件上传服务端文件依赖 JQUERY参数APIloading:".loading", 页面显示loading的图标selectorurl:"", 接收数据的api接口地址maxFileSize:1010241024, 服务端支持的最大单文件大小format:/^image/i, 支持的文件格式. images te...

jQuery遍历json的方法（推荐）

2017年02月06日 9 阅读

var obj = {"status":1,"bkmsg":"u6210u529f","bkdata":["u5415u5c1au5fd7","1387580400","u6dfbu52a0u8bb0u5f55"]}{"status":1,"bkmsg":"u6210u529f","bkdata":["u5415u5c1au5fd7","1387580400","u6dfbu52a0u8bb0u5f55"]},{"status":1,"bkmsg":"u6...

JavaScript解八皇后问题的方法总结

2017年02月06日 9 阅读

关于八皇后问题的 JavaScript 解法，总觉得是需要学习一下算法的，哪天要用到的时候发现真不会就尴尬了背景八皇后问题是一个以国际象棋为背景的问题：如何能够在 8×8 的国际象棋棋盘上放置八个皇后，使得任何一个皇后都无法直接吃掉其他的皇后？为了达到此目的，任两个皇后都不能处于同一条横行、纵行或斜线上八皇后问题可以推广为更一般的n皇后摆放问题：这时棋盘的大小变为 n×n ，而皇后个数也变成n 。当且仅当n = 1或n ≥ 4时问题有解盲目的枚举算法通过N...

Node.js环境下编写爬虫爬取维基百科内容的实例分享

2017年02月06日 9 阅读

基本思路思路一（origin:master）：从维基百科的某个分类（比如：航空母舰（key））页面开始，找出链接的title属性中包含key（航空母舰）的所有目标，加入到待抓取队列中。这样，抓一个页面的代码及其图片的同时，也获取这个网页上所有与key相关的其它网页的地址，采取一个类广度优先遍历的算法来完成此任务。思路二（origin:cat）：按分类进行抓取。注意到，维基百科上，分类都以Category:开头，由于维基百科有很好的文档结构，很容易从任一个分...

JavaScript遍历求解数独问题的主要思路小结

2017年02月06日 9 阅读

数独规则数独游戏，经典的为9×9=81个单元格组成的九宫格，同时也形成了3×3=9个小九宫格，要求在81个小单元格中填入数字1~9，并且数字在每行每列及每个小九宫格中都不能重复。数独技巧直观法候选数法相关二十格：一个数字只与其所在行列及小九宫格的二十格相关我的思路精心设计了有效性判定函数，最多一次遍历81个小单元格就能做出方案的有效性判定。同理设计了相关20格判定，一次0~9的循环就完成有效性判定。用数组模拟堆栈，为搜索提供回溯信息。利用对象具有map性质...

全面解析Bootstrap中tooltip、popover的使用方法

2017年02月06日 9 阅读

一、tooltip（提示框）源码文件：Tooltip.jsTooltip.scss实现原理：1、获取当前要显示tooltip的元素的定位信息（top、left、bottom、right、width、height等）2、计算tooltip的位置，是top、left、bottom、right其中一个3、然后根据计算的位置值，运算出坐标值4、给tooltip应用坐标值源码分析：1、ownerDocument：文档；包含两个对象：<DocType>、d...

全面解析Bootstrap中Carousel轮播的使用方法

2017年02月06日 9 阅读

本文实例为大家全面的解析了Bootstrap中Carousel的使用方法，供大家参考，具体内容如下源码文件：Carousel.scssCarousel.js实现原理：隐藏所有要显示的元素，然后指定当前要显示的为block，宽、高自适应源码分析：1、Html结构：主要分为以四个部分 1.1、容器：最外层div，需要一个data-ride=”carousel”来指定为轮播放插件，并且提供一个Id，方便圆圈指示符的关联 1.2、图片列表部分，用一个外层div包裹...

js 连续赋值的简单实现

2017年02月06日 9 阅读

无意中网上发现的这个问题，预想的结果和真实的结果大相径庭。var a={n:1}var b=a;a.x=a={n:2}console.log（a.x）; console.log（b.x）;undefinedObject{n:2}要是拆开来看，结果就是我所想的那样var a={n:1}var b=a;a={n:2}；a.x={n:2}console.log（a.x）;//Object{n:2}console.log（b.x）;//undefined分析:a....

JavaScript_object基础入门（必看篇）

2017年02月06日 10 阅读

之前写Java时老是有点蒙，大部分都是用jQuery，但原理还不是很清楚，最近一段时间在系统的学习JavaScript，有什么问题或错误请指出，多谢.....................Object所有类的基础类var obj = new Object（）;var obj = {}; //实例化对象给对象设置属性分为两种:1.使用直接量的方式：对象.属性/方法，这种方式直观、易懂obj.name = "张三";obj.age = 20;obj.sex ...

JavaScript判断是否是微信浏览器

2017年02月06日 10 阅读

先给大家说下实现原理根据判断UA中是否有关键字micromessenger，有的话则是微信内置浏览器实现代码如下所示：//判断是否微信登陆function isWeiXin（） {var ua = window.navigator.userAgent.toLowerCase（）;console.log（ua）;//mozilla/5.0 （iphone; cpu iphone os 9_1 like mac os x） applewebkit/601.1....

JavaScript判断微信浏览器实例代码

2017年02月06日 9 阅读

先给大家说下我的项目需求：用户扫一扫二维码会产生一个链接，该链接会向后端发送个请求，返回一个 apk 的下载地址，用户点击下载按钮可以下载此 apk。然后就发生了问题，经过测试，发现用微信扫一扫打开的页面点击下载按钮下载不了 apk，后百度之，原来是微信内置浏览器屏蔽了下载链接，后面和需求方沟通，需求改为如果用户是用微信内置浏览器打开的，则提示用户换一个浏览器打开页面，否则下载不了 apk。那么该如何判断用户是否是用微信浏览器呢？我们知道 js 可以通过 ...

JS Ajax请求如何防止重复提交

2017年02月06日 9 阅读

好长时间没写js代码了刚好遇到这样的问题。我们系统多数表单没有做防止重复提交的。由于不想在后端这边处理，因为假如由后端处理的话，就需要在页面加载的时候给出一次性的token值，加大了开发的工作量不说，还容易忘记做这个，同时，ajax也不好处理，需要提交失败的话同时返回新的token值。所以我想在，js这边动手。其实以前和前端提过，久久不见动静，就只好弄块砖丢出去了。思路是，覆盖掉$.ajax,在这里面处理掉防止重复提交的问题，而前端的业务开发不受影响，不改...

多种jQuery绑定事件的实现方式

2017年02月06日 9 阅读

最近发现jQuery一个对象的事件可以重复绑定多次，当事件触发的时候会引起代码多遍执行。下面是一个click事件被重复绑定的示例:function reg_button_click（）{ $（"#button）.click（function（）{ alert（"button click"）; }）;}$（document）.ready（function（）{ #重复注册3次 reg_button_click（）; reg_button_click（）; r...

关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法

2017年02月06日 9 阅读

最近项目用到了backbone 做前后端的分离方案，遇见了中文乱码问题，解决方案总结如下：假设需要存一条课程记录到后台model定义如下：var AddCourse= Backbone.Model.extend（{url:path+"/course/add",parse : function（response）{return response.data;}}）;encodeURIComponent 函数将中文的内容进行编码$（"#addCourseBtn...

VUEJS实战之构建基础并渲染出列表（1）

2017年02月06日 9 阅读

前言我的JavaScript水平比较一般.好吧,是相当的一般.因此,对于最新的前端框架技术,实在是有点困难,但现实让我必须面对.因此,学习是唯一的出路.纵向比较了N款前端框架,最终选择了VUE，为什么呢？理由如下:1.angular 前途不明,1.x学习曲线高,并且好像被放弃了,而2则还没有正式推出.2.react 比较厉害,但是没接触.3.VUE简单,通过上手,比较适合我的思维和水平.4.vue有中文文档,我看起来比较舒服.既然决定学习vue,那么最好的...

Bootstrap表单Form全面解析

2017年02月06日 9 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。在进行自己的后台改版时，大体布局都使用了bootstrap，剩下的表单部分没理由不去使用它，对于表单的美化和布局，bootstrap做的也是很不错的，有大气的边框，多功能的按钮及宏观的表单布局，一切都是那么的完整与完美！普通表单我们需要将表单元素包裹到form-group类里，一...

VUEJS实战之修复错误并且美化时间（2）

2017年02月06日 10 阅读

前言在上一章中,我们通过基础的搭建,成功的渲染了列表页面.但是,其中的问题是很多的.这一章,我们来解决这些问题.使用 v-bind 绑定数据.上一章的代码,我们渲染出来了页面.但是如果打开了控制台,你会发现有错误.如下图所示:这是因为页面进来的时候,会先执行我们的html代码,而此时,我们的vue还没开始工作.而我们的代码如下:<li v-for="info in data"> <i class="user_ico"> <im...

Bootstrap中的Panel和Table全面解析

2017年02月06日 9 阅读

在我们对一个页面进行设计时，分块是必须的，没有一个网站是一栏而下的，除非你是在看小说，否则你的页面设计一定是分块的，即它由于多个panel组件，在bootstrap里叫到栅格系统，而在每行每列进行宏观的布局后，就是在每一个大块里建立小块，而小块可以使用Panel来实现，下面看个例子<div class="panel panel-default"><div class="panel-heading">Panel heading wit...

首页 / 脚本样式 / JavaScript

JavaScript中实现键值对应的字典与哈希表结构的示例

jQuery通过ajax请求php遍历json数组到table中的代码（推荐）

jQuery移动端图片上传组件

jQuery遍历json的方法（推荐）

JavaScript解八皇后问题的方法总结

Node.js环境下编写爬虫爬取维基百科内容的实例分享

JavaScript遍历求解数独问题的主要思路小结

全面解析Bootstrap中tooltip、popover的使用方法

全面解析Bootstrap中Carousel轮播的使用方法

js 连续赋值的简单实现

JavaScript_object基础入门（必看篇）

JavaScript判断是否是微信浏览器

JavaScript判断微信浏览器实例代码

JS Ajax请求如何防止重复提交

多种jQuery绑定事件的实现方式

关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法

VUEJS实战之构建基础并渲染出列表（1）

Bootstrap表单Form全面解析

VUEJS实战之修复错误并且美化时间（2）

Bootstrap中的Panel和Table全面解析