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

基于Vue.js实现简单搜索框

2017年02月06日 91 阅读

在github上看到的练习，看个遍代码后自己再练一遍，先放原址：https://github.com/lavyun/vue-demo-search主要用到的知识很简单，简单的vuejs2.0的知识就够了。源码用了.vue构建和ES6，用了webpack打包等等。我资历还浅，先用一个简单的.js的写。先看效果这里有两个组件，一个组件是logo部分的，一个是搜索框部分的。htmlhtml很简单，就是引用两个组件。<div id="app"> &...

获取jqGrid中选择的行的数据

2017年02月06日 56 阅读

下面可以获取选择一行的id，如果你选择多行，那下面的id是最后选择的行的id：var id=$（‘#gridTable"）.jqGrid（‘getGridParam","selrow"）;如果想要获取选择多行的id，那这些id便封装成一个id数组，那可以使用以下：var ids=$（‘#gridTable"）.jqGrid（‘getGridParam","selarrrow"）;如果想获取选择的行的数据，只要传入rowId即可，如下：var rowData...

Vue.js实现简单ToDoList 前期准备（一）

2017年02月06日 63 阅读

一、前言最近开始学习轻量级的mvvm框架Vue.js。就中文文档来说，算是很齐全了。之前本来在学习1.0版本，某日突然打开官网发现已更新为2.0。便把之后的都改为了2.0的语法。ps：如果恰好你是Vue的初学者的话，慕课网上有一个视频倒是可以去学习参考（我就是参考那个写了个ToDoList的小玩具，在这记录一下学习过程）。二、开篇mvvm框架是前端现在比较热门的话题，去拉勾网上转一圈，基本70%都有要求。所以不说虚的，只是为了多挣点钱，咱们也该跟上时代的步...

实例解析jQuery工具函数

2017年02月06日 79 阅读

一、$.browser对象属性属性列表说明 webkit webkit相关浏览器则返回true，否则返回false，如google，傲游。 mozilla mozilla相关浏览器则返回true，否则返回false，如火狐 safari safari相关浏览器则返回true，否则返回false，如safari opera opera相关浏览器则返回true，否则返...

bootstrap学习使用（导航条、下拉菜单、轮播、栅格布局等）

2017年02月06日 63 阅读

本文算是bootstrap学习使用的年底大总结，供大家参考，具体内容如下bootstrap框架BootStrap学习从现在开始，前端开发框架Bootstrap，可大大简化网站开发过程，从而深受广大开发者的喜欢。<！DOCTYPE html><html lang="zh-cn"><！-- 语言设置 --> <head> <meta charset="utf-8"> <meta http-equ...

JavaScript交换两个变量值的七种解决方案

2017年02月06日 64 阅读

前言这篇文章总结了七种办法来交换a和b的变量值var a = 123;var b = 456;交换变量值方案一最最最简单的办法就是使用一个临时变量了，不过使用临时变量的方法实在是太low了var t;t = a;a = b;b = t;首先把a的值存储到临时变量中，然后b赋值给a，最后拿出临时变量中的a值赋给b，这个办法是最基本的了交换变量值方案二下面的方案都不会有临时变量，我总结了一下，其实不使用临时变量的思路都是让其中一个变量变成一个a和b都有关系的值...

AngularJS中的JSONP实例解析

2017年02月06日 62 阅读

概念首先呢，Json和JSONP是不一样的哦。Json呢，是众多数据存储的其中一种格式，是数据书写方式的其中一种。好比是大中华众多诗体的一种（比如说是七言诗吧）。这种诗体规定了: 这种诗体要包含题目，每行诗句的字数（7个字）等等的文本格式。而Json所规定的文本格式是这样子的（Json格式示意图）而JSONP呢，它是一种特殊的通讯方式，使用它能够轻松绕过浏览器的同源安全限制，达到加载来自不同源的资源（脚本, 图片, 其他）的效果。比如说，您是一个王国...

BootStrap框架个人总结（bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位）

2017年02月06日 62 阅读

bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位的个人总结，具体详情如下所示：bootstrap框架<！DOCTYPE html><html lang="zh-cn"><！-- 语言设置 --> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c...

Bootstrap的class样式小结

2017年02月06日 62 阅读

基础class.code来显示单行内联代码.pre来显示多行块代码.kbd来显示用户输入代码.pre-scrollable高度超出340px，就会在Y轴出现滚动条表格class.table基础表格margin-bottom:20px，在thead底部2px的浅灰实线，每个单元格顶部1px的浅灰实线.table-striped：斑马线表格，隔行有一个浅灰色的背景色.table-bordered：带边框的表格,所有单元格有1px的边框.table-hover：...

js微信扫描二维码登录网站技术原理

2017年02月06日 73 阅读

微信扫描二维码登录网站是微信开放平台下网站应用的一种接口实现的功能。微信开放平台的网址是https://open.weixin.qq.com准备工作网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前，在微信开放平台注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程。授权流程说...

利用js获取下拉框中所选的值

2017年02月06日 77 阅读

现在的需求是：下拉框中要是选择加盟商让其继续选择学校，要是选择平台管理员则不需要选择学校。隐藏选择下拉列表。选择枚举值：/// <summary>/// 平台角色/// </summary>public enum AdministratorRole{ [Display（Name = "平台管理员"）] PlatformAdministrator = 1, [Display（Name = "加盟商"）] JoiningTrader =...

Vue.JS入门教程之处理表单

2017年02月06日 65 阅读

本文实例为大家分享了Vue.JS表单处理的相关内容，供大家参考，具体内容如下基本用法<！DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://cdnjs.cloudflare.com/ajax/libs/vue/0.12.16/vue.min.j...

Vue.JS入门教程之列表渲染

2017年02月06日 69 阅读

你可以使用 v-repeat 指令来基于 ViewModel 上的对象数组渲染列表。对于数组中的每个对象，该指令将创建一个以该对象作为其 $data 对象的子 Vue 实例。这些子实例继承父实例的数据作用域，因此在重复的模板元素中你既可以访问子实例的属性，也可以访问父实例的属性。此外,你还可以通过 $index 属性来获取当前实例对应的数组索引。 <ul id="demo"><li v-repeat="items" class="item...

jsTree使用记录实例

2017年02月06日 62 阅读

1. ajax请求生成jsTree[javascript] view plain copy<span style="font-size:14px;"><script>var r = []; // 权限树中被选中的叶子节点var currentGroupId;function showPermitTree（id） {currentGroupId = id;$.ajax（{data : "currentGroupId=" + id,ty...

BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法

2017年02月06日 59 阅读

我用过的两个版本：v0.5.2-dev,0.4.5这里针对于提交方法进行说明一下，如下代码：<script>$（function （） {$（"#addUserForm"）.bootstrapValidator（{submitHandler: function（validator, form, submitButton） {// 版本号0.4.5支持// 版本号v0.5.2-dev不再支持submitHandler配置}}）.on（"succe...

BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析

2017年02月06日 55 阅读

问题1：如下代码：<input type="hidden" name="productId"/>$（"#addForm"）.bootstrapValidator（{fields: {productId: {validators: {notEmpty: {message: "请选择一个商品"}}}}}）;这样的配置并没有在提交的时候对表单元素productId进行验证，那是因为bootstrapValidator默认配置对于“隐藏域（:hidde...

Vue.JS入门教程之事件监听

2017年02月06日 73 阅读

你可以使用 v-on 指令来绑定并监听 DOM 事件。绑定的内容可以是一个当前实例上的方法（后面无需跟括号）或一个内联表达式。如果提供的是一个方法，则原生的 DOM event 会被作为第一个参数传入，同时这个 event 会带有 targetVM 属性，指向触发该事件的相应的 ViewModel：<div id="demo"> <a v-on="click: onClick">触发一个方法函数</a> <a ...

jstree的简单实例

2017年02月06日 58 阅读

最近使用到了jstree，感觉是一款灵活的、可多项定制的tree插件；我这边使用过程记录下；参考的jstree api网站，以及demo介绍：https://www.jstree.com/api/#/jstree api github:https://github.com/vakata/jstree#populating-the-tree-using-a-callback-function使用中的例子介绍：html代码：<！-- 搜索框 -->...

浅谈js键盘事件全面控制

2017年02月06日 59 阅读

主要分四个部分第一部分：浏览器的按键事件第二部分：兼容浏览器第三部分：代码实现和优化第四部分：总结第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。在这3种事件类型中，keydown和key...

解析AngularJS中get请求URL出现的跨域问题

2017年02月06日 59 阅读

今天早上帮助同学看了一个AngularJS的问题，主要是请求中出现了跨域访问，请求被阻止。下面是她给我的代码：<html lang="en" ng-app="myApp"><head><meta charset="UTF-8"><title>Title</title><！--<script src="../js/jquery-1.11.0.js"></script>-...

首页 / 脚本样式 / JavaScript

基于Vue.js实现简单搜索框

获取jqGrid中选择的行的数据

Vue.js实现简单ToDoList 前期准备（一）

实例解析jQuery工具函数

bootstrap学习使用（导航条、下拉菜单、轮播、栅格布局等）

JavaScript交换两个变量值的七种解决方案

AngularJS中的JSONP实例解析

BootStrap框架个人总结（bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位）

Bootstrap的class样式小结

js微信扫描二维码登录网站技术原理

利用js获取下拉框中所选的值

Vue.JS入门教程之处理表单

Vue.JS入门教程之列表渲染

jsTree使用记录实例

BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法

BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析

Vue.JS入门教程之事件监听

jstree的简单实例

浅谈js键盘事件全面控制

解析AngularJS中get请求URL出现的跨域问题