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

ReactNative页面跳转实例代码

2017年02月06日 37 阅读

效果图如下所示：进入工作目录，运行react-native init NavigatorProject创建项目NavigatorProjectimport React, { Component } from "react";import {AppRegistry,StyleSheet,Text,View,TouchableHighlight,Image,Navigator} from "react-native"; class navigatorProje...

JS点击某个图标或按钮弹出文件选择框的实现代码

2017年02月06日 41 阅读

下面一段代码是基于js实现的点击某个图标或按钮弹出文件选择框的核心代码，代码比较简单，需要的朋友参考下具体代码如下所示：<HTML> <head> <script type="text/javascript" src="script/jquery-1.6.2.min.js"></script> <script type=‘text/javascript‘> function selectFile（...

微信小程序（十八）picker组件详细介绍

2017年02月06日 40 阅读

picker选择器分为三种，普通选择器，时间选择器，日期选择器用mode属性区分，默认是普通选择器。测试时时间和日期点击无反应不知道是BUG还是啥！没法手机测试现在也不知道咋回事！！主要属性：普通选择器时间选择器日期选择器wxml<view>普通选择器</view><！--mode默认selector range数据源value选择的index bindchange事件监听--><picker mode="se...

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

2017年02月06日 40 阅读

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日 42 阅读

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

详解JavaScript权威指南之对象

2017年02月06日 42 阅读

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

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

2017年02月06日 40 阅读

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日 39 阅读

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

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

2017年02月06日 41 阅读

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日 40 阅读

假设现在有一个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日 42 阅读

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

使用BootStrapValidator完成前端输入验证

2017年02月06日 40 阅读

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

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

2017年02月06日 38 阅读

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

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

2017年02月06日 42 阅读

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

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

2017年02月06日 40 阅读

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

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

2017年02月06日 40 阅读

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

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

2017年02月06日 38 阅读

音频播放已经封装的很好！只需配合属性设置即可！（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日 38 阅读

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

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

2017年02月06日 39 阅读

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

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

2017年02月06日 45 阅读

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

首页 / 脚本样式 / JavaScript

ReactNative页面跳转实例代码

JS点击某个图标或按钮弹出文件选择框的实现代码

微信小程序 （十八）picker组件详细介绍

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

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

详解JavaScript权威指南之对象

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

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

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

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

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

使用BootStrapValidator完成前端输入验证

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

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

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

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

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

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

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

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

微信小程序（十八）picker组件详细介绍