axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF引入方式： $ npm install axios //使用淘宝源 $ cnpm install axios //或者使用cdn： <script src="https://unpkg.com/axios/dist/axios.min.js"></script>安装其他插件...
以前最早实现了一个类似的时间选择插件，但是适用范围太窄，索性最近要把这个实现方式发布出来，就重写了一个高复用的vue组件。 支持安卓4.0以上，safari 7以上效果预览 gitHub 滚轮部分主要dom结构 <template data-filtered="filtered"><div class="pd-select-item"><div class="pd-select-line"></div><ul class="pd-select-list"><li class="pd-select-list-item">1</li></ul><ul class="pd-select-wheel"><li class="pd-select...
在web应用中,上拉刷新加载更多,下拉刷新列表的操作非常常见,那么在React-Native中是如何实现呢,我们具体来看一下 ReactNative提供了RefreshControl下拉刷新组件，但是没有提供上拉刷新组件，上拉刷新在App中是很常用的。今天我们来实现一个iOS和Android通用的上拉刷新功能。下面简要介绍下我实现的思路。思路：1、常量定义： const moreText = "加载完毕"; //foot显示的文案 //页码 var pageNum = 1; //每页显示数据的条数 con...
一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。 前言 该项目是利用了Github 提供的personal token作为登录token，通过token访问你的Repository List。通过这个项目学习如何实现一个前端项目中所需要的 登录及拦截、登出、token失效的拦截及对应 axios 拦截器的使用。 准备你需要先生成自己的 Github Personal Token（ 生成Token ）。 Token 生成后 访问Demo，即可查看你的Repos...
vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。 首先就是引入axios,如果你使用es6，只需要安装axios模块之后 import axios from axios; //安装方法 npm install axios //或 bower install axios当然也可以用script引入 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>axios提供了一下几种请求方式 axios.request(config)axios.get(url[,...
现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获. 基于现在用vue+webpack搭建项目的文档已经有很多了,我就不再累述了. 技术栈 vue2.0vue-routeraxios拦截器 首先我们要明白设置拦截器的目的是什么,当我们需要统一处理http请求和响应时我们通过设置拦截器处理方便很多. 这个项目我引入了element ui框架,所以我是结合element中loading和...
因为在移动端APP需要实现长按执行别的事件，但是在iOS系统有默认的长按选择复制粘贴，禁止此功能在网上找了很多资料，最终整理出目前最好的解决方法。 项目是APP，已经经过多款手机适配此时，因此可以放心使用。 /*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/ *{-webkit-touch-callout:none; /*系统默认菜单被禁用*/-webkit-user-select:none; /*webkit浏览器*/-k...
前言最近几个月一直在看VUE，然后试着只用原生js+vue实现某些组件。PC端时间选择组件 这是最开始实现的pc上的时间选择，平时移动端也在做，所以就想实现一下移动端的时间选择器，下面分享一下我实现移动端滚轮特效时间选择器的思路和过程。整个组件是基于vue-cli来进行构建的功能1.时间选择[ A.年月日选择 B.年月日小时分钟选择 C.小时分钟选择 D.分钟选择]2.滚轮效果[ A.构成一个圆环首尾相连 B.不构成首尾相连]3.时间选择范围设置...
前言 最近一个项目需要iOS和安卓使用一个二维码，让扫描的机器自己识别操作系统实现跳转到相应的下载链接。比如iPhone用微信进行扫描就让他跳转appStore的下载页面，安卓机器使用微信扫描就直接跳浏览器下载。但是这二维码还有一个需求就是，用户已经下载了这个app，当用户打开app进入到注册页面时，再次扫描这个二维码时，自动填写邀请码进行注册。那么该如何实现，细节就不说了，直接上代码。 使用js实现，其实代码非常简单.使用...
前言 首先创建angularjs的基本项目就不说了，最好是利用yeoman这个脚手架工具直接生成,如果没有该环境的，当然也可以通过自行下载angularjs的文件引入项目。 实例详解 main.js是项目的主要js文件，所有的js都写在这个文件中，初始化之后，该文件的js代码如下 angular.module(calculatorApp, [ngAnimate,ngCookies,ngResource,ngRoute,ngSanitize,ngTouch]).controller(MainCtrl, function ($scope) {$scope.result="";$scope.data=...
现在主流的分享工具也有很多，例如JiaThis、bShare分享，甚至一些大公司的如百度分享，但是他们依旧停留在只是在PC端的分享，对手机端的支持不是太好。大家都知道现在很多手机端浏览器都内置了一些分享组件，像UC浏览器、QQ浏览器，内置的组件分享可以直接启动相应的APP分享，要是一个JS能调用浏览器的内置分享组件，那是多么酷啊。高手在民间啊，下面脚本之家的小编就带你来看看这位兄弟的编写的JS库。 一、工具介绍 nativeShare....
废话不多说了，先给大家展示下效果图：这是iOS下的效果，android下完全一致。通过do_GestureView组件和do_Animation组件，deviceone能很容易实现复杂的跨平台纯原生动画效果,这个示例就是通过手势控制图片上下动画滑动实现开合效果，还支持声音效果。下面是主要的代码//index.ui.js var do_Animator1 = mm("do_Animator"); do_Animator1.append(500, { y: -1334, curve:"Linear" }); var do_Animator2 = mm("do_Animator"); do_Ani...
首先我们先来看原始的muipicker的例子 <!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><!--标准mui.css--><link rel="stylesheet" href="../css/mui.min.css"><!--App自定义的css--><link rel="stylesheet" type="text/css" href="../css/app.css" /><link href="../css/mui.picker....
上次根据网上的教程给自己的网站弄了一个Web APP,但是给用户的感觉却十分糟糕。 问题说明： 怎么了？原来是打开WEB APP后在主页上随意打开连接，就会自作主张地打开Safari浏览器。原来好好的伪装和心情就全被破坏掉了。这该如何是好？原来解决方法十分简单。仅仅加入这些代码就好了。实验测试在本人的 iPhone (iOS 7.1)和iPod (iOS 6.1.4)上测试通过，根据原作者的叙述，最新的 iOS 7.0.4（iPhone 与 iPad）测试通过，代码应该兼容...
绝对值得看的来篇，哈哈。本人亲自完成，有错误请大家指出： 现在的手机完美支持html5,所以如果手机端想要做个抽奖模块的话,用刮刮卡抽奖效果,相信这个互动体验是非常棒的 ps:由于本人没有wp8系统的手机,所以没法兼容wp8系统的,目前完美兼容android,IOS 如果要在pc浏览的话，得改下js,目前支持谷歌，火狐，ie>=10,如果网友想要的话我就去写个 代码如下: 代码如下:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /...