JavaScript - 教程之家

61浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

75浏览

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

137浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

169浏览

0评论

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

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

2020-05-27

48浏览

0评论

使用typescript构建Vue应用的实现

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

54浏览

0评论

vue获取验证码倒计时组件

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

180浏览

0评论

vue+moment实现倒计时效果

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

68浏览

0评论

javascript实现抢购倒计时程序

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

149浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

133浏览

0评论

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

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

2020-05-27

58浏览

0评论

基于JS抓取某高校附近共享单车位置使用web方式展示位置变化代码实例

效果如图使用了高德地图API：https://lbs.amap.com/api/javascript-api/example/marker/massmarks
js代码如下：function MapOperate() { } MapOperate.prototype.listensubmit...

2020-05-27

64浏览

0评论

原生javascript自定义input[type=radio]效果示例

本文实例讲述了原生javascript自定义input[type=radio]效果。分享给大家供大家参考，具体如下：找到最为简单的仅仅使用css3的方案<!DOCTYPE html><html lang="en"><head> <met...

2020-05-27

99浏览

0评论

解决Vue中父子传值数据丢失问题

在Vue中，父子组件传值，子组件通过props接收父组件传递的数据父组件questionList :传递数据参数questionsLists: 传递数据源
子组件porps 接收父组件方式有俩中，一种是通过对象...

2020-05-27

66浏览

0评论

JS多个表单数据提交下的serialize()应用实例分析

本文实例讲述了JS多个表单数据提交下的serialize()应用。分享给大家供大家参考，具体如下：在实际开发场景中，难免遇到需要多个表单的数据传递问题。之所以要进行多表单的数据传...

2020-05-27

60浏览

0评论

jQuery实现判断滚动条滚动到document底部的方法分析

本文实例讲述了jQuery实现判断滚动条滚动到document底部的方法。分享给大家供大家参考，具体如下：滚动条没有实际的高度。只是为了呈现效果才在外型上面有长度。在js当中也没有...

2020-05-27

81浏览

0评论

微信小程序模板消息限制实现无限制主动推送的示例代码

需求背景
基于微信的通知渠道，微信小程序为开发者提供了可以高效触达用户的模板消息能力，在用户本人与小程序页面有交互行为后触发，通过微信聊天列表中的服务通知可快捷进入查...

2020-05-27

91浏览

0评论

JS常见面试试题总结【去重、遍历、闭包、继承等】

本文实例讲述了JS常见面试试题。分享给大家供大家参考，具体如下：JavaScript面试题总结1，首先是数组去重算法：给一个数组，去掉重复值(function() { var arr = [1, 2, 3, 3, 4,...

2020-05-27

97浏览

0评论

微信小程序中为什么使用var that=this

前言：　　在小程序或者js开发中，经常需要使用var that = this;开始我以为是无用功，（原谅我的无知），后来从面向对象的角度一想就明白了，下面简单解释一下我自己的理解，欢迎指正批评。...

2020-05-27

82浏览

0评论

vue使用codemirror的两种用法

这是我自己做的一个左边点击对应的标题，右边显示相应代码的一个功能。代码显示这里用的是vue-codemirror插件。第一种用法：
1、安装：npm install vue-codemirror --save
2、在m...

2020-05-27

59浏览

0评论

在vue项目中使用codemirror插件实现代码编辑器功能

在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示），具体内容如下所示：1、使用npm安装依赖npm install --save codemirror;2、在页面中放入如下代码<tem...

2020-05-27

95浏览

0评论

详解微信小程序开发之formId使用（模板消息）

基于微信小程序的模板消息：
官方文档基于微信的通知渠道，我们为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供更佳的体验。模板推送位置：服务通知...

2020-05-27

580浏览

0评论

vue实现codemirror代码编辑器中的SQL代码格式化功能

vue实现codemirror代码编辑器中的SQL代码格式化功能1、首先使用npm安装sql-formatter插件npm install --save sql-formatter2、然后引入该sql-formatter.js文件import sqlFo...

2020-05-27

97浏览

0评论

微信小程序模板消息推送的两种实现方式

最近在做微信小程序，为了让用户能更加方便的获取到小程序内部的通知，便想着用模板消息来解决此类问题。首先介绍一下两种方法第一种是传统的按照微信开发文档来实现模板消息的...

2020-05-27

51浏览

0评论

JS用最简单的方法实现四舍五入

1 、tofixed方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)；但是其四舍五入的规则与数学中的规则不同，使用的...

2020-05-27

257浏览

0评论

解决vue打包后刷新页面报错：Unexpected token <

前言今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。怪点一是开发环境没有问题，只有生产环境有...

2020-05-27

68浏览

0评论

axios如何利用promise无痛刷新token的实现方法

需求
最近遇到个需求：前端登录后，后端返回token和token有效时间，当token过期时要求用旧token去获取新的token，前端需要做到无痛刷新token，即请求刷新token时要做到用户无感知。...

2020-05-27

69浏览

0评论

package.json配置文件构成详解

1.项目基础信息 "name": "XXXXXXX", "version": "1.0.0", "description": "A Vue.js project", "author": "wyj <XXXXXXXXX@qq.com>", "private": true,2.脚本部分 "scripts...

2020-05-27

热门文章