编程开发 - 教程之家

164浏览

0评论

JS document form表单元素操作完整示例

本文实例讲述了JS document form表单元素操作。分享给大家供大家参考，具体如下：<html> <head> <title>form表单操作</title> <meta charset="UTF-8"/>...

2020-05-27 01:56:03

147浏览

0评论

JavaScript数组排序小程序实现解析

这篇文章主要介绍了JavaScript数组排序小程序实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下JavaScript数组的...

2020-05-27 01:56:02

152浏览

0评论

JS document文档的简单操作完整示例

本文实例讲述了JS document文档的简单操作。分享给大家供大家参考，具体如下：<html> <head> <title>js-documnent文档结构操作</title> <meta charset="UTF-8...

2020-05-27 01:56:01

239浏览

0评论

优化Vue中date format的性能详解

在很多项目中，都需要将长整型的日期格式转换成其他的日期格式，而在Vue中，我们可以利用自定义相应的 filter 过滤器来进行 date format 的功能。如果直接引入 moment 的方法，在利...

2020-05-27 01:56:00

194浏览

0评论

Vue 嵌套路由使用总结（推荐）

开发环境
Win 10node-v10.15.3-x64.msi下载地址：https://nodejs.org/en/需求场景如下图，我们希望点击导航栏不同菜单时，导航栏下方加载不同的组件，进而展示不同的页面内容
解决...

2020-05-27 01:55:59

144浏览

0评论

js实现适配移动端的拖动效果

本文实例为大家分享了js实现适配移动端的拖动效果，供大家参考，具体内容如下1.html<div id="div1"> <div id="div2"></div></div>2.jsvar flag = false;var cur = { x: 0, y: 0...

2020-05-27 01:55:58

172浏览

0评论

微信小程序聊天功能的示例代码

效果
初始化滚动条高度
var keyHeight = 0;数据格式
const CHAT_DATA=[ { type:0,//0客服1用户 content:'欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎...

2020-05-27 01:55:56

362浏览

0评论

VUE实现自身整体组件销毁的示例代码

V-IF实现组件自身销毁
前面说了一些自己怎么思考得来，如果时间急可直接看
最后~~~~通知提示组件案例分析
在编写一些简单的通知组件案例中，可能会这样去写//在[index.js]的ins...

2020-05-27 01:55:55

323浏览

0评论

vue 组件销毁并重置的实现

方法1
当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题
<template> <third-comp v-if="reFresh"/></template> <script> expo...

2020-05-27 01:55:54

221浏览

0评论

js实现列表向上无限滚动

本文实例为大家分享了js实现列表向上无限滚动的具体代码，供大家参考，具体内容如下先来一张效果图html<div class="transdata1"> <ul class="tody-table-header2"> <li>商...

2020-05-27 01:55:53

163浏览

0评论

微信小程序canvas截取任意形状的实现代码

最近在研究拼图验证码实现，需要对图片的部分模块进行特殊形状切割出一小块，明白后原来是如此简单，第一步就是将所有绘制的形状用线勾出（直线、弧线、贝塞尔曲线都可以）形成闭环，第...

2020-05-27 01:55:52

208浏览

0评论

vue页面加载时的进度条功能(实例代码)

先看一张图如果我们的程序每次页面切换时，顶部也有一个进度条，那会让用户体验提升很大的。npropgress插件github地址简单用法 - Vue 项目为例（详细配置，点击上面的github地址查...

2020-05-27 01:55:51

415浏览

0评论

vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)

一、思路分析和效果图
　　用vue来实现一个瀑布流效果，加载网络图片，同时有下拉刷新和上拉加载更多功能效果。然后针对这几个效果的实现，捋下思路：根据加载数据的顺序，依次追加标...

2020-05-27 01:55:50

141浏览

0评论

JS实现容器模块左右拖动效果

本文实例为大家分享了JS实现容器模块左右拖动效果的具体代码，供大家参考，具体内容如下实际效果是鼠标点击上方颜色模块，左右拖动，根据拖动的距离来显示模块
一共有7个颜色块代...

2020-05-27 01:55:46

140浏览

0评论

vue项目创建步骤及路由router

1、创建一个vue项目步骤（windows环境下）。创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。1.1 如果还没安装node.js...

2020-05-27 01:55:45

116浏览

0评论

ES6实现图片切换特效代码

效果图demo.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> let arr =...

2020-05-27 01:55:44

166浏览

0评论

小程序中设置缓存过期的实现方法

需求是两张图片在这个时间段内交替显示，当天只弹一次图片。后端返回的数据格式：{ "start": "2019/10/08 00:00:00", "end": "2019/10/30 23:59:59", "ads": [ { "i...

2020-05-27 01:55:42

543浏览

0评论

微信小程序indexOf的替换方法(推荐)

方法：通过wxs定义indexOf方法，在页面中引用并使用栗子：wxs：命名为str.wxs，导出定义的defineIndexOf方法，命名为indexOffunction defineIndexOf(str, val) { return str.indexOf(va...

2020-05-27 01:55:41

138浏览

0评论

JS document内容及样式操作完整示例

本文实例讲述了JS document内容及样式操作。分享给大家供大家参考，具体如下：<html> <head> <title>js-documnet元素内容和样式操作</title> <meta charset="...

2020-05-27 01:55:40

148浏览

0评论

JS document对象简单用法完整示例

本文实例讲述了JS document对象简单用法。分享给大家供大家参考，具体如下：<html> <head> <title>js-document对象学习</title> <meta charset="UTF-8"/>...

2020-05-27 01:55:39

148浏览

0评论

JavaScript回调函数callback用法解析

这篇文章主要介绍了JavaScript回调函数callback用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下JavaScript回调...

2020-05-27 01:55:38

149浏览

0评论

JavaScript遍历数组的方法代码实例

这篇文章主要介绍了JavaScript遍历数组的方法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下for循环
let arr...

2020-05-27 01:55:37

126浏览

0评论

让mocha支持ES6模块的方法实现

mocha是比较常用的node测试框架，但是只支持commonjs模块，要让mocha支持ES6模块，需要babel的帮助。书写本文时用到的工具版本为： babel v7 mocha v6.2
安装依赖
$ npm i -D @...

2020-05-27 01:55:36

119浏览

0评论

JS window对象简单操作完整示例

本文实例讲述了JS window对象简单操作。分享给大家供大家参考，具体如下：例1：<html> <head> <title>js---window函数</title> <meta charset="UTF-8"/>...

2020-05-27 01:55:35

127浏览

0评论

JavaScript事件冒泡机制原理实例解析

这篇文章主要介绍了JavaScript事件冒泡机制原理实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下DOM事件流（event...

2020-05-27 01:55:34

412浏览

0评论

vue quill editor 使用富文本添加上传音频功能

1. 前言
vue-quill-editor 是vue项目中常用的富文本插件，其功能能满足大部分的项目需求。但是，最近项目中，需要在富文本中上传音频文件，但是vue-quill-editor这个富文本仅支持图...

2020-05-27 01:55:33

190浏览

0评论

解决 window.onload 被覆盖的问题方法

手头在维护一个比较老的项目，由于页面的重组，一些不同页面的 js 被加载到了同一个页面，导致一个页面里可能有一个以上的 window.onload ，这样做的后果就是前面的回调函数会被后...

2020-05-27 01:55:31

152浏览

0评论

JS实现滑动导航效果

本文实例为大家分享了JS实现滑动导航效果的具体代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2020-05-27 01:55:30

117浏览

0评论

JS实现滑动插件

本文实例为大家分享了JS实现滑动插件的具体代码，供大家参考，具体内容如下
基本思路是封装一个Slider类，拥有默认初始配置参数。
Slider.prototype(原型链上)拥有实现滑动的方...

2020-05-27 01:55:29

142浏览

0评论

JS 事件机制完整示例分析

本文实例讲述了JS 事件机制。分享给大家供大家参考，具体如下：<html> <head> <title>js事件机制</title> <meta charset="UTF-8"/> <script type="tex...

2020-05-27 01:55:28

144浏览

0评论

Vue v-bind动态绑定class实例方法

现在很多网站，都是希望动态切换class，更换css样式。下面我们使用Vue的v-bind绑定classv-bind动态绑定class对象语法绑定（常用）red和size的值为true就在class显示red和size，false...

2020-05-27 01:55:27

162浏览

0评论

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

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

2020-05-27 01:55:26

182浏览

0评论

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

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

2020-05-27 01:55:25

138浏览

0评论

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

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

2020-05-27 01:55:23

167浏览

0评论

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

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

2020-05-27 01:55:22

159浏览

0评论

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

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

2020-05-27 01:55:21

166浏览

0评论

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

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

2020-05-27 01:55:20

146浏览

0评论

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

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

2020-05-27 01:55:19

159浏览

0评论

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

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

2020-05-27 01:55:18

166浏览

0评论

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

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

2020-05-27 01:55:17

251浏览

0评论

原生js+css调节音量滑块

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

2020-05-27 01:55:16

153浏览

0评论

基于vue.js实现购物车

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

2020-05-27 01:55:15

192浏览

0评论

JS实现音量控制拖动

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

2020-05-27 01:55:14

191浏览

0评论

js实现中文实时时钟

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

2020-05-27 01:55:13

159浏览

0评论

js实现图片实时时钟

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

2020-05-27 01:55:12

125浏览

0评论

js实现简单的打印表格

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

2020-05-27 01:55:11

156浏览

0评论

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

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

2020-05-27 01:55:10

164浏览

0评论

JavaScript实现简单的计算器

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

2020-05-27 01:55:09

395浏览

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 01:55:08

1525浏览

0评论

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

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

2020-05-27 01:55:07

热门文章