JavaScript - 教程之家

330浏览

0评论

解决vue+ element ui 表单验证有值但验证失败问题

一.如图：有值但是验证失败二.<el-form :model="form" :rules="rules"><el-form-item label="数据模板" prop="template" > <el-col :span="20"> <el-input type="textarea"...

2020-05-27

1321浏览

0评论

微信小程序实现二维码签到考勤系统

一。手动生成二维码的.js代码这里要引入一个官方文档wxapp.qrcode.min.jslet drawQrcode = require('../utils/wxapp.qrcode.min.js');//引入wxapp.qrcode.min.js文件create...

2020-05-27

69浏览

0评论

js实现div色块拖动录制

本文实例为大家分享了js实现div色块拖动录制的具体代码，供大家参考，具体内容如下描述：实现一个div50*50的色块，拖动它生成一个轨迹，松手后，这个div会重复你刚才拖动的这个路径。效...

2020-05-27

111浏览

0评论

使用Karma做vue组件单元测试的实现

养成良好的编码习惯，一个合格的程序员需要掌握一些编写单元测试的能力。单元测试也可以整体上提升我们的代码质量，这里介绍下 VUE 组件的单元测试。如果想直接通过 Demo 学习，...

2020-05-27

106浏览

0评论

vue列表数据发生变化指令没有更新问题及解决方法

问题描述，在vue的for循环中使用了指令，然后对数据进行筛选的时候，发现指令没有起作用。如图前面的图标是根据文件名的后缀名，返回响应图标的，通过指令实现的。然后我们在搜索框...

2020-05-27

152浏览

0评论

Vue实现点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)

平时项目中，经常会做一些下拉菜单等效果，这种效果可能会需要通过一个按钮来控制显示隐藏，并且当点击页面其他空白区域时，也要将其隐藏。简单写个Demo  <button @cl...

2020-05-27

105浏览

0评论

js实现div色块碰撞

本文实例为大家分享了js实现div色块碰撞的具体代码，供大家参考，具体内容如下描述：生成两个div色块，一个可以拖动，一个不可以，用拖动的去撞击不能动的，会将这个色块随机撞到一个位置...

2020-05-27

123浏览

0评论

JS实现可视化音频效果的实例代码

效果如图：背景图片可以换成自己喜欢的或者不用，线条的颜色粗细也可以自己调整。代码如下（可直接复制使用）：<html lang="en"> <head> <meta charset="UTF-8"> <title>可视化音频</...

2020-05-27

499浏览

0评论

关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题

首先在store中定义所需要的变量可以进行初始化，再定义一个方法，登录成功后A页面，跳转到B页面之前，需要直接调用store中存储数据的方法，全局可以使用

诸如以上所示，该问题，百度了好...

2020-05-27

103浏览

0评论

js实现点击生成随机div

本文实例为大家分享了js实现点击生成随机div的具体代码，供大家参考，具体内容如下描述：鼠标点击页面，在哪里点击就在那个位置创建一个div，宽高50，
颜色随机，div在鼠标点击的正中间效...

2020-05-27

126浏览

0评论

jQuery实现数字华容道小游戏(实例代码)

<!DOCTYPE html><html><head><meta charset="utf-8"><title>数字华容道</title><script type="text/javascript" src="jquery.min.js"></script><style type="text/css"> *{...

2020-05-27

289浏览

0评论

vue-cli3 取消eslint校验代码的解决办法

在网上找了各种办法都没解决，看了下文档就解决了关闭vue-cli3.0 报错：eslint-disable-next-line to ignore the next line. 注意我这里是VUE3.0解决方法：找到文件vue.config.js...

2020-05-27

129浏览

0评论

js实现上下左右键盘控制div移动

本文实例为大家分享了js上下左右键盘控制div移动的具体代码，供大家参考，具体内容如下描述：div通过键盘事件上下左右实现div块的移动效果：实现：js：var Method=(function () { ret...

2020-05-27

79浏览

0评论

JS 数组基本用法入门示例解析

本文实例讲述了JS 数组基本用法。分享给大家供大家参考，具体如下：讲道理和Java差不多。instance：<html> <head> <title>js数组</title> <meta charset="UTF-8"/> <script type=...

2020-05-27

88浏览

0评论

js实现简单的秒表

本文实例为大家分享了js实现简单的秒表具体代码，供大家参考，具体内容如下描述：实现一个简单的秒表，点击启动按钮时开始计时，随后启动按钮变为暂停，点击暂停暂停计时，点击复位回到最...

2020-05-27

52浏览

0评论

JS数组进阶示例【数组的几种函数用法】

本文实例讲述了JS数组的几种函数用法。分享给大家供大家参考，具体如下：前面介绍了js数组的基本定义与使用方法，这里再来进一步说明一下js数组函数。<html> <head> <t...

2020-05-27

100浏览

0评论

JS实现基本的网页计算器功能示例

本文实例讲述了JS实现基本的网页计算器功能。分享给大家供大家参考，具体如下：<html> <head> <title>网页计算机</title> <meta charset="UTF-8"/> <s...

2020-05-27

90浏览

0评论

JS实现简单的表格增删

本文实例为大家分享了JS实现表格增删的具体代码，供大家参考，具体内容如下描述：JS——实现简单的表格增删。效果：实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...

2020-05-27

205浏览

0评论

vue项目中使用eslint+prettier规范与检查代码的方法

1.前言  在团队协作中，为避免低级 Bug、以及团队协作时不同代码风格对彼此造成的困扰与影响，会预先制定编码规范。使用 Lint 工具和代码风格检测工具，则可以辅助编...

2020-05-27

77浏览

0评论

react实现移动端下拉菜单的示例代码

前言
项目中要实现类似与vant的DropdownMenu:下拉菜单。看了vans 的效果其实也没什么难度，于是动手鲁了一个这样的组件。
项目的技术栈为react全家桶+material UI + ant Des...

2020-05-27

96浏览

0评论

js实现提交前对列表数据的增删改查

js实现列表数据的增删改查，AJAX提交后,js操作数据最近工作中，有一处列表数据是页面初始化加载的，用户可以进行操作，因为这些数据并不存在数据库中，同时为了数据的整洁以及高效，所...

2020-05-27

98浏览

0评论

Vue引入Stylus知识点总结

项目中使用引入文件有时候路径比较深，需要使用"../../../xx.js"这种类似的路劲引入，这种方式比较笨，可以使用webpack的别名alias配置来解决。首先，先确定项目中是否有path模块：如...

2020-05-27

197浏览

0评论

浅谈VUE中演示v-for为什么要加key

说到这个问题想必要举个例子了
没有key
<div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> </div> <ul> <li v-for=...

2020-05-27

116浏览

0评论

jQuery 判断元素是否存在然后按需加载内容的实现代码

前端开发的过程中，我们会使用很多 jQuery 插件，jQuery 插件使用得多了，会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载...

2020-05-27

102浏览

0评论

JS实现transform实现扇子效果

本文实例为大家分享了JS实现transform实现扇子效果的具体代码，供大家参考，具体内容如下描述：JS面向对象——利用transform实现扇子效果效果：实现：<!DOCTYPE html><html lang="en"...

2020-05-27

119浏览

0评论

jQuery实现王者荣耀手风琴效果

效果
思路分析:
1.鼠标经过某个小li 有两步操作：
2.当前小li 宽度变为 224px，同时里面的小图片淡出，大图片淡入
3.其余兄弟小li宽度变为69px，小图片淡入，大图片淡出代...

2020-05-27

314浏览

0评论

详解搭建一个vue-cli的移动端H5开发模板

简介
vue-mobile 是是基于 vue-cli 实现的移动端 H5 开发模板，其中已经搭建好基本的开发框架，可帮助您实现快速开发。技术栈：vue + vux + axios + less源码地址：https://github...

2020-05-27

94浏览

0评论

React Hooks 实现和由来以及解决的问题详解

与React类组件相比，React函数式组件究竟有何不同？一般的回答都是：类组件比函数式组件多了更多的特性，比如 state，那如果有 Hooks 之后呢？函数组件性能比类组件好，但是在现代浏...

2020-05-27

124浏览

0评论

vuejs中父子组件之间通信方法实例详解

本文实例讲述了vuejs中父子组件之间通信方法。分享给大家供大家参考，具体如下：一、父组件向子组件传递消息// Parent.vue<template> <div class="parent"> <v-child :msg="me...

2020-05-27

88浏览

0评论

原生JavaScript实现的无缝滚动功能详解

本文实例讲述了原生JavaScript实现的无缝滚动功能。分享给大家供大家参考，具体如下：无缝轮播（原生JavaScript）一：HTML部分：<div class="box" id="box"> <ul class="J_XSlide list...

2020-05-27

40浏览

0评论

JS面向对象之单选框实现

本文实例为大家分享了JS面向对象之单选框实现代码，供大家参考，具体内容如下描述：JS面向对象——单选框的实现效果：实现：Utile.js(function () { Object.prototype.addProto=funct...

2020-05-27

116浏览

0评论

JavaScript基于面向对象实现的无缝滚动轮播示例

本文实例讲述了JavaScript基于面向对象实现的无缝滚动轮播。分享给大家供大家参考，具体如下：无缝轮播面向对象一、HTML及CSS部分同前文《原生JavaScript实现的无缝滚动功能》...

2020-05-27

99浏览

0评论

JS面向对象之多选框实现

本文实例为大家分享了JS面向对象之多选框实现代码，供大家参考，具体内容如下描述：JS面向对象——多选框的实现效果：实现：Utile.js(function () { Object.prototype.addProto=func...

2020-05-27

81浏览

0评论

JavaScript数组去重实现方法小结

本文实例讲述了JavaScript数组去重实现方法。分享给大家供大家参考，具体如下：一、ES3方法：var arr = ['a', 'a', 'b', 'b', 'b', 'c', 'e', 'f', 1, 2, 2, 3, 3, 3];创建一个空...

2020-05-27

208浏览

0评论

vue 查看dist文件里的结构(多种方式)

场景：优化打包后的代码，提高性能。1.方式一：report-json。
　　1.1 package.json文件里加入以下命令，"report": "vue-cli-service build --report-json"
　　1.2 然后控制台运行...

2020-05-27

79浏览

0评论

js布局实现单选按钮控件

本文实例为大家分享了javascript布局实现单选按钮控件的具体代码，供大家参考，具体内容如下主要是对最近学习的知识做练习，可以巩固提高！效果如下图：代码如下：<!DOCTYPE html><html...

2020-05-27

193浏览

0评论

vue下axios拦截器token刷新机制的实例代码

//创建http.js文件，以下是具体代码：//引入安装的axios插件import axios from 'axios'import router from '@/router';import Vue from 'vue'const qs = require("qs");let _th...

2020-05-27

78浏览

0评论

JavaScript简易计算器制作

本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下成品图这个简易的计算器只能实现 + - * /的运算在动手之前，我们要先理清思路，看图，若想实现这...

2020-05-27

84浏览

0评论

javascript实现简易的计算器

利用javascript实现简易的计算器，供大家参考，具体内容如下1、先构思整个计算器的模式以及想要实现的功能，按模块创建相应的div，在“head”中设置其样式和布局。
2、用“input”...

2020-05-27

102浏览

0评论

js键盘事件实现人物的行走

本文实例为大家分享了js键盘事件实现人物行走的具体代码，供大家参考，具体内容如下描述：小时候喜欢玩的一个游戏，魔塔，实现了人物的行走，以及跳跃，当然是2D的效果。用到的图：效果：代码...

2020-05-27

156浏览

0评论

js实现轮播图效果 z-index实现轮播图

本文实例为大家分享了js实现轮播图效果的具体代码，供大家参考，具体内容如下实现轮播图学习前端差不多两三个月，在这里记录分享一下。因本人菜鸟一枚，希望大佬们多多指点，勿喷。通...

2020-05-27

101浏览

0评论

vue实现扫码功能

最近在项目中碰见一个打开摄像头扫码的功能，项目最后打包成app，用的是hBuilder打的包，刚好hBuilder打包集成H5+sdk,就可以直接用人家的sdk了。demo地址：vue-scan-demo代码实现：<t...

2020-05-27

60浏览

0评论

js滚轮事件 js自定义滚动条的实现

本文实例为大家分享了js自定义滚动条的实现的具体代码，供大家参考，具体内容如下描述：自定义滚动条的实现效果：实现：<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"...

2020-05-27

79浏览

0评论

JavaScript进制转换实现方法解析

本文实例讲述了JavaScript进制转换实现方法。分享给大家供大家参考，具体如下：JavaScript进制转换十进制转为其它进制不带参数调用toString( )，即默认toString(10)，如要以其它进...

2020-05-27

104浏览

0评论

JS数组方法join()用法实例分析

本文实例讲述了JS数组方法join()用法。分享给大家供大家参考，具体如下：join()方法定义和用法：
join() 方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的...

2020-05-27

102浏览

0评论

vue中使用WX-JSSDK的两种方法(推荐)

公司最近有微信公众号的需求，那么微信登录授权和如何使用WX-JSSDk实现分享等等肯定是最头疼的问题。本人也是第一次开发微信公众号，在网上看了很多篇博客，最终选定了两种方法，并...

2020-05-27

115浏览

0评论

JS数组方法push()、pop()用法实例分析

本文实例讲述了JS数组方法push()、pop()用法。分享给大家供大家参考，具体如下：push()方法1. 定义：向数组的末尾添加一个或更多元素，并返回新的长度。
2. 语法： arr.push(element1...

2020-05-27

88浏览

0评论

JavaScript实现滑动门效果

本文实例为大家分享了JavaScript实现滑动门效果的具体代码，供大家参考，具体内容如下一、什么是滑动门首先你要了解什么是滑动门。
生活中我们经常看到一些网站或是商城有一些...

2020-05-27

88浏览

0评论

微信小程序开发中var that =this的用法详解

在微信小程序开发中，var that =this的声明很常见。举个例子，代码如下！示例代码1 //index.js Page({ data: { toastHidden: true, }, loadData: function () {...

2020-05-27

90浏览

0评论

JS数组方法shift()、unshift()用法实例分析

本文实例讲述了JS数组方法shift()、unshift()用法。分享给大家供大家参考，具体如下：shift()方法1. 定义：从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。
2....

2020-05-27

热门文章