JavaScript - 教程之家

116浏览

0评论

Vue数字输入框组件示例代码详解

数字输入框组件实现功能：只允许输入数字(包括小数)、允许设置初始值、最大值、最小值。为了方便，这里选用Vue的 cli-service实现快速原型开发首先template部分代码<template>...

2020-05-27

133浏览

0评论

js实现鼠标拖拽div左右滑动

本文实例为大家分享了js鼠标拖拽div左右滑动的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <scri...

2020-05-27

98浏览

0评论

vue移动端使用canvas签名的实现

效果
canvas画板移动端 .gif
需求
  在一些项目业务中，经常会使用到画板，让用户自己去写/画一些东西做标示，比如说在线签电子合约、签名等，如果不用插件，那么如何使...

2020-05-27

115浏览

0评论

JS自定义对象创建与简单使用方法示例

本文实例讲述了JS自定义对象创建与简单使用方法。分享给大家供大家参考，具体如下：<html> <head> <title>js自定义函数</title> <meta charset="UTF-8"/>...

2020-05-27

101浏览

0评论

JS几个常用的函数和对象定义与用法示例

本文实例讲述了JS几个常用的函数和对象定义与用法。分享给大家供大家参考，具体如下：<html> <head> <title>js几种常见的函数</title> <meta charset="UTF-8"...

2020-05-27

110浏览

0评论

JS函数基本定义与用法示例

本文实例讲述了JS函数基本定义与用法。分享给大家供大家参考，具体如下：<html> <head> <title>js函数</title> <meta charset="UTF-8"/> <script type...

2020-05-27

101浏览

0评论

JS函数进阶之prototy用法实例分析

本文实例讲述了JS函数prototy用法。分享给大家供大家参考，具体如下：<html> <head> <title>js-prototype</title> <meta charset="UTF-8"/> <script t...

2020-05-27

119浏览

0评论

JS函数进阶之继承用法实例分析

本文实例讲述了JS函数进阶之继承用法。分享给大家供大家参考，具体如下：直接代码，不解释：<html> <head> <title>js函数继承进阶</title> <meta charset="UTF-8"...

2020-05-27

120浏览

0评论

Vue 图片压缩并上传至服务器功能

本文主要讲解基于 Vue + Vant ，实现移动端图片选择，并用 Canvas 压缩图片，最后上传至服务器。还会封装一个工具类，方便直接调用。一、工具类封装
废话不多说先上代码，封装一个 Co...

2020-05-27

205浏览

0评论

原生js+css调节音量滑块

本文实例为大家分享了js调节音量滑块的具体代码，供大家参考，具体内容如下效果html部分<body><div class="all"><p>当前位置0%</p><div class="bar"><div class="box"></div></...

2020-05-27

115浏览

0评论

基于vue.js实现购物车

本文实例为大家分享了vue.js实现购物车的具体代码，供大家参考，具体内容如下template<template><div class="all"><div class="head"><span>购物车</span></div><ul class="men...

2020-05-27

155浏览

0评论

JS实现音量控制拖动

本文实例为大家分享了JS实现音量控制拖动的具体代码，供大家参考，具体内容如下描述：JS——实现音量控制拖动 1）、有底条，有拖拽按钮
2）、设置最小和最大值
3）、拖动定位...

2020-05-27

143浏览

0评论

js实现中文实时时钟

本文实例为大家分享了js实现中文实时时钟的具体代码，供大家参考，具体内容如下效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...

2020-05-27

118浏览

0评论

js实现图片实时时钟

本文实例为大家分享了js实现图片实时时钟的具体代码，供大家参考，具体内容如下描述：将下图作为时间的背景，实现随时时钟的效果。效果：代码：<!DOCTYPE html><html lang="en"><head>...

2020-05-27

87浏览

0评论

js实现简单的打印表格

本文实例为大家分享了js实现打印表格的具体代码，供大家参考，具体内容如下效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>打印表格...

2020-05-27

115浏览

0评论

js面向对象之实现淘宝放大镜

本文实例为大家分享了js实现淘宝放大镜的具体代码，供大家参考，具体内容如下描述：JS面向对象——淘宝放大镜实现图片的引用是一个大图，一个小图传输用的ajax，记得改成自己的ip地址...

2020-05-27

124浏览

0评论

JavaScript实现简单的计算器

本文实例为大家分享了JavaScript实现简单的计算器的具体代码，供大家参考，具体内容如下
整个计算器实现由html文件、js文件和css样式表三部分组成
整体效果：body里放俩div，一个大...

2020-05-27

358浏览

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

1421浏览

0评论

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

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

2020-05-27

88浏览

0评论

js实现div色块拖动录制

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

2020-05-27

123浏览

0评论

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

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

163浏览

0评论

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

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

2020-05-27

116浏览

0评论

js实现div色块碰撞

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

2020-05-27

136浏览

0评论

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

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

2020-05-27

507浏览

0评论

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

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

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

2020-05-27

116浏览

0评论

js实现点击生成随机div

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

2020-05-27

135浏览

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

307浏览

0评论

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

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

2020-05-27

143浏览

0评论

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

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

2020-05-27

102浏览

0评论

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

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

2020-05-27

103浏览

0评论

js实现简单的秒表

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

115浏览

0评论

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

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

2020-05-27

105浏览

0评论

JS实现简单的表格增删

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

2020-05-27

235浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

109浏览

0评论

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

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

2020-05-27

115浏览

0评论

Vue引入Stylus知识点总结

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

2020-05-27

210浏览

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

134浏览

0评论

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

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

2020-05-27

114浏览

0评论

JS实现transform实现扇子效果

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

2020-05-27

145浏览

0评论

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

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

2020-05-27

325浏览

0评论

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

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

2020-05-27

122浏览

0评论

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

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

2020-05-27

146浏览

0评论

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

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

52浏览

0评论

JS面向对象之单选框实现

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

2020-05-27

126浏览

0评论

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

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

2020-05-27

107浏览

0评论

JS面向对象之多选框实现

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

2020-05-27

热门文章