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

微信小程序 Image API实例详解

2016年10月18日 14 阅读

选择图片时可设置图片是否是原图，图片来源。这用的也挺常见的，比如个人中心中设置头像，可以与wx.upLoadFile（）API使用主要方法：wx.chooseImage（object）wxml<！--监听按钮--><button type="primary" bindtap="listenerButtonChooseImage">点击我选择相册</button><！--通过数据绑定的方式动态获取js数据-->...

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

2016年10月18日 11 阅读

其实这个API也挺奇葩的，录音结束后success不走，complete不走，fail也不走，不知道是不是因为电脑测试的原因，只能等公测或者等他们完善。以后再测和补充吧！！！！主要属性：wx.startRecord（object）手动调用wx.stopRecord（）停止录音wxml<！--用于记录时间--><text>{{formatRecordTime}}</text><button type="primar...

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

2016年10月18日 12 阅读

没啥可值得太注意的地方重要属性：1. wx.getBackgroundAudioPlayerState（object）获取播放状态2.wx.playBackgroundAudio（object）播放音乐3.wx.pauseBackgroundAudio（）暂停音乐4.wx.seekBackgroundAudio（object）设置播放进度5.wx.stopBackgroundAudio（）停止播放音乐三个监听器：wxml<button type=...

JS实现表单多文件上传样式美化支持选中文件后删除相关项

2016年10月18日 10 阅读

开发中会经常涉及到文件上传的需求，根据业务不同的需求，有不同的文件上传情况。有简单的单文件上传，有多文件上传，因浏览器原生的文件上传样式及功能的支持度不算太高，很多时候我们会对样式进行美化，对功能进行完善。本文根据一个例子，对多文件的上传样式做了一些简单的美化（其实也没怎么美化。。），同时支持选择文件后自定义删除相关的文件，最后再上传文章篇幅较长，先简单看看图示：一、文件上传基础1. 单文件上传最简单的文件上传，是单文件上传，form标签中加入enctyp...

javascript代码调试之console.log 用法图文详解

2016年10月18日 12 阅读

大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上console.log先的简单介绍一下chrome的控制台，打开...

ReactNative页面跳转实例代码

2016年10月15日 23 阅读

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

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

2016年10月15日 17 阅读

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

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

2016年10月15日 21 阅读

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

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

2016年10月15日 17 阅读

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

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

2016年10月15日 13 阅读

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

详解JavaScript权威指南之对象

2016年10月15日 14 阅读

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

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

2016年10月15日 13 阅读

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

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

2016年10月15日 11 阅读

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

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

2016年10月15日 15 阅读

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中参数的值方法

2016年10月15日 14 阅读

假设现在有一个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两种方式）

2016年10月15日 13 阅读

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

使用BootStrapValidator完成前端输入验证

2016年10月15日 18 阅读

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

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

2016年10月15日 32 阅读

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

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

2016年10月15日 20 阅读

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

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

2016年10月15日 16 阅读

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

首页 / 脚本样式 / JavaScript

微信小程序 Image API实例详解

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

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

JS实现表单多文件上传样式美化支持选中文件后删除相关项

javascript代码调试之console.log 用法图文详解

ReactNative页面跳转实例代码

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

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

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

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

详解JavaScript权威指南之对象

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

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

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

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

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

使用BootStrapValidator完成前端输入验证

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

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

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

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