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

初步使用bootstrap快速创建页面

2017年02月06日 11 阅读

1. 安装bower前端包管理器bower是一个前端软件包管理器，便于安装、更新以及卸载javascript，css，html等框架资源，并解决之间的相互依赖关系。npm install -g bower // 安装bower help // 查看帮助这里YY一下：npm是node.js的包管理器，通过它安装了express，express-generator，supervisor，bower等等软件，bower又是前端框架的软件包，安装了bootstra...

初步使用Node连接Mysql数据库

2017年02月06日 13 阅读

使用Node做Web页面开发，基本上是连接非关系型数据库mongodb，而这里我还是先尝试连接了一下mysql数据库，因为相对于mysql来说mongodb过于生疏，想着快速出来页面，所以选择相对熟悉一些的mysql。1. 安装mysql下载MySQL :MySQL Downloads，并进行安装。安装完，会引导你对数据库进行配置，设置root密码以及创建普通用户以及密码。2. 安装Node-mysql通过npm安装mysql的软件包，通过它方便快速调用函...

jQuery日历插件datepicker用法详解

2017年02月06日 11 阅读

jQuery是一款不可多得的非常优秀的javascript脚本开发库，而基于其上的很多插件也是非常规范和卓越的，如果错过这番美景真是太可惜了，比如datepicker这个插件。一般MIS系统的前端，尤其是用户注册页面，都会有诸如“出身年月”的日期输入框，最简单的做法就是使用一个<input type="text"/>标签，这样做的弊端有很多：首先是与数据库字段类型的匹配、其次是输入日期的合法性如“13月”或者闰年等等问题，如果深入下去还有非常多...

JQuery日期插件datepicker的使用方法

2017年02月06日 12 阅读

JQuery是一款非常优秀的脚本框架，其丰富的控件使用起来也非常简单，配置非常灵活。下面做一个使用日期插件datapicker的例子。1、下载jQuery核心文件就不用说了吧，datepicker是轻量级插件，只需jQuery的min版本就行了，然后到官网http://jqueryui.com/download下载jquery-ui压缩包（可以选择喜欢的theme），里面就包含对datepicker的支持，当然您也可以下载datepicker，包括ui.c...

JavaScript使ifram跨域相互访问及与PHP通信的实例

2017年02月06日 12 阅读

iframe 与主框架相互访问方法1.同域相互访问假设A.html 与 b.html domain都是localhost （同域）A.html中iframe 嵌入 B.html，name=myframeA.html有js function fMain（）B.html有js function fIframe（）需要实现 A.html 调用 B.html 的 fIframe（），B.html 调用 A.html 的 fMain（）A.html<！DOCT...

js实现文字滚动效果

2017年02月06日 11 阅读

首先先看一下大致效果图，因为是动态的，在页面无法显示出来。具体的实现代码如下：1.首先是css代码：<style type="text/css">body,ul,li,a,p,div{padding:0px; margin:0px; font-size:14px;}ul,li{list-style:none;}a{ text-decoration:none; color:#333;} #demo{overflow:hidden; /*溢出的部分...

jquery ajax双击div可直接修改div中的内容

2017年02月06日 12 阅读

最近在做后台功能开发的时候，用到对排序字段的修改，感觉只为了修改一个排序值，而要重新进入编辑页比较麻烦，于是网上找点资料自己动手写了一个jquery双击实现直接修改排序值的效果：html代码：<div title="【双击可直接修改】" class="changeSort" id="{$id}">{$sort}</div>JS代码：<script type="text/javascript">//双击修改排序 $（".c...

基于Javascript实现二级联动菜单效果

2017年02月06日 11 阅读

本文实例为大家分享了Javascript实现二级联动菜单效果的对应代码，具体内容如下效果图如下：具体实现步骤如下：1.所用js代码如下：<script type="text/javascript">var arr_province=["请选择省份/城市","北京市","上海市","天津市","河南省","山东省","河北省"];var arr_city=[["请选择城市/地区"],["中关村","海淀区","朝阳区","昌平区","丰台区","...

基于zepto的移动端轻量级日期插件--date_picker

2017年02月06日 14 阅读

前言做过移动Web开发的同学都知道，移动端日期选择是很常见的需求。在PC端，我们有很丰富的选择，比较出名的就有Mobiscroll和jQuery UI Datepicker。个人看来，这些插件存在的两个显而易见的问题，第一是过重的依赖，对于jQuery的插件，已经强制依赖了80多k的庞然大物，把很多移动端项目拒之门外；第二是太过强大的功能，很多插件花百分之八十的时间去完善插件百分之二十炫酷的额外功能，导致代码量变大，配置繁杂。所以一款少依赖、轻量级和使用简...

javascript实现移动端上的触屏拖拽功能

2017年02月06日 13 阅读

本文是分享了javascript实现移动端上的触屏拖拽功能，具体内容如下效果图：实现代码：<！DOCTYPE html><html> <head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, user-scalable=no, initial-scal...

JavaScript模拟鼠标右键菜单效果

2017年02月06日 11 阅读

本文实例为大家分享了JavaScript模拟鼠标右键菜单的具体代码，供大家参考，具体代码如下效果图：具体代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>右键菜单</title><style type="text/css">*{margin: 0;padding: 0;}#menu{wi...

jquery实现页面常用的返回顶部效果

2017年02月06日 11 阅读

本文实例为大家分享了jquery实现返回顶部效果的全部代码，供大家参考，具体内容如下效果图：实现代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>返回顶部</title><style type="text/css"> *{ margin: 0; padding: 0; } .wrap{ ...

jQuery实现TAB选项卡切换特效简单演示

2017年02月06日 12 阅读

本文实例为大家分享jQuery实现TAB选项卡切换特效，供大家参考，具体内容如下1、tab切换 on<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jQuery tab切换</title><style type="text/css">*{margin:0;padding:0;}.wrap{m...

jquery实现右侧栏菜单选择操作

2017年02月06日 11 阅读

本文实例分享了jquery实现右侧栏菜单选择的相关代码，供大家参考，具体内容如下效果图：实现菜单：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>右侧栏菜单</title><style type="text/css">*{margin: 0;padding: 0;}.wrap{width: ...

百度地图给map添加右键菜单（判断是否为marker）

2017年02月06日 11 阅读

废话不多说了，直接给大家贴代码了。js：var s;//经度var w;//纬度map.addEventListener（"rightclick",function（e）{if（e.overlay）{//判断右键单击的是否是marker}else{s = e.point.lng;//经度w = e.point.lat;//维度RightClick（）;//右键单击map出现右键菜单事件}}）;//右键单击map出现右键菜单事件function RightC...

简单的jQuery banner图片轮播实例代码

2017年02月06日 13 阅读

朋友给我看了一个轮播效果，把js下载一看，丫丫的一个这么简单的效果，这么的就能写个几百行的，严重影响浏览器加载速度嘛，以为人家宽带流量不要钱玩的哦。。无奈之下给他写了个简单的，把所有代码放上去都没有超过70行，还有圆角的那个CSS，不是每个浏览器都是圆角的，不过不影响美观，嘻嘻。先给大家展示下效果图：<html xmlns="http://www.w3.org/1999/xhtml" ><head><title>无标题页...

深入学习AngularJS中数据的双向绑定机制

2017年02月06日 11 阅读

Angular JS （Angular.JS）是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程，提供web应用的架构，无需进行手工DOM操作。 AngularJS很小，只有60K，兼容主流浏览器，与 jQuery 配合良好。双向数据绑定可能是AngularJS最酷最实用的特性,将MVC的原理展现地淋漓尽致.AngularJS的工作原理是:HTML模板将会被浏览器解析到DOM中, DOM结构成为AngularJS编译器的输...

详解JavaScript的AngularJS框架中的作用域与数据绑定

2017年02月06日 11 阅读

AngularJS 简介AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太丰富的非企业级 WEB 应用上，AngularJS 是一个非常好...

node.js微信公众平台开发教程

2017年02月06日 11 阅读

用nodejs怎样来实现对微信公众平台的开发呢？别的就不多说了，先来简单介绍微信公众平台的基本原理。微信服务器就相当于一个转发服务器，终端（手机、Pad等）发起请求至微信服务器，微信服务器，然后将请求转发给自定义服务（这里就是我们的具体实现）。服务处理完毕，然后转发给微信服务器，微信服务器再将具体响应回复到终端；通信协议为：HTTP；数据格式为：XML。具体的流程如下图所示：其实，我们需要做的事情，就是对HTTP请求，做出响应。具体的请求...

实例剖析AngularJS框架中数据的双向绑定运用

2017年02月06日 11 阅读

数据绑定通过把一个文本输入框绑定到person.name属性上，就能把我们的应用变得更有趣一点。这一步建立起了文本输入框跟页面的双向绑定。在这个语境里“双向”意味着如果view改变了属性值，model就会“看到”这个改变，而如果model改变了属性值，view也同样会“看到”这个改变。Angular.js 为你自动搭建好了这个机制。如果你好奇这具体是怎么实现的，请看我们之后推出的一篇文章，其中深入讨论了digest_loop 的运作。要建立这个绑定，我们在...

首页 / 脚本样式 / JavaScript

初步使用bootstrap快速创建页面

初步使用Node连接Mysql数据库

jQuery日历插件datepicker用法详解

JQuery日期插件datepicker的使用方法

JavaScript使ifram跨域相互访问及与PHP通信的实例

js实现文字滚动效果

jquery ajax双击div可直接修改div中的内容

基于Javascript实现二级联动菜单效果

基于zepto的移动端轻量级日期插件--date_picker

javascript实现移动端上的触屏拖拽功能

JavaScript模拟鼠标右键菜单效果

jquery实现页面常用的返回顶部效果

jQuery实现TAB选项卡切换特效简单演示

jquery实现右侧栏菜单选择操作

百度地图给map添加右键菜单（判断是否为marker）

简单的jQuery banner图片轮播实例代码

深入学习AngularJS中数据的双向绑定机制

详解JavaScript的AngularJS框架中的作用域与数据绑定

node.js微信公众平台开发教程

实例剖析AngularJS框架中数据的双向绑定运用