微信小程序聊天功能的示例代码
效果
初始化滚动条高度
var keyHeight = 0;数据格式
const CHAT_DATA=[ { type:0,//0客服1用户 content:'欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎...
2020-05-27
VUE实现自身整体组件销毁的示例代码
V-IF实现组件自身销毁
前面说了一些自己怎么思考得来，如果时间急可直接看
最后~~~~通知提示组件案例分析
在编写一些简单的通知组件案例中，可能会这样去写//在[index.js]的ins...
2020-05-27
vue 组件销毁并重置的实现
方法1
当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题
<template> <third-comp v-if="reFresh"/></template> <script> expo...
2020-05-27
js实现列表向上无限滚动
本文实例为大家分享了js实现列表向上无限滚动的具体代码，供大家参考，具体内容如下先来一张效果图html<div class="transdata1"> <ul class="tody-table-header2"> <li>商...
2020-05-27
微信小程序canvas截取任意形状的实现代码
最近在研究拼图验证码实现，需要对图片的部分模块进行特殊形状切割出一小块，明白后原来是如此简单，第一步就是将所有绘制的形状用线勾出（直线、弧线、贝塞尔曲线都可以）形成闭环，第...
2020-05-27
vue页面加载时的进度条功能(实例代码)
先看一张图如果我们的程序每次页面切换时，顶部也有一个进度条，那会让用户体验提升很大的。npropgress插件github地址简单用法 - Vue 项目为例（详细配置，点击上面的github地址查...
2020-05-27
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
一、思路分析和效果图
用vue来实现一个瀑布流效果，加载网络图片，同时有下拉刷新和上拉加载更多功能效果。然后针对这几个效果的实现，捋下思路：根据加载数据的顺序，依次追加标...
2020-05-27
JS实现容器模块左右拖动效果
本文实例为大家分享了JS实现容器模块左右拖动效果的具体代码，供大家参考，具体内容如下实际效果是 鼠标点击上方颜色模块，左右拖动，根据拖动的距离来显示模块
一共有7个颜色块代...
2020-05-27
vue项目创建步骤及路由router
1、创建一个vue项目步骤 （windows环境下）。创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。1.1 如果还没安装node.js...
2020-05-27
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
小程序中设置缓存过期的实现方法
需求是两张图片在这个时间段内交替显示，当天只弹一次图片。后端返回的数据格式：{ "start": "2019/10/08 00:00:00", "end": "2019/10/30 23:59:59", "ads": [ { "i...
2020-05-27
微信小程序indexOf的替换方法(推荐)
方法：通过wxs定义indexOf方法，在页面中引用并使用栗子：wxs：命名为str.wxs，导出定义的defineIndexOf方法，命名为indexOffunction defineIndexOf(str, val) { return str.indexOf(va...
2020-05-27
JS document内容及样式操作完整示例
本文实例讲述了JS document内容及样式操作。分享给大家供大家参考，具体如下：<html> <head> <title>js-documnet元素内容和样式操作</title> <meta charset="...
2020-05-27
JS document对象简单用法完整示例
本文实例讲述了JS document对象简单用法。分享给大家供大家参考，具体如下：<html> <head> <title>js-document对象学习</title> <meta charset="UTF-8"/>...
2020-05-27
JavaScript回调函数callback用法解析
这篇文章主要介绍了JavaScript回调函数callback用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下JavaScript回调...
2020-05-27
JavaScript遍历数组的方法代码实例
这篇文章主要介绍了JavaScript遍历数组的方法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下for循环
let arr...
2020-05-27
让mocha支持ES6模块的方法实现
mocha是比较常用的node测试框架，但是只支持commonjs模块，要让mocha支持ES6模块，需要babel的帮助。书写本文时用到的工具版本为： babel v7 mocha v6.2
安装依赖
$ npm i -D @...
2020-05-27
JS window对象简单操作完整示例
本文实例讲述了JS window对象简单操作。分享给大家供大家参考，具体如下：例1：<html> <head> <title>js---window函数</title> <meta charset="UTF-8"/>...
2020-05-27
JavaScript事件冒泡机制原理实例解析
这篇文章主要介绍了JavaScript事件冒泡机制原理实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下DOM事件流（event...
2020-05-27
vue quill editor 使用富文本添加上传音频功能
1. 前言
vue-quill-editor 是vue项目中常用的富文本插件，其功能能满足大部分的项目需求。但是，最近项目中，需要在富文本中上传音频文件，但是vue-quill-editor这个富文本仅支持图...
2020-05-27
解决 window.onload 被覆盖的问题方法
手头在维护一个比较老的项目，由于页面的重组，一些不同页面的 js 被加载到了同一个页面，导致一个页面里可能有一个以上的 window.onload ，这样做的后果就是前面的回调函数会被后...
2020-05-27
JS实现滑动导航效果
本文实例为大家分享了JS实现滑动导航效果的具体代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...
2020-05-27
JS实现滑动插件
本文实例为大家分享了JS实现滑动插件的具体代码，供大家参考，具体内容如下
基本思路是封装一个Slider类， 拥有默认初始配置参数。
Slider.prototype(原型链上)拥有实现滑动的方...
2020-05-27
JS 事件机制完整示例分析
本文实例讲述了JS 事件机制。分享给大家供大家参考，具体如下：<html> <head> <title>js事件机制</title> <meta charset="UTF-8"/> <script type="tex...
2020-05-27
Vue v-bind动态绑定class实例方法
现在很多网站，都是希望动态切换class，更换css样式。下面我们使用Vue的v-bind绑定classv-bind动态绑定class对象语法绑定（常用）red和size的值为true就在class显示red和size，false...
2020-05-27
Vue数字输入框组件示例代码详解
数字输入框组件实现功能：只允许输入数字(包括小数)、允许设置初始值、最大值、最小值。为了方便，这里选用Vue的 cli-service实现快速原型开发首先template部分代码<template>...
2020-05-27
js实现鼠标拖拽div左右滑动
本文实例为大家分享了js鼠标拖拽div左右滑动的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <scri...
2020-05-27
vue移动端使用canvas签名的实现
效果
canvas画板移动端 .gif
需求
  在一些项目业务中，经常会使用到画板，让用户自己去写/画一些东西做标示，比如说在线签电子合约、签名等，如果不用插件，那么如何使...
2020-05-27
JS自定义对象创建与简单使用方法示例
本文实例讲述了JS自定义对象创建与简单使用方法。分享给大家供大家参考，具体如下：<html> <head> <title>js自定义函数</title> <meta charset="UTF-8"/>...
2020-05-27
JS几个常用的函数和对象定义与用法示例
本文实例讲述了JS几个常用的函数和对象定义与用法。分享给大家供大家参考，具体如下：<html> <head> <title>js几种常见的函数</title> <meta charset="UTF-8"...
2020-05-27
JS函数基本定义与用法示例
本文实例讲述了JS函数基本定义与用法。分享给大家供大家参考，具体如下：<html> <head> <title>js函数</title> <meta charset="UTF-8"/> <script type...
2020-05-27
JS函数进阶之prototy用法实例分析
本文实例讲述了JS函数prototy用法。分享给大家供大家参考，具体如下：<html> <head> <title>js-prototype</title> <meta charset="UTF-8"/> <script t...
2020-05-27
JS函数进阶之继承用法实例分析
本文实例讲述了JS函数进阶之继承用法。分享给大家供大家参考，具体如下：直接代码，不解释：<html> <head> <title>js函数继承进阶</title> <meta charset="UTF-8"...
2020-05-27
Vue 图片压缩并上传至服务器功能
本文主要讲解基于 Vue + Vant ，实现移动端图片选择，并用 Canvas 压缩图片，最后上传至服务器。还会封装一个工具类，方便直接调用。一、工具类封装
废话不多说先上代码，封装一个 Co...
2020-05-27
原生js+css调节音量滑块
本文实例为大家分享了js调节音量滑块的具体代码，供大家参考，具体内容如下效果html部分<body><div class="all"><p>当前位置0%</p><div class="bar"><div class="box"></div></...
2020-05-27
基于vue.js实现购物车
本文实例为大家分享了vue.js实现购物车的具体代码，供大家参考，具体内容如下template<template><div class="all"><div class="head"><span>购物车</span></div><ul class="men...
2020-05-27
JS实现音量控制拖动
本文实例为大家分享了JS实现音量控制拖动的具体代码，供大家参考，具体内容如下描述：JS——实现音量控制拖动 1）、有底条，有拖拽按钮
2）、设置最小和最大值
3）、拖动定位...
2020-05-27
js实现中文实时时钟
本文实例为大家分享了js实现中文实时时钟的具体代码，供大家参考，具体内容如下效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...
2020-05-27
js实现图片实时时钟
本文实例为大家分享了js实现图片实时时钟的具体代码，供大家参考，具体内容如下描述：将下图作为时间的背景，实现随时时钟的效果。效果：代码：<!DOCTYPE html><html lang="en"><head>...
2020-05-27
js实现简单的打印表格
本文实例为大家分享了js实现打印表格的具体代码，供大家参考，具体内容如下效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>打印表格...
2020-05-27
js面向对象之实现淘宝放大镜
本文实例为大家分享了js实现淘宝放大镜的具体代码，供大家参考，具体内容如下描述：JS面向对象——淘宝放大镜实现图片的引用是一个大图，一个小图传输用的ajax，记得改成自己的ip地址...
2020-05-27
JavaScript实现简单的计算器
本文实例为大家分享了JavaScript实现简单的计算器的具体代码，供大家参考，具体内容如下
整个计算器实现由html文件、js文件和css样式表三部分组成
整体效果：body里放俩div，一个大...
2020-05-27
解决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
微信小程序实现二维码签到考勤系统
一。手动生成二维码的.js代码这里要引入一个官方文档wxapp.qrcode.min.jslet drawQrcode = require('../utils/wxapp.qrcode.min.js');//引入wxapp.qrcode.min.js文件create...
2020-05-27
js实现div色块拖动录制
本文实例为大家分享了js实现div色块拖动录制的具体代码，供大家参考，具体内容如下描述：实现一个div50*50的色块，拖动它生成一个轨迹，松手后，这个div会重复你刚才拖动的这个路径。效...
2020-05-27
使用Karma做vue组件单元测试的实现
养成良好的编码习惯，一个合格的程序员需要掌握一些编写单元测试的能力。单元测试也可以整体上提升我们的代码质量，这里介绍下 VUE 组件的单元测试。如果想直接通过 Demo 学习，...
2020-05-27
vue列表数据发生变化指令没有更新问题及解决方法
问题描述，在vue的for循环中使用了指令，然后对数据进行筛选的时候，发现指令没有起作用。 如图前面的图标是根据文件名的后缀名，返回响应图标的，通过指令实现的。然后我们在搜索框...
2020-05-27
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
平时项目中，经常会做一些下拉菜单等效果，这种效果可能会需要通过一个按钮来控制显示隐藏，并且当点击页面其他空白区域时，也要将其隐藏。简单写个Demo <!-- 按钮 --> <button @cl...
2020-05-27
js实现div色块碰撞
本文实例为大家分享了js实现div色块碰撞的具体代码，供大家参考，具体内容如下描述：生成两个div色块，一个可以拖动，一个不可以，用拖动的去撞击不能动的，会将这个色块随机撞到一个位置...
2020-05-27
JS实现可视化音频效果的实例代码
效果如图：背景图片可以换成自己喜欢的或者不用，线条的颜色粗细也可以自己调整。代码如下（可直接复制使用）：<html lang="en"> <head> <meta charset="UTF-8"> <title>可视化音频</...
2020-05-27
