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

jQuery Validate验证框架详解（推荐）

2017年02月06日 156 阅读

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script><script type="text/javascript" src="<%=path...

javascript 数组去重复（在线去重工具）

2017年02月06日 96 阅读

在线文本去重复工具第一种方法：<textarea id="list" class="toolarea">脚本之家www.jb51.netwww.baidu.comwww.jb51.net脚本之家shouce.jb51.netwww.jb51.nettools.jb51.netwww.baidu.comshouce.jb51.nettools.jb51.net脚本之家www.jb51.net</textarea><input t...

原生js验证简洁注册登录页面

2017年02月06日 116 阅读

序一个以js验证表单的简洁的注册登录页面，不多说直接上图效果主要文件完整代码1 sign_up.html 注册表单<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>sign-up</title> <link rel="stylesheet" href="css/common_form.css"&...

Bootstrap CSS组件之输入框组

2017年02月06日 70 阅读

本文实例为大家分享了Bootstrap输入框组的具体代码，供大家参考，具体内容如下了解table-cell的表格width设置为1%的原因。http://www.tuicool.com/articles/VzUVfyi 通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，您可以添加美元符号，或者在 Twitter 用户名前添加 @，或者应用程序接口所需要的其他公共的元素。input-group（input-group-xs,input-...

深入理解JS继承和原型链的问题

2017年02月06日 70 阅读

对于那些熟悉基于类的面向对象语言（Java 或者 C++）的开发者来说，JavaScript 的语法是比较怪异的，这是由于 JavaScript 是一门动态语言，而且它没有类的概念（ ES6 新增了class 关键字，但只是语法糖，JavaScript 仍旧是基于原型）。涉及到继承这一块，Javascript 只有一种结构，那就是：对象。在 javaScript 中，每个对象都有一个指向它的原型（prototype）对象的内部链接。这个原型对象又有自己的原...

Bootstrap CSS组件之下拉菜单（dropdown）

2017年02月06日 96 阅读

Bootstrap下拉菜单，常用在开发项目中，今天为大家介绍介绍dropdown、dropdown-menu、dropdown-header、divider、dropdown-submenu 例子见下拉菜单.html//源码.dropup,.dropdown { position: relative;}.dropdown-toggle:focus { outline: 0;}.dropdown-menu { position: absolute; top:...

谈谈JavaScript中浏览器兼容问题的写法小议

2017年02月06日 67 阅读

前言JavaScript中很多坑，其中对浏览器的兼容也是一个问题，本文就简略的归纳了部分针对浏览器兼容问题的写法的例子，旨在便于查找。如果读者有什么好的意见建议，请留言交流，谢谢！window窗口大小1.在IE9+、Chrome、Firefox、Opera以及Safari中 window.innerHeight获取浏览器窗口的内部高度window.innerWidth获取浏览器窗口的内部宽度var msg = "窗口宽度：" + window.innerH...

Bootstrap CSS组件之按钮组（btn-group）

2017年02月06日 79 阅读

.btn-toolbar（有助于几组btn-group结合到一个btn-toolbar中）/.btn-group（btn-group-lg/btn-group-sm/btn-group-xs）/.btn-group-vertical 容器内的按钮，可以使用button元素，也可以使用a元素，产生的效果是一样的。容器的多个分组以table风格进行显示，每组之间保持5px的left margin//源码.btn-toolbar:before,.btn-tool...

谈谈JS中常遇到的浏览器兼容问题和解决方法

2017年02月06日 82 阅读

今天整理了一下浏览器对JS的兼容问题，希望能给你们带来帮助，我没想到的地方请留言给我，我再加上；常遇到的关于浏览器的宽高问题：//以下均可console.log（）实验var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽var winH=document.body.clientHeight||document.docuemntElement.cl...

Bootstrap CSS组件之按钮下拉菜单

2017年02月06日 109 阅读

按钮下拉菜单结合使用.btn-group（btn-group-lg/btn-group-sm/btn-group-xs） .dropup .btn .dropdown-menu 按钮下拉菜单是在普通的下拉菜单的基础上封装了.btn样式得效果，就类似于单击一个button按钮，然后显示隐藏的下拉菜单。组合式下拉菜单分离式下拉菜单向上弹起的下拉菜单//源码，css实现方式主要是设置.dropdown-menu样式容器的bottom为100%.dropup ...

Jquery Easyui搜索框组件SearchBox使用详解（19）

2017年02月06日 86 阅读

本文实例为大家分享了Jquery Easyui搜索框组件的实现代码，供大家参考，具体内容如下加载方式Class加载 <input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:"Please Input Value",menu:"#box""> </input> <div id="box" style="width:120px...

纯js实现悬浮按钮组件

2017年02月06日 85 阅读

先上效果下面附上代码使用方式很简单只需要在页面引入这段js 即可$（（）=> { let param = {tag: true,num: 1,ele: document.createElement（"div"）,icon: "",homeIcon: "",moreIcon: "",personalIcon: "",closeIcon: "",distance: "50...

Node.js连接postgreSQL并进行数据操作

2017年02月06日 155 阅读

前言PostgreSql是一个面向对象的关系数据库，postgis是一个基于PostgreSql的空间数据库插件，主要用于管理地理空间数据。因此在GIS领域，广泛使用PostgreSql作为空间数据库。首先使用npm安装数据库连接模块：npm install --save pg 连接池创建然后代码中引入pg模块，并编写数据库配置：var pg = require（"pg"）;// 数据库配置var config = {user:"postgres", da...

无阻塞加载js,防止因js加载不了影响页面显示的问题

2017年02月06日 88 阅读

浏览器加载静态资源和js的方式都是线性加载，所以一般情况可以将js放到</body>前，防止UI线程的阻塞。而某些时候我们既希望js在整个网页的头部就加载，又担心js阻塞导致网站加载缓慢，就可以用到无阻塞加载js技术。Dynamic Script Elements 动态脚本元素DOM允许我们使用Javascript动态创建HTML的几乎所有文档内容，一个新的<script>元素可以非常容易的通过标准DOM创建：var script ...

Angular.js实现注册系统的实例详解

2017年02月06日 67 阅读

前言相信大家在做项目里经常需要登录注册，那么在用angularjs该如何实现。下面让我们通过angualr.js来实现注册系统表单验证。Angular下载地址：https://code.angularjs.org/1.5.0/angular.js首先看一下页面效果（通过bootstrap实现的布局样式）：当我们点击提交按钮时，会根据表单验证，若通过，则没有提示语句，若不通过，则会弹出响应提示语句，当然该功能可以通过其他简单方式实现，这里只是通过实战对ang...

教你一步步用jQyery实现轮播器

2017年02月06日 73 阅读

实现原理如图，试想一下，若是将<ul>的width属性值设置的很宽，直到可以装下你所有的图片，而每一个图片又用<li>包着并且设置了左浮动。那么当我们向左移动ul的时候并且移动的距离为<li>的宽度，第二个<li>不就被移动到了<div>的窗口，这样一来图片不就被一张一张显示出来了吗？接下来我们在设置<div>的属性overflow:hidden，那么<div>窗口以外的图...

完美解决JS文件页面加载时的阻塞问题

2017年02月06日 134 阅读

关于页面加载时的时间消费，许多书中都做出了介绍，也提出了很多种方法。本文章就详细介绍XHR注入。概述：JS分拆的方法1.XHR注入：就是用ajax异步请求同域包含脚本的文件，然后将返回的字符串转化为脚本使用，该方法不会造成页面渲染和onload事件的阻塞，因为是异步处理，推荐使用。2.iframe注入：加载一个iframe框架，通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞，但是iframe元素开销较大，不推荐。3.DOM注入：就是创建sc...

前端js弹出框组件使用方法

2017年02月06日 102 阅读

下面分享一个js 弹出窗, 分 toast , dialog , load 三种弹窗 , 下面用js css 来实现以下：首先是js代码 | 采用了 es6 的写法//公共弹窗加载动画const DIALOG_TOAST = "1",DIALOG_DIALOG = "2",DIALOG_LOAD = "3",class Dialog { constructor（type = DIALOG_DIALOG,dialogContent = "请求失败",wrap...

Jquery Easyui日历组件Calender使用详解（23）

2017年02月06日 89 阅读

本文实例为大家分享了Jquery Easyui日历组件的实现代码，供大家参考，具体内容如下加载方式Class加载<div id="box" class="easyui-calendar" style="width:200px;height:200px;"></div>JS调用加载<div id="box"></div> <script>$（function （） { //JS 加载调用 $（"#b...

Jquery Easyui自定义下拉框组件使用详解（21）

2017年02月06日 78 阅读

本文实例为大家分享了Jquery Easyui自定义下拉框组件的实现代码，供大家参考，具体内容如下加载方式JS调用加载自定义下拉框不能通过标签的方式进行创建。<input id="box" /><script>$（function （） {//JS 加载调用$（"#box"）.combo（{required : true,multiple : true,}）;}）;</script>属性列表<script>$...

首页 / 脚本样式 / JavaScript

jQuery Validate验证框架详解（推荐）

javascript 数组去重复（在线去重工具）

原生js验证简洁注册登录页面

Bootstrap CSS组件之输入框组

深入理解JS继承和原型链的问题

Bootstrap CSS组件之下拉菜单（dropdown）

谈谈JavaScript中浏览器兼容问题的写法小议

Bootstrap CSS组件之按钮组（btn-group）

谈谈JS中常遇到的浏览器兼容问题和解决方法

Bootstrap CSS组件之按钮下拉菜单

Jquery Easyui搜索框组件SearchBox使用详解（19）

纯js实现悬浮按钮组件

Node.js连接postgreSQL并进行数据操作

无阻塞加载js,防止因js加载不了影响页面显示的问题

Angular.js实现注册系统的实例详解

教你一步步用jQyery实现轮播器

完美解决JS文件页面加载时的阻塞问题

前端js弹出框组件使用方法

Jquery Easyui日历组件Calender使用详解（23）

Jquery Easyui自定义下拉框组件使用详解（21）