JavaScript - 教程之家

74浏览

0评论

小程序实现投票进度条

本文实例为大家分享了小程序投票进度条的具体代码，供大家参考，具体内容如下示例图：上代码：index.wxml:<view class='clo_jdt'> <view style='width:{{width}}'></view> </view>...

2020-05-27

82浏览

0评论

微信小程序实现时间进度条功能

关于答题类，或者一些游戏环节的小程序需要用到时间进度条，该功能怎么实现？看下面源码<view class='out' style='margin-top:10px'> <view class='in' style='width:{{progressW...

2020-05-27

88浏览

0评论

vue实现element表格里表头信息提示功能(推荐)

如图：在element表格操作一栏需要添加提示功能实现效果如图：鼠标浮上去弹出tips 解决方案1、编写组件在 promptMessage.vue 文件里面实现<template><!-- 处理element表格表头...

2020-05-27

77浏览

0评论

微信小程序实现锚点功能

“锚点”功能在实际应用设计的好，可以提高用户体验。今天碰到一个类似下面功能：由于页面数据比较多，除了做些上拉加载，下拉刷新等优化。还可以进行进行分类，如上图。功能要求:点...

2020-05-27

86浏览

0评论

微信小程序实现上拉加载功能

本文实例为大家分享了微信小程序上拉加载的具体代码，供大家参考，具体内容如下demo.wxml 文件<view wx:for="{{listdata}}" wx:key="listdata" class='listitem'> <view class...

2020-05-27

105浏览

0评论

vue移动端模态框(可传参)的实现

1-封装模态框组件Mydialog (样式可以自己写)<template> <transition name="modal" tag="div"> <div class="modal" v-show="visible" transition="fade"> <div class="mo...

2020-05-27

163浏览

0评论

微信小程序实现音乐播放器

今天继续玩小程序的api，看着别人例子跟着做一个小程序，留下一个脚印吧。末尾附上github源码地址。实现以下微信小程序的音乐播放器，先看下效果图界面做的确实挺丑的，先上wxss文...

2020-05-27

70浏览

0评论

微信小程序音乐播放器开发

前言这篇文章上一版本是用audio组件开发的播放器，随后反应音频加载速度慢的问题又用小程序内置的背景音乐播放的方法写了一遍，逻辑是一样的逻辑，希望对大家有所帮助！ <view cla...

2020-05-27

84浏览

0评论

微信小程序实现星级评价

本文实例为大家分享了微信小程序星级评价的具体代码，供大家参考，具体内容如下效果图wxml<view class='assess-star'> <view class='star-wrap'> <view class='star-item' w...

2020-05-27

104浏览

0评论

Vue实现按钮级权限方案

演示在年初开发一个中后台管理系统，功能涉及到了各个部门（产品、客服、市场等等），在开始的版本中，我和后端配合使用了花裤衩手摸手系列的权限方案，前期非常nice，但是慢慢的随着功能...

2020-05-27

100浏览

0评论

稍微学一下Vue的数据响应式（Vue2及Vue3区别）

什么是数据响应式
从一开始使用 Vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。
换句话说就...

2020-05-27

91浏览

0评论

JavaScript实现简单随机点名器

本文实例为大家分享了js随机点名器的具体代码，供大家参考，具体内容如下<html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-05-27

87浏览

0评论

js实现课堂随机点名系统

本文实例为大家分享了js随机点名系统的具体代码，供大家参考，具体内容如下style样式<style> .cor { background-color: #6083cd; } #box { width: 500px; border: 2px solid...

2020-05-27

108浏览

0评论

Vue 中 filter 与 computed 的区别与用法解析

watch与computed、filter：watch:监控已有属性，一旦属性发生了改变就去自动调用对应的方法computed:监控已有的属性,一旦属性的依赖发生了改变，就去自动调用对应的方法filter:js...

2020-05-27

127浏览

0评论

webpack常用构建优化策略小结

简介
读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度更精准的loader规则
将loader规则写清楚仅让需要处理的文件，进入lo...

2020-05-27

98浏览

0评论

浅谈Vue SSR中的Bundle的具有使用

前言写过Vue SSR的都知道，Vue通过提供server和client的webpack插件生成bundle josn，从而实现类似服务端的热更以及客户端资源的优化注入。那么这两个个bundle到底有什么神奇的...

2020-05-27

82浏览

0评论

vue element 中的table动态渲染实现（动态表头）

通过在vue中使用element的table表格，实现数据动态渲染，并且动态渲染表头。通过在父组件中引入子组件表格，然后向子组件传递表格数据和表头数据。
子组件table中template模板
<e...

2020-05-27

169浏览

0评论

Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)

最近做的一个项目是基于 vue + AntDesign 的。由于项目要求，需要在 Table 组件的行内点右键的时候弹出菜单。在线演示地址及最终效果图如下：在线演示地址>> 首先新建一个Table...

2020-05-27

90浏览

0评论

如何基于原生javaScript生成带图片的二维码

这篇文章主要介绍了如何基于原生javaScript生成带图片的二维码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下使用链接...

2020-05-27

93浏览

0评论

小程序api实现promise封装过程解析

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

2020-05-27

80浏览

0评论

通过原生vue添加滚动加载更多功能

这篇文章主要介绍了通过原生vue添加滚动加载更多功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下vue中添加滚动加载...

2020-05-27

569浏览

0评论

微信小程序动态设置图片大小的方法

我们都知道微信小程序的组件image是用来显示图片的，它有一下几个属性：
1、src 图片资源地址
2、mode 图片裁剪、缩放的模式
3、binderror 当错误发...

2020-05-27

198浏览

0评论

vue移动端使用appClound拉起支付宝支付的实现方法

1-首先在config.xml中进行配置 <feature name="aliPay"> <param name="urlScheme" value="AliPayA000000000" /> </feature>2-在自己的应用中添加支付宝支付的模块
3.使用支...

2020-05-27

96浏览

0评论

Node如何后台数据库使用增删改查功能

这篇文章主要介绍了Node如何后台数据库使用增删改查功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下无论node还是j...

2020-05-27

103浏览

0评论

Vue数据双向绑定底层实现原理

简介：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。简单的说，就是数据变视图变。当你把一个普通...

2020-05-27

148浏览

0评论

小程序实现图片预览裁剪插件

最近在帮工作室做一个小程序，在换背景图的时候需要预览图片，并且需要裁剪成固定的尺寸。因为小程序并不支持原生的dom操作，导致很多现有的插件都无法使用，所以花了半天专门做了...

2020-05-27

208浏览

0评论

微信小程序商品详情页底部弹出框

电商项目中商品详情页，加入购物车或者下单时可以选择商品属性的弹出框，通过设置view的平移动画，达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数，当点击对话框...

2020-05-27

98浏览

0评论

Js代码中的span拼接问题解决

这篇文章主要介绍了Js代码中的span拼接问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下今天遇到一个小需求，用bo...

2020-05-27

130浏览

0评论

微信小程序实现Swiper轮播图效果

本文实例为大家分享了微信小程序轮播图的具体代码，供大家参考，具体内容如下1.逻辑层mine.js// pages/mine/mine.jsPage({ /** * 页面的初始数据 */ data: { /*轮播图配置*/...

2020-05-27

92浏览

0评论

超简单的微信小程序轮播图

Tips：微信小程序可以在HbuilderX用HTML标签（如Ddiv、span等）写前端代码，也可以用微信小程序语法写（view、swiper标签），然后npm run dev编译后，在微信开发者工具里面导入该项目，就可以...

2020-05-27

127浏览

0评论

Vue混入mixins滚动触底的方法

前言在app端常常看到类似加载数据的动画，接下来我们来实现滚动触底加载动画提示，以及如何复用这些逻辑。如何判断滚动触底来看下几张图：情况一：当文档高度还为超过可视区域高度...

2020-05-27

73浏览

0评论

JavaScript实现省市联动效果

本文实例为大家分享了JavaScript实现省市联动的具体代码，供大家参考，具体内容如下实现效果：1.当点击文字时选中对应的下拉菜单2.选择省，后面跟本省对应的市实现过程： 1.获得省的D...

2020-05-27

91浏览

0评论

解决vue自定义全局消息框组件问题

1.发现问题
在进行移动端适配的时候，为了在各个型号的设备上能够更好的提现结构排版，决定采用rem布局。采用rem布局的时候html的字体font-size是有一个标准的。我这边用的是75...

2020-05-27

148浏览

0评论

js实现录音上传功能

本文实例为大家分享了js代码实现录音上传，供大家参考，具体内容如下1.html页面
2.Recorder.js内容
3.flask写法
1.html页面<!DOCTYPE html><html lang="en"><head> <meta chars...

2020-05-27

157浏览

0评论

微信小程序开发摇一摇功能

微信小程序摇一摇方法定义： let shakeInfo = { openFlag: false,// 是否开启摇一摇，*****注意：如果是小程序全局监听摇一摇，这里默认为true shakeSpeed: 110,//设置阈值,越小越...

2020-05-27

489浏览

0评论

vue使用recorder.js实现录音功能

关于vue使用recorder.js录音功能，供大家参考，具体内容如下**1，引入外部js文件import { HZRecorder} from ‘…/…/utils/HZRecorder.js';js文件内容export function HZRecorde...

2020-05-27

115浏览

0评论

小程序实现录音上传功能

本文实例为大家分享了小程序录音上传的具体代码，供大家参考，具体内容如下首先我们可以先看一下微信小程序的API这里有关于小程序录音的一些基本配置index.wxml:<view class='p...

2020-05-27

115浏览

0评论

webpack优化之代码分割与公共代码提取详解

前言
开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务...

2020-05-27

142浏览

0评论

小程序采集录音并上传到后台

本文实例为大家分享了小程序录音上传的具体代码，供大家参考，具体内容如下demo.wxml<view> <button bindtap='startRecordMp3' type='primary'>录音开始（mp3）</button></view><vi...

2020-05-27

210浏览

0评论

小程序实现按下录音松开识别语音

本文实例为大家分享了小程序按下录音松开识别语音的具体代码，供大家参考，具体内容如下wxml <view class='circle position-absol'> <text wx:if="{{!anmationShow}}" class...

2020-05-27

114浏览

0评论

微信小程序实现录音功能

本文实例为大家分享了微信小程序录音功能的具体代码，供大家参考，具体内容如下release.wxml<scroll-view> <view wx:if="{{voices}}"...

2020-05-27

93浏览

0评论

jquery 插件重新绑定的处理方法分析

本文实例讲述了jquery 插件重新绑定的处理方法。分享给大家供大家参考，具体如下：比如有一个slide的jquery插件，页面打开就对dom进行了绑定。<div class="expert"> <div class=...

2020-05-27

98浏览

0评论

javascript 原型与原型链的理解及实例分析

本文实例讲述了javascript 原型与原型链的理解。分享给大家供大家参考，具体如下：javascript中一切皆对象，但是由于没有Class类的概念，所以就无法很好的表达对象与对象之间的关系...

2020-05-27

105浏览

0评论

node.js中事件触发器events的使用方法实例分析

本文实例讲述了node.js中事件触发器events的使用方法。分享给大家供大家参考，具体如下：node.js是基于事件驱动的，通过events，我们可以方便的创建事件，并通过触发事件来调用我们自...

2020-05-27

120浏览

0评论

node.js中Buffer缓冲器的原理与使用方法分析

本文实例讲述了node.js中Buffer缓冲器的原理与使用方法。分享给大家供大家参考，具体如下：一、什么是BufferBuffer缓冲器是用来存储输入和输出数据的一段内存。js语言没有二进...

2020-05-27

166浏览

0评论

mpvue微信小程序开发之实现一个弹幕评论

先上图就是一个简单的弹幕发送功能弹幕区的页面： <div class="content" v-show="doommData.length"> <div class="textLeft"></div> <div class="textItem"> <p...

2020-05-27

402浏览

0评论

Egg Vue SSR 服务端渲染数据请求与asyncData

服务端渲染 Node 层直接获取数据
在 Egg 项目如果使用模板引擎规范时通是过 render 方法进行模板渲染，render 的第一个参数模板路径，第二个参数时模板渲染数据. 如如下调用方...

2020-05-27

174浏览

0评论

解决Vue.js应用回退或刷新界面时提示用户保存修改问题

在实际应用中，运营人员在编辑数据时不希望因不小心点击了浏览器的回退或刷新按钮导致花费了很长时间编辑的数据丢失。可以采用以下两种手段防止运营编辑时丢失数据：在运营人员...

2020-05-27

104浏览

0评论

JS控制只能输入数字并且最多允许小数点两位

下面通过一段代码给大家介绍JS控制只能输入数字并且最多允许小数点两位，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t...

2020-05-27

409浏览

0评论

通过GASP让vue实现动态效果实例代码详解

单页应用及支持它们的前端框架提供了一个很好的机会，可以为程序设计提供令人惊叹的交互层，本文，我们将了解 vue.js 及如何集成 GASP 动画库来添加令人惊叹的动画效果。Vue.js...

2020-05-27

热门文章