Welcome

首页 / 脚本样式 / JavaScript

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

2017-02-06 68
对于单页应用，官方提供了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 单选及取值的实现方法

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

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

2017-02-06 22
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树插件简单使用教程

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

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

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

jQuery插件ajaxFileUpload使用详解

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

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

2017-02-06 19
想用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组件详解及简单实例

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

微信小程序 radio单选框组件详解及实例代码

2017-02-06 37
微信小程序单选框radio相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图：radio-group单选群组，内部由多个radio组成属性名类型默认值说明bindchangeEventHandlerad...

React实现点击删除列表中对应项

2017-02-06 30
点击删除按钮，删除列表中对应项本来是React比较基础的应用，可是应用情况变得复杂了以后，我还真想了一会儿才搞定。简化一下应用场景：点击新增按钮，增加一条输入框，点击输入框旁边的按钮，删除该输入框（不能删错了啊）。先说第一种方法问题刚上手，首先规划级别：一个输入框和对应删除按钮为一个子组件，整体为父组件即可方便处理。注意的点：生成的一坨输入框是一个数组，为了准确删掉对应项，生成时要编号。点击删除按钮要反馈对应编号，然后进行删除。现在的逻辑是：整个待展示列表...

bootstrap table分页模板和获取表中的ID方法

2017-02-06 31
1.dao层 MyBatis映射 mapper.xml中 <select id="getTcdt" parameterType="com.ls.entity.Mydata" resultMap="BaseResultMap">select * from TB_COMMUNICATION_DEVICE_TBL ORDER BY ${ordername} ${order} </select> mapper.java中public Lis...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图