JavaScript - 教程之家

56浏览

0评论

React.js中常用的ES6写法总结（推荐）

一模块1 引入模块以便使用用import实现：import '模块文件地址'import 组件 from '模块文件地址'2 导出模块用export default实现：export default class MyComponent extends...

2020-05-27

72浏览

0评论

JQuery实现定时刷新功能代码

在网页开发中，经常会需要不断的刷新某个页面或某个局部数据。这时候就需要用到定时刷新来实现了。实现方式就是使用JS setInterval函数每隔一段时间请求一次数据，然后将请求结...

2020-05-27

58浏览

0评论

使用ES6语法重构React代码详解

使用ES6语法重构React组件在Airbnb React/JSX Style Guide中，推荐使用ES6语法来编写react组件。下面总结一下使用ES6 class语法创建组件和以前使用React.createClass方法来创...

2020-05-27

47浏览

0评论

详解如何将angular-ui的图片轮播组件封装成一个指令

在项目开发中我们经常会遇到图片轮播的功能点：如果我们开发人员自己原生手写，将会花费很多的时间，最终得不偿失。接下来就详细说说如何使用angular-ui发热图片轮播模块，并且将它...

2020-05-27

82浏览

0评论

使用 Vue.js 仿百度搜索框的实例代码

整理文档，搜刮出一个使用 Vue.js 仿百度搜索框的实例代码，稍微整理精简一下做下分享。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue demo</title> <st...

2020-05-27

66浏览

0评论

微信小程序支付后台java实现实例

微信小程序支付后台java实现实例前言：前些天使用 LeanCloud 云引擎写了个小程序的支付相关以前只做过 APP 支付这次在小程序支付爬了两天的坑把代码也分享出来
支付流程:...

2020-05-27

74浏览

0评论

详解使用vue脚手架工具搭建vue-webpack项目

对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个<script>标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。在实际应用中，我们必须要一系列的...

2020-05-27

57浏览

0评论

bootstrap弹出层的多种触发方式

bootstrap弹出层有多种触发方式，以下是我用到的几种方式：1.方法一：button中属性触发注意：button中的data-target内容应该和要和弹出层中的id保持一致
data-target=”#mymodal-d...

2020-05-27

121浏览

0评论

js canvas实现QQ拨打电话特效

首先呢，先给特效。自己找手机录的，有点不清楚，请见谅！本来是打算做腾讯的贝塞尔曲线下拉刷新图。然后和朋友打了个QQ电话，稍微注意了一下未接通时候的动画。然后就想着实现以下...

QQ

2020-05-27

62浏览

0评论

微信小程序之购物车功能

前言以往的购物车，基本都是通过大量的 DOM 操作来实现。微信小程序其实跟 vue.js 的用法非常像，接下来就看看小程序可以怎样实现购物车功能。需求先来弄清楚购物车的需求。...

2020-05-27

56浏览

0评论

BootStrap的两种模态框方式

bootstrap的弹出层bootstrap弹出层有多种触发方式，以下是我用到的几种方式：1.方法一：button中属性触发注意：button中的data-target内容应该和要和弹出层中的id保持一致data-targ...

2020-05-27

263浏览

0评论

JS实现队列的先进先出功能示例

本文实例讲述了JS实现队列的先进先出功能。分享给大家供大家参考，具体如下：/** * [Queue] * @param {[Int]} size [队列大小] */function Queue(size) { var list = []; //...

2020-05-27

78浏览

0评论

Angular.JS通过指令操作DOM的方法

在指令而非在控制器中操作DOM相信大家在页面处理中，难免会遇到操作DOM的情况，在AngularJS中，对DOM的操作是在指令而非控制器中完成的。AngularJS强调隔离的思想：把复杂的逻辑和...

2020-05-27

54浏览

0评论

javascript简单链式调用案例分析

本文实例讲述了javascript简单链式调用方法。分享给大家供大家参考，具体如下：jQuery用的就是链式调用。像一条连接一样调用方法。
链式调用的核心就是return this;,每个方法都...

2020-05-27

59浏览

0评论

利用forever和pm2部署node.js项目过程

本文主要给大家分享的是利用forever和pm2部署node.js项目过程的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、foreverforever可以在cmd或ssh连接断开时,让项目一...

2020-05-27

63浏览

0评论

全面解析vue中的数据双向绑定

1.vue中数据的双向绑定采用的时候，数据劫持的模式。其实主要是用了Es5中的Object.defineProperty;来劫持每个属性的getter,和setter。这也正是Vue不兼容IE8以下的原因。2.Obj...

2020-05-27

67浏览

0评论

利用PM2部署node.js项目的方法教程

前言大家在开发中应该发现了，如果直接通过node app来启动，如果报错了可能直接停在整个运行，supervisor感觉只是拿来用作开发环境的。再网上找到pm2.目前似乎最常见的线上部署no...

2020-05-27

50浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

54浏览

0评论

jQuery+PHP+Mysql实现抽奖程序

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

62浏览

0评论

nodejs multer实现文件上传与下载

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

2020-05-27

67浏览

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

59浏览

0评论

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

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

2020-05-27

61浏览

0评论

Bootstrap table使用方法总结

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

2020-05-27

63浏览

0评论

JavaScript使用readAsDataUrl方法预览图片

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

2020-05-27

65浏览

0评论

关于vue-router路径计算问题

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

2020-05-27

53浏览

0评论

JavaScript通过filereader接口读取文件

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

66浏览

0评论

JavaScript使用readAsDataURL读取图像文件

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

59浏览

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

169浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

68浏览

0评论

JavaScript使用ZeroClipboard操作剪切板

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

96浏览

0评论

Node.js安装配置图文教程

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

95浏览

0评论

Bootstrap模态框插件使用详解

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

50浏览

0评论

Angularjs 与 bower安装和使用详解

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

2020-05-27

52浏览

0评论

学习使用Bootstrap页面排版样式

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

热门文章