JavaScript - 教程之家

79浏览

0评论

node获取客户端ip功能简单示例

本文实例讲述了node获取客户端ip功能。分享给大家供大家参考，具体如下：使用nodejs来获取客户端ip遇到了一个需求，就是服务端让前端自己获取ip，当时就是各种百度，发现通过node来获...

2020-05-27

66浏览

0评论

微信小程序前端promise封装代码实例

这篇文章主要介绍了微信小程序前端promise封装代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下config....

2020-05-27

65浏览

0评论

微信小程序class封装http代码实例

这篇文章主要介绍了微信小程序class封装http,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下config.jsvar conf...

2020-05-27

61浏览

0评论

Jquery实现获取子元素的方法分析

本文实例讲述了Jquery实现获取子元素的方法。分享给大家供大家参考，具体如下：Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，...

2020-05-27

81浏览

0评论

angularjs自定义过滤器demo示例

本文实例讲述了angularjs自定义过滤器demo。分享给大家供大家参考，具体如下：这个基于angularjs的过滤器是最近做的"信息管理学院实验室预约"项目中的一个小功能。以下为数据:$...

2020-05-27

71浏览

0评论

JavaScript在web自动化测试中的作用示例详解

前言
JS的全称JavaScript，是一种运行在浏览器中的解释型脚本语言，通常用来实现web前端页面的基本功能，对于前端开发人员是不得不掌握的一门基本技能，但是对于做web自动化测试的...

2020-05-27

65浏览

0评论

javascript导出csv文件（excel）的方法示例

这里贴出JavaScript导出csv文件（excel）的代码。/** * 导出excel * @param {Object} title 标题列key-val * @param {Object} data 值列key-val * @param {Object} fileName...

2020-05-27

64浏览

0评论

Vue源码分析之Vue实例初始化详解

这一节主要记录一下：Vue 的初始化过程以下正式开始：Vue官网的生命周期图示表重点说一下 new Vue()后的初始化阶段，也就是created之前发生了什么。initLifecycle 阶段export fun...

2020-05-27

82浏览

0评论

JS异步处理的进化史深入讲解

前言
javascript是一门单线程的语言，也就是说一次只能完成一件任务，如果有多个任务，就需要排队进行处理。如果一个任务耗时很长，后面的任务也必须排队等待，这样大大的影响了整个...

2020-05-27

143浏览

0评论

express框架中使用jwt实现验证的方法

前言接着上遍文章(使用session保存用户数据)来让使用jwt保存用户数据。
这里会用到passport-jwt/jsonwebtoken。
passport-jwt是passport的一个验证策略。它使用jwt（json web...

2020-05-27

65浏览

0评论

JS阻止事件冒泡的方法详解

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs"Inherits="Default5"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht...

2020-05-27

200浏览

0评论

详解vuex数据传输的两种方式及this.$store undefined的解决办法

这个问题很乌龙,但也很值得记录一下, 原因是main.js中import store时将store的首字母写成了大写.问题版本的如下所示:import Store from './store'我大概看了一下, vue似乎...

2020-05-27

90浏览

0评论

vue移动端实现手机左右滑动入场动画

本文实例为大家分享了vue移动端实现手机左右滑动入场的具体代码，供大家参考，具体内容如下app.vue<template> <div id="app"> <transition :name="transitionName"> <keep-aliv...

2020-05-27

82浏览

0评论

Node.js爬虫如何获取天气和每日问候详解

安装依赖
安装node.js,同时安装好依赖：
npm install request --save // http请求库npm install cheerio --save // 分析html工具npm install express --save // nodejs web框...

2020-05-27

96浏览

0评论

vue 源码解析之虚拟Dom-render

vue 源码解析 --虚拟Dom-renderinstance/index.jsfunction Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a...

2020-05-27

73浏览

0评论

js实现跟随鼠标移动的小球

本文实例为大家分享了js实现跟随鼠标移动的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>follow mouse</title></head><style type="text/css"> *{...

2020-05-27

76浏览

0评论

Vue中跨域及打包部署到nginx跨域设置方法

众所周知,我们在做前后端分离项目的时候,经常需要在本地起前端工程,接口希望拉取服务端的实际数据而不是本地的mock数据,而如果本地程序直接访问远程接口，肯定会遇到跨域问...

2020-05-27

91浏览

0评论

Vue路由之JWT身份认证的实现方法

一、JWT身份认证简介
JSON Web Token（JWT）是目前最流行的跨域身份验证解决方案，相较于session机制，服务器就不需要保存任何 session 数据了，也就是说，服务器变成无状态了，从而比较...

2020-05-27

75浏览

0评论

详解nuxt 微信公众号支付遇到的问题与解决

背景：nuxt为默认的history模式，用这个npm 支付weixin-js-sdk，开启debug模式，尽量在ios下调试，因为alert弹窗的信息会更多。async onPay (config) { try { const wxUrl = window.l...

2020-05-27

115浏览

0评论

微信小程序实现手势滑动效果

本文实例为大家分享了微信小程序实现手势滑动的具体代码，供大家参考，具体内容如下wxml:<view bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEn...

2020-05-27

75浏览

0评论

详解在vue-cli3.0中自定css、js和图片的打包路径

前言
我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有 assetsDir配置项能够配置所有的静态文件所在的文件夹，并不...

2020-05-27

108浏览

0评论

微信小程序事件 bindtap bindinput代码实例

一、bindtap事件
在wxml文件里绑定： <view class='wel-list' bindtap='TZdown'> <image src="/images/welcome_08.png"></image> <text>C语言资料下载</text> </view>在js...

2020-05-27

159浏览

0评论

Vue.use()在new Vue() 之前使用的原因浅析

使用Vue前端框架开发有些时间了，官方文档对于插件开发也有详细的介绍。最近强迫症犯了，老在想为什么Vue.use函数执行，要在Vue实例化即new Vue(options)之前。解铃还须系铃人，这...

2020-05-27

119浏览

0评论

js实现指定时间倒计时效果

本文实例为大家分享了js实现指定时间倒计时的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时</title> </hea...

2020-05-27

60浏览

0评论

React传值组件传值之间的关系详解

react 组件相互之间的传值：
传值分父级组件传值给子组件子组件传值给父组件平级组件、没有嵌套的组件相互传值1.父组件向子组件传值
父组件通过属性的形式来向子组件传值，子...

2020-05-27

81浏览

0评论

vue柱状进度条图像的完美实现方案

前言本文是对bar进度条实现的2种方案进行分享，第一种是很简单，纯css的实现，第二种是echart的实现。css的实现css实现很简单。代码如下：<template> <div class="haoroomflex"> <...

2020-05-27

84浏览

0评论

微信小程序实现左侧滑栏过程解析

前言
一直想给项目中的小程序设置侧滑栏，将退出按钮放到侧滑中，但是小程序没有提供相应的控件和API，因此只能自己手动实现，网上很多大神造的轮子很不错，本文就在是站在巨人的肩膀...

2020-05-27

206浏览

0评论

微信小程序实现手势滑动卡片效果

最近工作中有项目要使用微信小程序技术进行开发，其中一项功能困扰了我很久，卡片滑动动效以及手势识别。经过一番研究和参考，现在把成果展示。记录自己踩到的坑，如果大家有需要，也...

2020-05-27

72浏览

0评论

使用typescript构建Vue应用的实现

一、Vue项目初始化-引入typescript
使用typescript构建Vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的...

2020-05-27

109浏览

0评论

微信小程序数据缓存实现方法详解

微信小程序可以通过wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）对本地缓存进行设置、获取和清理。本地缓存最大...

2020-05-27

68浏览

0评论

小程序实现层叠卡片滑动效果

小程序层叠卡片滑动效果，供大家参考，具体内容如下效果图wxml<view class="teachers_banner"> <view class="lunbo_center clearfix teachers_b"> <view...

2020-05-27

84浏览

0评论

JS实现提示效果弹出及延迟隐藏的功能

自动登录勾选提示效果要求:鼠标移入显示提示信息框；鼠标离开,信息框消失，消失的效果延迟<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view...

2020-05-27

79浏览

0评论

JS实现利用闭包判断Dom元素和滚动条的方向示例

本文实例讲述了JS实现利用闭包判断Dom元素和滚动条的方向。分享给大家供大家参考，具体如下：一、判断滚动条的方向，利用闭包首先保存滚动条的位置，然后当滚动时候不断更新滚动初...

2020-05-27

63浏览

0评论

tweenjs缓动算法的使用实例分析

本文实例讲述了tweenjs缓动算法的使用。分享给大家供大家参考，具体如下：这里的tweenjs不是依托于createjs的tewwnjs，而是一系列缓动算法集合。因为本身是算法，可以用在各个业务...

2020-05-27

61浏览

0评论

基于vue、react实现倒计时效果

本文实例为大家分享了基于vue、react实现倒计时效果的具体代码，供大家参考，具体内容如下Vue方案一：俩个元素HTML：<div id="example"> <button @click="send"> <span v-if="se...

2020-05-27

53浏览

0评论

JavaScript实现身份证验证代码实例

这篇文章主要介绍了JavaScript实现身法证验证代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下function isIdCar...

2020-05-27

75浏览

0评论

seajs和requirejs模块化简单案例分析

本文实例讲述了seajs和requirejs模块化。分享给大家供大家参考，具体如下：如今，webpack、gulp等构件工具流行，有人说seajs、requirejs等纯前端的模块化工具已经被淘汰了，我不这么...

2020-05-27

76浏览

0评论

vue获取验证码倒计时组件

本文实例为大家分享了vue获取验证码倒计时组件，供大家参考，具体内容如下之前写过一个计时函数，有计算误差，但是验证码的60秒倒计时可以忽略这一点点误差。直接上代码。<template...

2020-05-27

90浏览

0评论

Moment.js实现多个同时倒计时

本文实例为大家分享了Moment.js实现多个同时倒计时的具体代码，供大家参考，具体内容如下第一步：首先项目中需要引入moment.js。安装方法如下：bower install moment --save # bowe...

2020-05-27

98浏览

0评论

原生js实现针对Dom节点的CRUD操作示例

本文实例讲述了原生js实现针对Dom节点的CRUD操作。分享给大家供大家参考，具体如下：知识点，依然会遗忘。我在思考到底是什么原因。想到研究生考试准备的那段岁月，想到知识体系的...

2020-05-27

206浏览

0评论

vue+moment实现倒计时效果

本文实例为大家分享了vue+moment实现倒计时的具体代码，供大家参考，具体内容如下示例代码<span>{{countDown(endDate)}}</span>/*引入日期插...

2020-05-27

113浏览

0评论

vue-router路由模式详解(小结)

一、路由模式解析要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有...

2020-05-27

95浏览

0评论

vue项目部署到nginx/tomcat服务器的实现

开发完的vue项目，需要部署到Nginx/Tomcat服务器上运行，作为一个前端小白，刚接触vue不久，研究了一番，于是写下这篇文章，记录下来便于今后部署。1.router(history)模式vue项目部署到...

2020-05-27

83浏览

0评论

VUE路由动态加载实例代码讲解

首先新建vue工程，一般我们不会特殊处理路由，但当项目页面越来越多，路由配置也会越来越大，路由文件就会变得不好维护import Vue from 'vue'import Router from 'vue-router'impor...

2020-05-27

96浏览

0评论

javascript实现抢购倒计时程序

本文实例为大家分享了javascript实现抢购倒计时的具体代码，供大家参考，具体内容如下倒计时分为三种状态：1）未到抢购开始时间，显示：抢票倒计时××天××时××分××秒2）开始抢购...

2020-05-27

92浏览

0评论

Net微信网页开发使用微信JS-SDK获取当前地理位置过程详解

前言：
前段时间有一个关于通过获取用户当前经纬度坐标，计算出该用户距离某指定地点之间的距离。因为做这个项目需要能够获取到比较精确的经纬度坐标，刚开始使用的是百度地图结...

2020-05-27

180浏览

0评论

Nodejs中使用puppeteer控制浏览器中视频播放功能

本项目主要功能为在浏览器中自动播放视频，并且实现音量控制，快进快退，全屏控制，播放暂停控制等功能。仓库地址： github.com/hapiman/chr…安装静态服务器如果电脑上存在nodejs的...

2020-05-27

94浏览

0评论

解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法

在使用validate进行表单验证时会有第一次验证通过，但是第二次验证不通过时，第一次验证通过的信息残留在label上面的情况，最常见的就是√残留如此图所示：此时“请输入姓名”前面...

2020-05-27

80浏览

0评论

Vue+ElementUI项目使用webpack输出MPA的方法

一. 需求分析为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面打包为单页...

2020-05-27

159浏览

0评论

使用Vue.js中的过滤器实现幂方求值的方法

1、应用场景使用ElementUI实现一个输入框，输入100，下方显示10000。2、实现源码（1）主页面<template> <el-row> <el-tabs v-model="activeName" @tab-click="handlerClick">...

2020-05-27

热门文章