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

微信小程序详解Page中data数据操作和函数调用

2017年02月06日 113 阅读

微信小程序详解Page中data数据操作和函数调用Page（）函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。//index.js <pre code_snippet_id="2049407" snippet_file_name="blog_20161214_1_1145312" name="code" class="javascript">Page（{data: { text: "T...

微信小程序页面跳转传递值几种方法详解

2017年02月06日 76 阅读

微信小程序页面跳转传递值微信小程序导航有两种形式：一种是在写在js中进行跳转，另一种是写在wxml页面中进行跳转。1、js导航（1）、wx.navigateTo（OBJECT）：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。wx.navigateTo（{url: "test?id=1" }）获取传递的值：//test.js Page（{onLoad: function（option）{ consol...

很棒的一组js图片轮播特效

2017年02月06日 82 阅读

大家经常在网页中使用轮播效果，本文为大家分享的是一组图片轮播特效，希望大家喜欢先看一眼效果图：代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>*{padding:0;margin:0;}#content{width:550px;height:300px;margin:50px ...

微信小程序 MD5加密登录密码详解及实例代码

2017年02月06日 149 阅读

微信小程序 MD5加密在小程序中，页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本中使用window，也无法在脚本中操作组件。zepto/jquery 也无法使用，因为zepto/jquery 会使用到window对象和document对象。所以在微信小程序中不能使用jquery.md5.js对密码进行加密。下面我提供一种MD5.js加密实例，本实例先静态演示，后面再到小程序中演示。 md5.js程序如下：/**...

原生js实现水平方向无缝滚动

2017年02月06日 82 阅读

水平方向无缝滚动滚动支持图片，文字原理：一个大的盒子中放置两个盒子，通过设置offsetWidth，scrollLeft的关系来实现，而且还用到定时器函数setInterval，当手指移动上去定义滚动，离开继续滚动。兼容各大浏览器。 HTML代码 <div id="demo"><div id="demoin"><div id="demo1"><a href="">测试文字1</a><a ...

微信小程序组件 contact-button（客服会话按钮）详解及实例代码

2017年02月06日 103 阅读

微信小程序组件 contact-buttoncontact-button客服会话按钮，用于在页面上显示一个客服会话按钮，用户点击该按钮后会进入客服会话。属性名类型默认值说明sizeNumber18会话按钮大小，有效值 18-27，单位：pxtypeStringdefault-dark会话按钮的样式类型，有效值 default-dark, default-lightsession-fromString用户从该按钮进入会话时，开发者将收到带上本参数的事件推送。...

简单实现IONIC购物车功能

2017年02月06日 79 阅读

本文实例为大家分享了IONIC购物车的具体代码，供大家参考，具体内容如下HTML<div ng-app="app"><div class="l-header"> <div class="l-cart"><div class="l-cart-count" ng-click="showCart = ！showCart">{{ calculateTotalProducts（） }}</div><d...

vue2滚动条加载更多数据实现代码

2017年02月06日 110 阅读

解析：判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。（兼容不同的浏览器）。代码：1.vu...

Mac下使用charles遇到的问题以及解决办法

2017年02月06日 170 阅读

最近使用上了Charles，因为之前一直使用Fidder，所以还是碰到了一些问题，这里记录一下。如何安装破解版打开charles后，发现访问但是抓不到包抓取HTTPS的接口，看response是乱码一、如何安装破解版正版有30天试用，试用过后，启动时间会加长，并且会时不时断掉一下。使用破解版很简单，下载过来，右键点击charles.app（可能会隐藏后缀名，直接就是charles，总之就是那个启动的文件）。点击显示包内容，然后依次进入Contents/Ja...

使用vue实现点击按钮滑出面板的实现代码

2017年02月06日 105 阅读

在通信的时候容易出错，或者信息根本传不过来。那么这里就示例一下，怎么通过组件之间的通信完成点击事件。index.vue文件中：<div> <el-button type="primary" @click="onShow">点我</el-button></div>传递中介<addForm :show="formShow" @onHide="formShow = false"></addForm...

JavaScript BASE64算法实现（完美解决中文乱码）

2017年02月06日 147 阅读

JavaScript 的 BASE64 算法var BASE64={enKey: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",deKey: new Array（-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1...

微信小程序开发（二）图片上传+服务端接收详解

2017年02月06日 137 阅读

这次介绍下小程序当中常用的图片上传。前几天做了图片上传功能，被坑了一下。接下来我们来看一下微信的上传api。这里的filePath就是图片的存储路径，类型居然是个String，也就是只能每次传一张图片，我以前的接口都是接收一个array，我本人又是一个半吊子的PHP，只能自己去改接收图片的接口。看一下页面效果图一个很常见的修改头像效果，选择图片（拍照），然后上传。下面就是贴代码了首先是小程序的wxml代码<view class="xd-conta...

bootstrap侧边栏圆点导航

2017年02月06日 93 阅读

如图，随页面向下滑动，到指定页面后圆点变成白色，也可以通过点击圆点跳转到某个位置。<div class="onepage" id="onepage"></div> <div class="twopage" id="twopage"></div> <div class="threepage" id="threepage"></div> <div class="fourpage" i...

javascript基础知识讲解

2017年02月06日 127 阅读

本篇适合javascript新手或者学了前端一段时间，对js概念不清晰的同学~~。学习目的本文针对javascript基础薄弱的同学，可以加深对javascript的理解。本文将讲述以下几点对于初学者开说javascript（有的是大部分语言都有的）的坑讲解内容如下：1. 连等2. i++3. 包装对象4. 引用类型5. && 与 ||讲解部分1. 连等小试牛刀连等是常见的表达式，但是并不是所有情况都适合连等，连等只适用于字面量并不适用于引用类型。// 字...

jQuery对table表格进行增删改查

2017年02月06日 94 阅读

最近要处理一些前端的工作，重新学习了一下jQuery，感觉还是那么的锋利啊！！！总结了一下对table的增删改查，写一篇留着以后自己recode。1.首先我自己写了一个简单的div布局。2.实现几个用<a>标签做的按钮的功能分别是新增修改删除查询和返回。代码如下html+css（原谅我写在一起吧。。毕竟渲染不是我的强项）<html><head><title>测试数据</title><...

Javascript中return的使用与闭包详解

2017年02月06日 107 阅读

前言Javascript中闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。而return语句在js中起到举足轻重的作用，该关键字不仅具有返回函数值得功能，还具有一些特殊的用法，下面就来看看关于Javascript中return的使用与闭包的详细介绍吧。一、return的使用案例一：var a=1;for（var b=0; b<10; b++）{ return b;};sonsole.log（b...

微信小程序开发（一）微信登录流程详解

2017年02月06日 233 阅读

最近在研究微信小程序开发，非常有意思的一个东西。花了一点时间写了一个微信的登录流程，包括后端接口和小程序代码。做过微信登录的都知道，我们需要一个标识来记录用户的身份的唯一性，在微信中unionId就是我们所需要的记录唯一ID，那么如何拿到unionId就成了关键，我将项目分为小程序和后台PHP代码两部分来讲。微信小程序开放平台先从我们的小程序代码开始简单的说一下我们小程序的js代码登录流程login ->获取code ->getUserInf...

JS多文件上传的实例代码

2017年02月06日 121 阅读

废话不多说了，具体实现代码如下所示：<！DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="./jquery-1.9.1.min.js"></script></head><body><form id= "upl...

浅谈JavaScript中promise的使用

2017年02月06日 85 阅读

阅读目录什么是PrmoisePromise的使用最近在看《你不知道的javascript中卷》，发觉作者花了基本一半的篇幅去讲异步和promise，觉得有必要总结一下。其实本文的目的是想手写一个Promise的，无奈总结着总结着发觉篇幅有点长，因此只好一分为二，先介绍promise的用法，知道怎么用，我们才知道怎么写，所以把手写一个promise的任务放到了下一篇文章当中。当然，网上有很多关于promise的文章，都可以参考参考，有误之处，欢迎之处。什么是...

vue实现ajax滚动下拉加载，同时具有loading效果（推荐）

2017年02月06日 74 阅读

代码如下所示：<！doctype html><html><head><meta charset="utf-8"><title>vue测试ajax的使用</title><meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maxim...

首页 / 脚本样式 / JavaScript

微信小程序 详解Page中data数据操作和函数调用

微信小程序 页面跳转传递值几种方法详解

很棒的一组js图片轮播特效

微信小程序 MD5加密登录密码详解及实例代码

原生js实现水平方向无缝滚动

微信小程序组件 contact-button（客服会话按钮）详解及实例代码

简单实现IONIC购物车功能

vue2滚动条加载更多数据实现代码

Mac下使用charles遇到的问题以及解决办法

使用vue实现点击按钮滑出面板的实现代码

JavaScript BASE64算法实现（完美解决中文乱码）

微信小程序开发（二）图片上传+服务端接收详解

bootstrap侧边栏圆点导航

javascript基础知识讲解

jQuery对table表格进行增删改查

Javascript中return的使用与闭包详解

微信小程序开发（一） 微信登录流程详解

JS多文件上传的实例代码

浅谈JavaScript中promise的使用

vue实现ajax滚动下拉加载，同时具有loading效果（推荐）

微信小程序详解Page中data数据操作和函数调用

微信小程序页面跳转传递值几种方法详解

微信小程序开发（一）微信登录流程详解