微信小程序 navigator 组件实例详解

2016年10月15日 12 阅读

navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。主要属性：wxml<navigator url="../index/index">点击跳转不关闭当前页面</navigator><navigator url="../logs/logs" redirect="true" >点击跳转关闭当前页面</navigator>相关文章：hello WeApp icon组...

微信小程序 audio 组件实例详解

2016年10月15日 12 阅读

音频播放已经封装的很好！只需配合属性设置即可！ （method和data配合使用）主要属性：wxml<audio action="{{action}}" src="http://sc1.111ttt.com/2016/1/09/26/202261732256.mp3" poster= "http://avatar.csdn.net/E/3/9/1_u014360817.jpg" controls="true" name="钢琴曲" author="不...

微信小程序 Image组件实例详解

2016年10月15日 11 阅读

image组件也是一个程序不可缺少的，可以这样说一个app中image组件随处可以看到，一般 image有两种加载方式第一种是网络图片第二种是本地图片资源，都用src属性去指定。重点属性：三种缩放模式九种剪切方式wxml<！--3中是缩放模式 scaleToFill 不保持纵横比缩放图片，使图片的宽高完全拉伸至填满image元素 aspectFit 保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 aspectFi...

微信小程序 video组件详解及实例代码

2016年10月15日 11 阅读

视频播放组件与图片加载组件也没啥差别，使用起来也没啥注意的重要属性：wxml<！--监听button点击事件--><button bindtap="listenerButton">点击显示视频组件</button><！--视频组件src资源地址，binderror为监听错误信息--><videosrc="http://mvvideo1.meitudata.com/575c2b652d7375255.mp...

BootStrap Validator使用注意事项（必看篇）

2016年10月15日 11 阅读

如果你使用的前端框架是bootstrap，那么前端验证框架就不必考虑了，bootstrapvalidator是最好的选择，它和bootstrap的结合最完美，不过要注意版本的问题，针对bootstrap2和bootstrap3有不同的版本。下面是我遇到的两个注意事项，自己做个笔记：1、为每个要验证的表单元素添加name属性例如：<div class="form-group"> <input type="text" placeholder=...

Javascript中判断一个值是否为undefined的方法详解

2016年10月15日 16 阅读

前言相信大家都知道当声明一个变量，并且没有给赋值的情况下，它的初始值是undefined。但是在javascript中，怎么检查一个值是否为undefined呢？简单来说，在现代浏览器中，你可以安全的比较变量是否为undefinedif （name === undefined） {...}一些人反对直接使用undefined变量进行比较，因为在旧的浏览器中允许它的值被重新赋值，比如下面这样:undefined = "test"在被重新赋值后,使用undef...

BootStrap 动态添加验证项和取消验证项的实现方法

2016年10月15日 16 阅读

bootstrap 中的bootstrapValidator可以对前端的数据进行验证，但是有的时候我们需要动态的添加验证，这样需要我们动态的对bootstrapValidator的内容做修改。 传统的bootstrapValidator验证是$（"#MaintainEntryForm"）.bootstrapValidator（{message: "输入值无效！",feedbackIcons: {valid: "glyphicon glyphicon-ok...

使用bootstrapValidator插件进行动态添加表单元素并校验

2016年10月15日 10 阅读

一、前言实际工作中，要实现表单元素的动态增加，并使用bootstrapValidator插件对动态添加的表单元素进行前台校验。在以前的工作中也使用过bootstrapValidator对表单元素进行校验，但涉及到的表单元素都是固定的，所以在页面载入时，对表单元素进行初始化就可以实现。虽然思路很明确，但由于对bootstrapValidator的用法不熟悉，在这个问题上还是浪费了很多时间，现在就把解决方法和功能效果图贴出来，希望对大家有所帮助。思路：动态添加...

bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路

2016年10月15日 10 阅读

一、前言使用bootstrap-datepicker和bootstrapValidator也有一段时间了，在工作中发现两者同时使用时会出现的一种问题，当选择完日期后，并不会正确校验该字段。为了更加直观的展现问题，上图一张。可以看出，当选择完日期后，校验结果并没有达到预期，是因为bootstrapValidator插件默认情况下，不会重复校验一个已经标记为验证通过或验证不通过的字段。so ，当开始触发校验后，没有通过校验，当正确选择日期后，并不会刷新校验结果...

BootstrapValidator不触发校验的实现代码

2016年10月15日 13 阅读

一、前言BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合bootstrap框架的表单验证插件，在工作中用到此框架就写下自己在使用中积累的一些心得二、问题描述当按钮的类型为submit时，使用bootstrapValidator的isValid（）能够使验证表单正常工作，但当button的type类型为button时，只调用bootstrapValidator的isValid（）方法无法正常工作。这时候就需要...

bootstrap datepicker限定可选时间范围实现方法

2016年10月15日 10 阅读

一、应用场景实际应用中可能会根据日期字段查询某个日期范围内的数据，则需要对日期选择器可选时间进行限制，如：开始时间不能大于结束时间，结束时间不能小于开始时间，此时就要为开始日期选择器和结束日期选择器动态的设置startDate和endDate的值。二、相关知识点1、bootstrap-datepicker的初始化引入bootstrap-datepicker.js和bootstrap-datepicker.cssbootstrap-datepicker配置参...

Bootstrapvalidator校验、校验清除重置的实现代码（推荐）

2016年10月15日 9 阅读

1.引入css与js bootstrapValidator.min.css bootstrapValidator.min.js2.html中的modal代码<div class="modal fade" id="editModal" tabindex="-1" role="dialog"aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"...

JavaScript 闭包详细介绍

2016年10月15日 12 阅读

深入理解JavaScript——闭包 跟很多新手一样我也是初入前端，对闭包的理解花费的时间和精力相当的多。效果也还行，今天我就来根据自己的理解细致的讲一讲闭包，由于是初入学习的时候不免有一些弯路和困惑，我想信这也是很多跟我一样的人会同样遇到的问题。我就以自己的学习路径和遇到的各种坑来谈闭包。希望对各位有一定的帮助。（菜鸟，也请各位多多指教） 闭包是什么？《JavaScript高级程序设计》上面这么描述的：闭包是指有权访问另一个函数作用域中的变量的函数。...

微信小程序 实例应用（记账）详解

2016年10月15日 10 阅读

微信小程序-记账小应用github地址: https://github.com/HowName/account-notevar util = require（"../../utils/util.js"）;//获取应用实例var app = getApp（）;Page（{ data: {userInfo: {},buttonLoading: false,accountData:[],accountTotal:0 }, onLoad: function （） ...

iOS和Android用同一个二维码实现跳转下载链接的方法

2016年10月15日 11 阅读

前言最近一个项目需要iOS和安卓使用一个二维码，让扫描的机器自己识别操作系统实现跳转到相应的下载链接。比如iPhone用微信进行扫描就让他跳转appStore的下载页面，安卓机器使用微信扫描就直接跳浏览器下载。但是这二维码还有一个需求就是，用户已经下载了这个app，当用户打开app进入到注册页面时，再次扫描这个二维码时，自动填写邀请码进行注册。那么该如何实现，细节就不说了，直接上代码。使用js实现，其实代码非常简单.使用时直接拷贝代码，改掉相应的链接就好。...

jQuery解析XML 详解及方法总结

2016年10月15日 10 阅读

XML和HTML都是标记语言，语法形式非常相似，同属于一个语言体系。对于HTML的解析，我是使用jQuery非常方便，其实，我们也可以用jquery解析XML，也是同样的方便。如果你用过Java、PHP等语言解析过XML，相信会跟我有相同的感觉，那就是很麻烦。改用jQuery来读取、分析、操作XML后，给人意想不到的轻松感。下面我们来看看使用jQuery处理XML文件的几种形式方法。使用JavaScript常规方法解析XMLvar xmlDoc = req...

微信公众号 客服接口的开发实例详解

2016年10月15日 9 阅读

微信平台更新之后，发现客服接口不错。研究了下 和大家分享下。按照官方文档，是向客服接口发送规定的JSon 就可以了。首先先封装下 JSon 的类：package com.lwz.wx.bean.kf;// 这个是最外层的 也可以说是基类吧、public class Basebean {private String touser;private String msgtype;public String getTouser（） {return touser;}...

AngularJS表单验证中级篇（3）

2016年10月15日 16 阅读

目录基本验证验证插件messages自定义验证基本验证<form name="form" novalidate ng-app><span>{{form.$invalid}}</span><span>{{form.$valid}}</span><span>{{form.$dirty}}</span><span>{{form.$pristine}}</span...

js创建对象几种方式的优缺点对比

2016年10月15日 13 阅读

比较js中创建对象的几种方式1.工厂模式function createObj（name, sex）{var obj = new Object（）;obj.name = name;obj.sex = sex;obj.sayName = function（）{alert（this.name）;}return obj;}var person = createObj（"Tom", "man"）;缺点：①无法确定对象的类型（因为都是Object）。 ②创建的多个...

JS 事件绑定、事件监听、事件委托详细介绍

2016年10月15日 14 阅读

在JavaScript的学习中，我们经常会遇到JavaScript的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？事件绑定要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数...