JavaScript - 教程之家

33浏览

0评论

Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用

概述上一篇我们介绍了如何使用vue resource处理HTTP请求，结合服务端的REST API，就能够很容易地构建一个增删查改应用。
这个应用始终遗留了一个问题，Web App在访问REST API时，没...

2020-05-27

70浏览

0评论

JavaScript实现form表单的多文件上传

form表单的多文件上传，具体内容如下formData对象可以使用一系列的键值对来模拟一个完整的表单，然后使用Ajax来发送这个表单使用<form>表单初始化FormData对象的方式上传文件<!...

2020-05-27

49浏览

0评论

jQuery+PHP+Mysql实现抽奖程序

抽奖程序在实际生活中广泛运用，由于应用场景不同抽奖的方式也是多种多样的。本文将采用实例讲解如何利用jQuery+PHP+MySQL实现类似电视中常见的一个简单的抽奖程序。查看演示...

2020-05-27

52浏览

0评论

详解axios在vue中的简单配置与使用

一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求支持 Promi...

2020-05-27

55浏览

0评论

nodejs multer实现文件上传与下载

本文实例为大家分享了nodejs实现文件上传下载的具体代码，供大家参考，具体内容如下1.介绍
做了一个关于文件上传和下载的demo ，选择了Multer 作为中间件进行数据处理。关于mult...

2020-05-27

58浏览

0评论

vue-axios使用详解

vue-axios
GET请求
axios.get("/user?id=1") .then(function(response){ }) .catch(function(error){ })POST请求
axios.post('/user', { firstName: 'Fred', las...

2020-05-27

54浏览

0评论

将angular-ui的分页组件封装成指令的方法详解

准备工作：（1）一如既往的我还是使用了requireJS进行js代码的编译（2）必须引入angualrJS , ui-bootstrap-tpls-1.3.2.js , bootstrap.css....首先抛出几个问题：a）:何时回用到分页 (当...

2020-05-27

56浏览

0评论

Bootstrap table使用方法总结

最近接触一个很棒的插件，Bootstrap table 没做过前端的表示对table的印象还只停留在html的table标签那一套，用过bootstrap table之后不得不说真是牛。
构造方式1 、HTML<div c...

2020-05-27

56浏览

0评论

JavaScript使用readAsDataUrl方法预览图片

本文实例为大家分享了readAsDataUrl方法预览图片的具体代码，供大家参考，具体内容如下
<html> <head> <title> New Document </title> <meta name="Generator" content="Edi...

2020-05-27

58浏览

0评论

关于vue-router路径计算问题

昨天刚刚发表了一个前端跨域新方案尝试，今天在开发中就遇到的了问题。起因前端使用的是vue-router组件的history模式，但是由于我们的整个页面都是从static（静态资源站）load过来...

2020-05-27

48浏览

0评论

JavaScript通过filereader接口读取文件

使用FileReader接口的readAsDataURL方法实现图片的预览。
源代码：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>通过fil...

2020-05-27

55浏览

0评论

详解vue-router 2.0 常用基础知识点之router.push()

除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location)
想要导航到不同的 URL，则使用 router.push...

2020-05-27

58浏览

0评论

详解vue-router 2.0 常用基础知识点之导航钩子

导航钩子vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。全局钩子const r...

2020-05-27

54浏览

0评论

angular.js指令中的controller、compile与link函数的不同之处

前言算了算用angualrjs去做开发也有两个月了，但做为一个菜鸟，难免会被大神吊打(这里有一个悲伤的故事...)。某天一位前端大神问我：你知道angular指令中的controller,compile,li...

2020-05-27

61浏览

0评论

JavaScript使用readAsDataURL读取图像文件

FileReader对象的readAsDataURL方法可以将读取到的文件编码成Data URL。Data URL是一项特殊的技术，可以将资料(例如图片)内嵌在网页之中，不用放到外部文件。使用Data URL的好...

2020-05-27

67浏览

0评论

详解vue-router 2.0 常用基础知识点之router-link

前端采用前后端分离的方式进行开发，我们使用vue2.0框架，做单页面应用难免会用到vue-router，今天把项目中的用到router-link摘出来，一是想整理一下这些用法，方便下次快速查找，二是...

2020-05-27

52浏览

0评论

详解vue.js2.0父组件点击触发子组件方法

之前关于vue.js2.0父组件的一点学习，最近需要回顾，就顺便发到随笔上了<body> <div id="counter-event-example"> <p>{{ total }}</p> <button-counter v-on:ee="incre...

2020-05-27

163浏览

0评论

vuejs2.0子组件改变父组件的数据实例

在vue2.0之后的版本中，不允许子组件直接改变父组件的数据，在1.0的版本中可以这样操作的，但是往往项目需求需要改变父组件的数据，2.0也是可一个，区别是，当我们把父元素的数据给子组...

2020-05-27

65浏览

0评论

VUE 更好的 ajax 上传处理 axios.js实现代码

vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。首先就是引入axios,如果你使用es6，只需要安装axios模块之后...

2020-05-27

59浏览

0评论

JavaScript使用ZeroClipboard操作剪切板

一、ZeroClipboard下载地址为大家提供细一些ZeroClipboard的下载地址：
Zero Clipboard 开源的 JavaScript+flash 复制库类基于ZeroClipboard实现的网站内容复制粘贴JS特效源...

2020-05-27

68浏览

0评论

基于Node的React图片上传组件实现实例代码

写在前面红旗不倒，誓把JavaScript进行到底！今天介绍我的开源项目 Royal 里的图片上传组件的前后端实现原理（React + Node），花了一些时间，希望对你有所帮助。前端实现遵循React 组...

2020-05-27

48浏览

0评论

Node.js 异步异常的处理与domain模块解析

异步异常处理异步异常的特点由于node的回调异步特性，无法通过try catch来捕捉所有的异常：try { process.nextTick(function () { foo.bar(); });} catch (err) { //can not c...

2020-05-27

58浏览

0评论

详解Vue用axios发送post请求自动set cookie

vue-resource不再维护之后，我也用起了axios，但是死活无法设置服务器发送过来的cookie后来查询文档发现，这个是要单独配置的。// `withCredentials` indicates whether or not c...

2020-05-27

62浏览

0评论

使用bootstrap插件实现模态框效果

今天我们选择使用著名的 bootstrap 库的模态框插件 modal.js 来实现模态框效果，同时也使大家进一步熟悉 bootstrap 的插件使用。一. bootstrap 的 js 插件的简单介绍1.引入我...

2020-05-27

78浏览

0评论

Node.js安装配置图文教程

本文为大家分享了Node.js安装配置教程，供大家参考，具体内容如下
1、本安装步骤可参考：http://www.runoob.com/nodejs/nodejs-install-setup.html2、Node.js安装包及源码下载地...

2020-05-27

69浏览

0评论

es6学习笔记之Async函数的使用示例

前言异步操作是 JavaScript 编程的麻烦事，麻烦到一直有人提出各种各样的方案，试图解决这个问题。从最早的回调函数，到 Promise 对象，再到 Generator 函数，每次都有所改进，但又让人...

2020-05-27

52浏览

0评论

canvas实现弧形可拖动进度条效果

一、效果如下：二、本文是实现可拖动滑块实现的基本思路，及一个简单的dome，（https://github.com/pangyongsheng/canvas-arc-draw）三、1、首先在html中创建一个canvas标签<canvas i...

2020-05-27

75浏览

0评论

Bootstrap模态框插件使用详解

本文主要学习Bootstrap 中的模态框插件，这是一款交互式网站非常常见的弹窗功能插件。1．基本使用使用模态框的弹窗组件需要三层 div 容器元素，分别为 modal(模态声明层)、dialog...

2020-05-27

36浏览

0评论

es6学习笔记之Async函数基本教程

本文介绍的是关于es6中Async函数的相关内容，非常出来供大家参考学习，需要的朋友们下面来看看详细的介绍：async 函数async 函数，使得异步操作变得更加方便。它是 Generator 函数...

2020-05-27

55浏览

0评论

学习使用Bootstrap输入框、导航、分页等常用组件

Bootstrap输入框和导航组件一.下拉菜单下拉菜单，就是点击一个元素或按钮，触发隐藏的列表显示出来。按钮和菜单需要包裹在.dropdown 的容器里，而作为被点击的元素按钮需要设置da...

2020-05-27

41浏览

0评论

Angularjs 与 bower安装和使用详解

bower安装和使用入门级安装直接上手准备工作：安装nodejs 通过nodejs 安装cnpm
详细过程1.安装完nodejs 执行node -v 查看版本号项目需求（建议）4.4.72.执行 cnpm -v (淘...

2020-05-27

46浏览

0评论

学习使用Bootstrap页面排版样式

Bootstrap之页面排版样式Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美，可用于...

2020-05-27

42浏览

0评论

jQuery实现的简单在线计算器功能

本文实例讲述了jQuery实现的简单在线计算器功能。分享给大家供大家参考，具体如下：先来看看运行效果图：完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...

2020-05-27

53浏览

0评论

学习使用Bootstrap栅格系统

Bootstrap之栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统。一. 移动设备优先所谓移动设备优先，重要的是屏幕，不是设备。移动设备优先就是说起初样式是在...

2020-05-27

58浏览

0评论

ionic实现底部分享功能

本文实例为大家分享了ionic底部分享功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

169浏览

0评论

vue2的todolist入门小项目的详细解析

看完vue2的官方文档后，找个入门项目巩固下知识点，简单的todolsit是个不错的选择。
项目用到了vue.js vue.cli webpack ES6 node环境，完成项目后会对这些技术栈有了些了解。准备...

2020-05-27

56浏览

0评论

ionic实现下拉刷新载入数据功能

本文实例为大家分享了ionic下拉刷新载入数据的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewpor...

2020-05-27

51浏览

0评论

JS简单生成随机数(随机密码)的方法

本文实例讲述了JS简单生成随机数(随机密码)的方法。分享给大家供大家参考，具体如下：1. Math.random()生成一个0~1的随机数 0<=Math.random()<1
2. Math.random()*100 则生成...

2020-05-27

64浏览

0评论

详解Vue中状态管理Vuex

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。在vuex出现之前，vue里面的状态是属于‘单向数据流'。举个官网的例子:new Vue({ // state data...

2020-05-27

63浏览

0评论

JS实现的四级密码强度检测功能示例

本文实例讲述了JS实现的四级密码强度检测功能。分享给大家供大家参考，具体如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html...

2020-05-27

45浏览

0评论

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）页面缓存的设置优化了页面加载，减少了频繁的调取接口，使用户在断网的情况下有更好的体验。每个微信小程序都可以有自...

2020-05-27

44浏览

0评论

JS使用插件cryptojs进行加密解密数据实例

本文实例讲述了JS使用插件cryptojs进行加密解密数据。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="Content-Type" c...

2020-05-27

42浏览

0评论

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（二）

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（二）事件（wxml）>bindscrolltolower=”onscrollLower”
slice() 方法可从已有的数组中返回选定的元素。
请注意，该方法并不...

2020-05-27

53浏览

0评论

微信小程序中使用javascript 回调函数

微信小程序中使用javascript 回调函数回调函数原理：我现在出发，到了通知你”
这是一个异步的流程，“我出发”这个过程中（函数执行），“你”可以去做任何事，“到了”（函数执行完毕）“...

2020-05-27

51浏览

0评论

jQuery zTree树插件动态加载实例代码

需求：　　由于项目中家谱图数据量超大，而一般加载方式是通过，页面加载时 zTree.init方法进行数据加载，将所有数据一次性加载到页面中。而在项目中家谱级别又非常广而深，成千上万...

2020-05-27

114浏览

0评论

微信小程序 setData使用方法及常用错误解决办法

微信小程序 setData使用方法及常用错误解决办法最近在弄微信小程序，类似于共享单车用来练练手，基本原理就是小程序发送经纬度给服务器，服务器从数据库中检索经纬度附近的单车传...

2020-05-27

85浏览

0评论

微信小程序图片选择、上传到服务器、预览（PHP）实现实例

微信小程序图片选择、上传到服务器、预览（PHP）实现实例小程序实现选择图片、预览图片、上传到开发者服务器上后台使用的tp3.2 图片上传
请求时候的header参考时可以去掉(个人...

2020-05-27

48浏览

0评论

微信小程序刷新上拉下拉不会断详细介绍

微信小程序上拉下拉不会断详细介绍
最开始看到效果图，不错，第一想到的是用做的，添加浮动层，然后设置浮动层高度。其实不然，大牛是”enablePullDownRefresh”: “true”后，在页面...

2020-05-27

97浏览

0评论

bootstrap fileinput组件整合Springmvc上传图片到本地磁盘

整合前的准备步骤1.搭建好基础框架，本文用的是SSM(Spring+SpringMVC+Mybatis)，这里的过程就不在本文中讲了，之前我做个一个demo(ssm整合+用户模块)，可以参考这个搭建好。2.下载b...

2020-05-27

93浏览

0评论

微信小程序图片宽高自适应详解

微信小程序图片宽高自适应1.以前将小程序图片宽度设置为屏幕宽度：imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().windowWidth }) }...

2020-05-27

热门文章