Welcome

首页 / 脚本样式 / JavaScript

微信小程序（十九）radio组件详细介绍

2017-02-06 20
radio组件为单选组件与radio-group组合使用，使用方式和checkbox没啥区别主要属性：wxml<！--设置监听器，当点击radio时调用--><radio-group bindchange="listenerRadioGroup"><！--label通常与radio和checkbox结合使用--> <label style="display: flex" wx:for-items="{{array}...

Web性能优化系列 10个提升JavaScript性能的技巧

2017-02-06 23
Nicholas Zakas是一位 JS 大师，Yahoo！ 首页的前端主程。他是《高性能 Javascript》的作者，这本书值得每个程序员去阅读。当谈到 JS 性能的时候，Zakas差不多就是你要找的，2010年六月他在Google Tech Talk发表了名为《Speed Up Your Javascript》的演讲。但 Javascript 性能优化绝不是一种书面的技术，Nicholas 的技术演进列出了10条建议，帮助你写出高效的 JS 代码。1...

详解JavaScript权威指南之对象

2017-02-06 23
JavaScript对象可以看作是属性的无序集合，每个属性就是一个键值对，可增可删。JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等。JavaScript对象除了可以保持自有的属性外，还可以从一个称为原型的对象继承属性。对象的方法通常是继承的属性。这种“原型式集成”是JavaScript的的核心特征。1.创建对象第一种：对象直接量表示法创建对象。这是最简单的对象创建方式，对象直接量由若干key:value键值对属性组成，属性之间用逗...

微信小程序（二十）slider组件详细介绍

2017-02-06 21
slider滑动组件用的不太多，在其他平台反正我是用的不多主要属性：wxml<slidermax="100" step="10" show-value="true" bindchange="listenerSlider"/>jsPage（{ data:{ // text:"这是一个页面" }, /** * 监听slider */ listenerSlider:function（e） {//获取滑动后的值console.log（e.detail....

微信小程序（二十一）switch组件详细介绍

2017-02-06 21
switch开关组件使用主要属性：wxml<！--switch类型开关--><view>switch类型开关</view><switch type="switch" checked="true" bindchange="listenerSwitch"/><！--checkbox类型开关--><view>checkbox类型开关</view><switch type="...

微信小程序（二十二）action-sheet组件详细介绍

2017-02-06 25
action-sheet组件是从底部弹出可选菜单项，估计也是借鉴IOS的设计添加的，action-sheet有两个子组件， action-sheet-item为每个选项，action-sheet-cancel取消选项，与action-sheet-item中间会有间隔，并且点击会触发action-sheet监听事件主要属性：wxml<！--触发action-sheet事件--><button type="primary" bindtap="...

使用JavaScript获取Request中参数的值方法

2017-02-06 20
假设现在有一个URL，如下。http://www.jb51.net如何通过JS访问到id和name里面的值呢，实现我们来分析一下思路。先获取当前页面的URL，通过window.location.href。提取该URL？后面的部分，通过slice（）方法。把获取到的Request对象分割成字符串数组，通过split（） 方法。接下来看代码。function getUrlVars（） {var vars = [],hash;var hashes = windo...

request请求获取参数的实现方法（post和get两种方式）

2017-02-06 22
提交表单代码：<！DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><h1>测试请求参数</h1><！-- 注意href和action都是写的完整的名称:项目名和资源路径名 --><！--...

使用BootStrapValidator完成前端输入验证

2017-02-06 22
BootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证，由于本插件完全基于BootStrap因此可以和UI完美的融合在一起。下面直接上图，看看完成后的结果：怎么样，还比较和谐把，当然你也可以修改默认样式，让它的显示方式更加美观。下面来说说他的用法：1.下载BootStrapValidator你可以点击BootStrapValidator官方下载地址来下载它。2.下载后的目录结构下载完成后，如果是全部文件的化，目录结...

微信小程序 modal组件详细介绍

2017-02-06 21
modal弹出框常用在提示一些信息比如：退出应用，清楚缓存，修改资料提交时一些提示等等。常用属性：wxml<！--监听button点击事件--><button bindtap="listenerButton" type="primary">弹出modal</button><！--弹出框--><modaltitle="退出应用"hidden="{{hiddenModal}}"confirm-text="再...

微信小程序 toast组件详细介绍

2017-02-06 22
toast消息提示框，可用在提示一些信息，比如清楚缓存给用户一个友好的提示！或操作一些请求不想让用户有什么操作，toast也可以做到因为toast显示时其他操作是无效的主要属性：wxml<！--点击button触发toast--><button type="primary" bindtap="listenerButton">点击显示toast</button><！--toast消息框显示3秒，并绑定事件-->...

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

2017-02-06 22
loading通常使用在请求网络数据时的一种方式，通过hidden属性设置显示与否主要属性：wxml<！----><button type="primary" bindtap="listenerButton">显示loading</button><！--默认隐藏--><loading hidden="{{hiddenLoading}}">正在加载</loading>jsPage（{ d...

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

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

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

2017-02-06 20
音频播放已经封装的很好！只需配合属性设置即可！ （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组件实例详解

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

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

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

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

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

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

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

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

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

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

2017-02-06 19
一、前言实际工作中，要实现表单元素的动态增加，并使用bootstrapValidator插件对动态添加的表单元素进行前台校验。在以前的工作中也使用过bootstrapValidator对表单元素进行校验，但涉及到的表单元素都是固定的，所以在页面载入时，对表单元素进行初始化就可以实现。虽然思路很明确，但由于对bootstrapValidator的用法不熟悉，在这个问题上还是浪费了很多时间，现在就把解决方法和功能效果图贴出来，希望对大家有所帮助。思路：动态添加...
<< 101 102 103 104 105 106 107 108 109 110 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图