JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

详解Vue自定义过滤器的实现

详解Vue自定义过滤器的实现

2017年02月06日 82 阅读

一自定义过滤器（注册在Vue全局）注意事项:（1）全局方法 Vue.filter（）注册一个自定义过滤器,必须放在Vue实例化前面（2）过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串，而不带引号的参数按表达式计算（3）可以设置两个过滤器参数,前提是这两个过滤器处理的不冲突（4）用户从input输入的数据在回传到model之前也可以先处理<！DOCTYPE html><html><head><...

js实现将json数组显示前台table中

js实现将json数组显示前台table中

2017年02月06日 104 阅读

在最近的学习中遇到一个小问题，如何把JSON数组显示在前台的table中，经过一番借鉴和学习之后终于解决了这个问题。具体的代码如下：（前提：利用ajax获取过来的JSON字符串必须是规范的，这样才能解析正确。后台获取数据库中数据的代码省略了）1、前台JS代码（使用之前引入JQuery的js库文件）$.ajax（{type: "GET",url: "UserList.ashx?Action=List",//利用ajax请求后台的并返回值// data...

js自定义QQ菜单效果

js自定义QQ菜单效果

2017年02月06日 92 阅读

QQ菜单大家都见过，这样有以下的功能：1.点击我的好友，会展示下拉出具体的好友2.再点击我的好友，会收缩3.首次点击具体的某个好友，只有当前这个好友高亮4.再次点击这个好友时，高亮状态就消失了还是瞄一眼效果图吧：最后代码<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>ul,h2 {p...

VueJs路由跳转——vue-router的使用详解

VueJs路由跳转——vue-router的使用详解

2017年02月06日 161 阅读

对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。安装基于传统，我更喜欢采用npm包的形式进行安装。npm install vue-router --save当然，官方采用了多种方式进行安装，包括bower,cdn等。基本用法在HTML文档中使用，只需要利用v-link这个directive就行了，如：<a v-link="{path: "/view-a"}">Go to view-a</...

BootStrapTable 单选及取值的实现方法

BootStrapTable 单选及取值的实现方法

2017年02月06日 133 阅读

学习bootstrapTable 一直没有找到单选框的选定的和取值的教程,今天写一个.作为笔记1. 效果图: 点击 bootstrapTable 单选的按钮, 选中该列, 取到该列的所有值.2. js 代码 : bootstrapTable 初始化 a. 注意: singleSelect : true, // 单选checkbox columns : [ { checkbox: true } ] // bootstrapTable 显示单选checkbo...

详解JS中的快速排序与冒泡

详解JS中的快速排序与冒泡

2017年02月06日 76 阅读

1.快速排序思想: 1.1 先找数组的最中间的一个数为基准 1.2 把数组通过此基准分为小于基准的left数组和大于基准的right数组, 1.3 递归重复上面的两个步骤,代码如下:function quickSort（arr） {if （arr.length <=1 ）{return arr;}var middleIndex = Math.floor（arr.length / 2）;var left = [];var right = [];v...

jQuery zTree树插件简单使用教程

jQuery zTree树插件简单使用教程

2017年02月06日 130 阅读

前言zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。支持静态和 Ajax 异步加载节点数据. 在开发中我们常需要用到树状的展示.下载地址：zTree静态zTree开发流程引入资源<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css"><scri...

微信小程序 Button 组件详解及简单实例

微信小程序 Button 组件详解及简单实例

2017年02月06日 84 阅读

微信小程序 Button相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现实例效果图：属性名类型默认值说明sizeStringdefault有效值default, minitypeStringdefault按...

jQuery插件ajaxFileUpload使用详解

jQuery插件ajaxFileUpload使用详解

2017年02月06日 77 阅读

ajaxFileUpload.js 很多同名的，因为做出来一个很容易。我用的是这个：https://github.com/carlcarl/AjaxFileUpload下载地址在这里：http://xiazai.jb51.net/201701/yuanma/ajaxfileupload（jb51.net）.rarAjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得...

使用vue.js实现联动效果的示例代码

使用vue.js实现联动效果的示例代码

2017年02月06日 77 阅读

想用vue.js写一个联动效果，按照自己的思路实验了下，并没有成功。请大家指点下我的思路是：通过遍历YX数组，如果某个对象的text和第一个select的selected value相同，则显示对应院系的专业<div id="test"><select v-model="A"><option v-for="yx in YX">{{yx.text}}</option></select><sel...

微信小程序checkbox组件详解及简单实例

微信小程序checkbox组件详解及简单实例

2017年02月06日 116 阅读

微信小程序表单组件 checkbox相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：checkbox-group 多选项目组，内部由多个checkbox组成。checkbox-group内只能包含c...

微信小程序 form组件详解及简单实例

微信小程序 form组件详解及简单实例

2017年02月06日 101 阅读

微信小程序form相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：将表单内的用户输入的switch input checkbox slider radio picker 提交当点击 <form...

微信小程序 input输入框详解及简单实例

微信小程序 input输入框详解及简单实例

2017年02月06日 98 阅读

微信小程序输入框input相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：微信小程序输入框input属性名类型默认值说明valueString输入框的内容typeStringtextinput的类型...

实现一个简单的vue无限加载指令方法

实现一个简单的vue无限加载指令方法

2017年02月06日 82 阅读

vue 中的自定义指令是对底层 dom 进行操作，下面以实现滚动到底部加载数据，实现无限加载来介绍如何自定义一个简单的指令。无限加载的原理是通过对滚动事件的监听，每一次滚动都要获取到已滚动的距离，如果滚动的距离加上浏览器窗口高度，会大于等于内容高度，就触发函数加载数据。先介绍不使用 vue 的情况如何实现无限加载。不使用框架首先是html：<！DOCTYPE html><html lang="en"><head><...

微信小程序 label 组件详解及简单实例

微信小程序 label 组件详解及简单实例

2017年02月06日 81 阅读

微信小程序label 相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：用来改进表单组件的可用性，使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。for优先级高于内...

微信小程序 picker 组件详解及简单实例

微信小程序 picker 组件详解及简单实例

2017年02月06日 118 阅读

微信小程序picker 相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：微信小程序picker 滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通...

微信小程序 picker-view 组件详解及简单实例

微信小程序 picker-view 组件详解及简单实例

2017年02月06日 131 阅读

picker-view 相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：嵌入页面的滚动选择器属性名类型默认值说明valueNumber Array数组中的数字依次表示 picker-view 内的 ...

微信小程序 textarea 组件详解及简单实例

微信小程序 textarea 组件详解及简单实例

2017年02月06日 97 阅读

微信小程序textarea相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 多行输入框。属性名类型默认值说明valueString输入框的内容placeholderString输入框为空时占位符placehold...

微信小程序 switch组件详解及简单实例

微信小程序 switch组件详解及简单实例

2017年02月06日 114 阅读

微信小程序switch相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：开关选择器属性名类型默认值说明checkedBooleanfalse是否选中disabledBooleanfalse是否禁用ty...

微信小程序 slider 详解及实例代码

微信小程序 slider 详解及实例代码

2017年02月06日 86 阅读

微信小程序slider 相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：滑动选择器属性名类型默认值说明minNumber0最小值maxNumber100最大值stepNumber1步长，取值必须大于...

<< 31 32 33 34 35 36 37 38 39 40 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图