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

微信小程序 this和that详解及简单实例

2017年02月15日 105 阅读

微信小程序中，在wx.request（{}）;方法调用成功或者失败之后，有时候会需要获取页面初始化数据data的情况，这个时候，如果使用，this.data来获取，会出现获取不到的情况，调试页面也会报undefiend。原因是，在javascript中，this代表着当前对象，会随着程序的执行过程中的上下文改变，在wx.request（{}）;方法的回调函数中，对象已经发生改变，所以已经不是wx.request（{}）;方法对象了，data属性也不存在了。...

微信小程序详解页面跳转与返回并回传数据

2017年02月15日 98 阅读

微信小程序详解页面跳转与返回并回传数据A页面：.wxml文件<view class="flex-wrp"><text style="width: 32%;">选择城市</text><input style="width: 68%;" type="text" bindtap="city" placeholder="请选择城市" value="{{cityName}}"/> </view>.js文件...

jQuery实现用户输入自动完成功能

2017年02月15日 94 阅读

利用jQuery UI中Auto-complete插件实现输入自动完成功能，大家在使用诸如淘宝、京东等电商平台搜索商品时，往往只要输入商品的一些特殊字符，就可以显示出和该字符相近的列表菜单，用户使用鼠标或者键盘方向键就可以快速选择，实现了很好的用户体验。1.最简单的用户输入自动完成<！doctype html><html lang="en"><head> <meta charset="utf-8"> <...

jqGrid翻页时数据选中丢失问题的解决办法

2017年02月15日 128 阅读

我在项目中使用jqGrid时，采用异步加载服务器数据，例如点击翻页、搜索时都重新加载数据。这样就会产生一个问题。问题描述：当对列表批量删除时，可以选择多个记录信息，选择当前页的第一条，如图：点击下一页再选择一些记录，点击删除时，则无法删除前面页所选择的记录。解决办法：jqGrid貌似没有解决这个问题的方法，所以只能自己写代码保存所选择的记录。需要借助jqGrid的两个事件方法：/**multiselect为ture，且点击头部的checkbox时才会触发此...

巧用canvas

2017年02月06日 96 阅读

作为一项有意思的新技术，canvas给我们带来了对网页绘图和网页动画的新革命。举个简单的例子，如果以前要在网页中插入一个图标或者是图像，就得用img标签来插入，或者是作为背景图片放入页面中，而现在，除了上述方法，我们还可以运用canvas技术来画出需要的图标或者图像，不仅节省了设计的时间，还减少了http的请求次数，加快了网页的加载速度，下面我就简单介绍下canvas到底有哪些实用的功能吧。1、设计各种图标和logo作为程序员，既会编程又会设计的人我想应该...

AngularJS的ng-repeat指令与scope继承关系实例详解

2017年02月06日 135 阅读

本文实例分析了AngularJS的ng-repeat指令与scope继承关系。分享给大家供大家参考，具体如下：ng-repeat指令的使用方式可以参考如下代码：<！doctype html><html lang="en"><head><meta charset="utf-8"><title>ng-repeat</title><script src="jquery-1.11.1.j...

微信小程序九宫格实例代码

2017年02月06日 221 阅读

微信小程序九宫格实现效果图：小程序是长在微信上的，是移动端的界面，为了能够更方便的使用，我们常常希望使用九宫格界面的方式作为导航，那要如何实现呢？基于一个简单的思考，九宫格就是三行三列，如果把行作为一个单位，再将每一行分成三列，那是不是就可以了？我们实践一下。首先来考虑九宫格数据的生成，每一个格子需要有一个图标、一个标题、一个便于跳转的路由，那天现在我们有九个页面，所以定义一个一维数组即可。为了更好的进行后续的配置，我们将这个数组独立到一个文件中rout...

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

2017年02月06日 109 阅读

本文实例讲述了AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题。分享给大家供大家参考，具体如下：我们可以使用ng-repeat指令遍历一个JavaScript数组，当数组中有重复元素的时候,AngularJS会报错:Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use "track by" expression to spec...

Bootstrap框架安装使用详解

2017年02月06日 128 阅读

Bootstrap框架安装使用简单介绍下载 Bootstrap可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。Download Bootstrap：下载 Bootstrap。点击该按钮，您可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本。不包含文档和最初的源代码文件。Download Source：下载源代码。点击该按钮，您可以直接从 from 上得到最新的 Bootst...

前端编码规范（3）JavaScript 开发规范

2017年02月06日 126 阅读

JavaScript规范变量声明总是使用 var 来声明变量。如不指定 var，变量将被隐式地声明为全局变量，这将对变量难以控制。如果没有声明，变量处于什么定义域就变得不清（可以是在 Document 或 Window 中，也可以很容易地进入本地定义域）。所以，请总是使用 var 来声明变量。采用严格模式带来的好处是，当你手误输入错误的变量名时，它可以通过报错信息来帮助你定位错误出处。变量名变量名推荐使用驼峰法来命名（camelCase）全局变量为大...

微信小程序数据交互与渲染实例详解

2017年02月06日 94 阅读

微信小程序数据交互与渲染实现效果图：微信小程序的api中提供了网络交互的api，我们只要调用即可和后端进行数据交互，该api为wx.request.，具体代码如下。//list.js //获取应用实例 var app = getApp（） Page（{data: { list:[], hiddenLoading: true, url: ""},loadList: function （） { var that = this; that.setData（{h...

vue实现添加标签demo示例代码

2017年02月06日 93 阅读

本篇文章主要介绍vue添加标签，废话不多说了，下面上具体代码效果如下：html<div id="app"><div style="margin-bottom: 4px;"><span class="selectedItem" v-for="item in selectedItems">{{item.name}} <i class="red fa fa-close （alias）"v-on:click="delete...

ng-options和ng-checked在表单中的高级运用（推荐）

2017年02月06日 106 阅读

AngularJS是当前非常的流行的前端框架，它的语法糖非常多，也极大的方便了前端开发者，但是有着用法还是需要去琢磨一下的。ng-options在select表单控件中，总结一下目前的几种写法。普通写法<select><option value="test1">test1</option><option value="test1">test1</option><option value="t...

Mongoose学习全面理解（推荐）

2017年02月06日 125 阅读

一、创建schemas创建schemas的方式： var userSchema = new mongoose.Schema（{ name: String, email: String, createdOn: Date }）;schemas中的数据类型有以下几种：StringNumberDateBooleanBufferObjectIdMixedArray特别需要说明一下ObjectId类型和Mixed类型以及Array类型，在schemas中声明这几种类型...

超全面的JavaScript开发规范（推荐）

2017年02月06日 92 阅读

这篇文章主要介绍的是关于JS的命名规范、注释规范以及框架开发的一些问题，首先来看看目录。目录1. 命名规范：介绍变量、函数、常量、构造函数、类的成员等等的命名规范2. 注释规范：介绍单行注释、多行注释以及函数注释3. 框架开发：介绍全局变量冲突、单全局变量以及命名空间一、命名规范驼峰式命名法介绍：驼峰式命名法由小（大）写字母开始，后续每个单词首字母都大写。按照第一个字母是否大写，分为： ① Pascal Case 大驼峰式命名法：首字母大写。eg：Stud...

一篇文章搞定JavaScript类型转换（面试常见）

2017年02月06日 82 阅读

为啥要说这个东西？一道面试题就给我去说它的动机。题如下：var bool = new Boolean（false）;if （bool） { alert（"true"）;} else { alert（"false"）;}运行结果是true！！！其实啥类型转换啊，操作符优先级啊，这些东西都是最最基本的。犀牛书上有详细的介绍。但我很少去翻犀牛书的前5章。。。比如说优先级那块儿，很多书都教育我们，“不用去背诵优先级顺序，不确定的话，加括号就行了。“平常我们写代码时...

jQuery基于正则表达式的表单验证功能示例

2017年02月06日 97 阅读

本文实例讲述了jQuery基于正则表达式的表单验证功能。分享给大家供大家参考，具体如下：<！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"><head>...

Vue结合原生js实现自定义组件自动生成示例

2017年02月06日 116 阅读

就目前三大前端主流数据驱动框架（vue,ng,react）而言，均具有创建自定义组件的api，但都是必须先做到事先写好挂载点，这个挂载点可以是原有静态元素标签也可以是自定义模板；对于多种组件通过同一数据流生成的，如果事先在页面上写好挂载点（mounted），然后通过dom操作去动态添加，会遇到类似这样一条错误提示信息：Failed to execute "appendChild" on "Node": parameter 1 is not of type ...

JavaScript、C# URL编码、解码总结

2017年02月06日 186 阅读

JavaScript部分encodeURI（）（解码为：decodeURI（））：不会转义的字符：- _ . ！ ~ * ‘ （） ;/?:@&=+$,#例如：encodeURI（“http://www.jb51.net?a=-_.！~*"（）;/?:@&=+$,#”）输出：“http://www.jb51.net?a=-_.！~*"（）;/?:@&=+$,#”encodeURIComponent（）（解码为：...

Ajax跨域实现代码（后台jsp）

2017年02月06日 105 阅读

AJAX 教程AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。在应用时主要是创建XMLHttpRequest对象，调用指定服务地址。但是IE中各个版本支持的不太一样,所以在创建次对象时可能要特殊处理下。一般如下：function createXMLHttpRequest（）{ var xmlhttp; try{xmlhttp = new XMLHttpRequest（）;//ie7及...

首页 / 脚本样式 / JavaScript

微信小程序 this和that详解及简单实例

微信小程序 详解页面跳转与返回并回传数据

jQuery实现用户输入自动完成功能

jqGrid翻页时数据选中丢失问题的解决办法

巧用canvas

AngularJS的ng-repeat指令与scope继承关系实例详解

微信小程序 九宫格实例代码

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

Bootstrap框架安装使用详解

前端编码规范（3）JavaScript 开发规范

微信小程序 数据交互与渲染实例详解

vue实现添加标签demo示例代码

ng-options和ng-checked在表单中的高级运用（推荐）

Mongoose学习全面理解（推荐）

超全面的JavaScript开发规范（推荐）

一篇文章搞定JavaScript类型转换（面试常见）

jQuery基于正则表达式的表单验证功能示例

Vue结合原生js实现自定义组件自动生成示例

JavaScript、C# URL编码、解码总结

Ajax跨域实现代码（后台jsp）

微信小程序详解页面跳转与返回并回传数据

微信小程序九宫格实例代码

微信小程序数据交互与渲染实例详解