JavaScript - 教程之家

446浏览

0评论

微信小程序实现滑动翻页效果(完整代码)

微信小程序实现滑动翻页效果，效果图如下所示：源码：
<view class="mainFrame"> <swiper class="container" indicator-dots="{{indicatorDots}}" indicator-dots="{{indicatordo...

2020-05-27

91浏览

0评论

微信小程序实现滚动加载更多的代码

1.需要用到的组件和apiscroll-view（可滚动视图区域）wx.showToast(OBJECT)显示消息提示窗----显示loading小菊花用的2.需要用到的属性 3.scrol-view需要指定一个高度，这个高度可...

2020-05-27

630浏览

0评论

微信小程序中插入激励视频广告并获取收益(实例代码)

最近微信小程序后台发送通知，小程序激励式视频广告组件日前已全量上线，也就是说大家可以在小程序中插入激励视频广告了，之前只允许小游戏可以使用。激励式视频广告用户在小程...

2020-05-27

99浏览

0评论

JavaScript中的函数申明、函数表达式、箭头函数

JavaScript中的函数可以通过几种方式创建，如下。// 函数声明function getName() {　　return 'Michael'}// 函数表达式const getName = function() {　　return 'Michael'}//...

2020-05-27

82浏览

0评论

js实现图片粘贴到网页

本文实例实现通过按下ctrl + v将粘贴板上的图片粘贴到网页中,话不说直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片粘贴</title> <s...

2020-05-27

92浏览

0评论

JQuery样式与属性设置方法分析

本文实例讲述了JQuery样式与属性设置方法。分享给大家供大家参考，具体如下：Jquery属性的获取与设置//找到第一个input，通过attr设置属性value的值$("input:first").attr('value...

2020-05-27

81浏览

0评论

JQuery常用简单动画操作方法回顾与总结

本文实例讲述了JQuery常用简单动画操作方法。分享给大家供大家参考，具体如下：jQuery基础动画回顾 .hide() 隐藏动画...

2020-05-27

339浏览

0评论

Vue+Node实现商品列表的分页、排序、筛选，添加购物车功能详解

本文实例讲述了Vue+Node实现商品列表的分页、排序、筛选，添加购物车功能。分享给大家供大家参考，具体如下：1、分页商品列表的分页实现是后台根据前端请求的页面大小、页码位置，...

2020-05-27

92浏览

0评论

Vue学习笔记之计算属性与侦听器用法

本文实例讲述了Vue计算属性与侦听器用法。分享给大家供大家参考，具体如下：vue之所以加载速度非常块，是因为在数据改变时，它并不是将所有组件都刷新，而是在重用代码的基础上对发生...

2020-05-27

101浏览

0评论

vue 实现LED数字时钟效果（开箱即用）

实现思路
每一个数字由七个元素构成，即每一个segment元素。0~9 的数字都有自己的构成方式，用数组表示，即digitSegments数组。例如：
数字0用数组表示就是[1,2,3,4,5,6]，定时器每...

2020-05-27

157浏览

0评论

详解小程序BackgroundAudioManager踩坑之旅

由于贵公司业务发展需要，切图仔开始写起了小程序啦（兴奋地搓小手手）贵公司是知识付费平台，需要音频播放课程，同时希望用户在退出小程序后依然可以听课。在这种情况下，小程序的API...

2020-05-27

148浏览

0评论

vue实现数字动态翻牌的效果（开箱即用）

实现效果图原理
将1~9的数字竖直排版，通过translate移动位置显示不同数字，使用transition控制transform属性有动画效果
技术点css 属性 writing-mode: vertical-lr，使数字竖直...

2020-05-27

137浏览

0评论

微信域名检测接口调用演示步骤（含PHP、Python）

微信域名检测接口是腾讯官方发布的api接口，调用检测接口即可返回域名在微信内的生存状态，如果已被拦截返回结果提示“域名被封”，如果未被拦截则返回结果提示“域名正常”。微...

2020-05-27

126浏览

0评论

详解一些适用于Node.js的命名约定

序言
There are only two hard things in Computer Science: cache invalidation and naming things.
-- Phil Karlton我乔鲁诺·乔巴拿有一个梦想，便是要成为程序员巨星。但...

2020-05-27

82浏览

0评论

JS中的模糊查询功能

在项目中会用到模糊查询，之前在首页是用的element的tree显示的目录，会有用到搜索，但tree里边会有自带的模糊查询，用filter-node-method方法使用但上次的项目中又涉及到不试用插...

2020-05-27

311浏览

0评论

vue vant Area组件使用详解

官网中给的内容太少，引入官网中的Area例子之后，发现弹出来的组件里并没有数据。
1.下载areaList.js并在使用的模板中引用官方网站 areaList.jsimport areaList from '../../a...

2020-05-27

97浏览

0评论

javascript数组元素删除方法delete和splice解析

这篇文章主要介绍了javascaipt数组元素删除方法delete和splice解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、...

2020-05-27

198浏览

0评论

vue使用nprogress实现进度条

本文实例为大家分享了vue使用nprogress进度条展示的具体代码，供大家参考，具体内容如下安装npm i nprogress -S使用
在main.js中import NProgress from 'nprogress'import 'npr...

2020-05-27

107浏览

0评论

vue路由传参三种基本方式详解

这篇文章主要介绍了vue路由传参三种基本方式详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下现有如下场景，点击父组...

2020-05-27

89浏览

0评论

简述Vue中容易被忽视的知识点

前言
Vue的学习成本和难度不高，这除了和框架本身的设计理念有关之外，还和Vue完善的官方文档有着密不可分的关系，相信有很多的开发者和我一样，很长时间没有仔细去看过官方文档了，...

2020-05-27

84浏览

0评论

使用vuex较为优雅的实现一个购物车功能的示例代码

前言最近使用Vue全家桶手撸了一个pc版小米商城的前端项目，对于组件通信和状态管理有了一个更加深刻的认识。因为组件划分的比较细，开始我使用的是基本的props和emit传值，后来发...

2020-05-27

96浏览

0评论

vue新建项目并配置标准路由过程解析

这篇文章主要介绍了vue新建项目并配置标准路由过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下配置路由所有用...

2020-05-27

163浏览

0评论

Vue替代marquee标签超出宽度文字横向滚动效果

一、npm 安装如果你想安装插件（自己写的）安装# install dependenciesnpm i marquee-components使用在main.js引入import marquee from 'marquee-components'Vue.use(marquee )...

2020-05-27

162浏览

0评论

vue如何使用async、await实现同步请求

这篇文章主要介绍了vue如何使用async、await实现同步请求,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下以下是vue met...

2020-05-27

190浏览

0评论

微信小程序图片加载失败时替换为默认图片的方法

先看一下效果图：1、第一种情况：单独加载一个图片
index.wxml代码：<image class="userinfo-avatar" src="{{avatar}}" binderror="errorFunction"></image>index.js代码：errorFun...

2020-05-27

215浏览

0评论

vue基于v-charts封装双向条形图的实现代码

我们先来看实现效果
以这张图来举例
通过重新封装可以实现双向条形图的显示
既可以横向比较同一天的收入支出情况
也可以竖向比较不同日期的收入/支出情况我们先来准备数据...

2020-05-27

91浏览

0评论

Vue extend的基本用法(实例详解)

Vue.extend 属于 Vue 的全局 API，在实际业务开发中我们很少使用，因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。我们创建Vue实例时，都会有一个el选项，来指...

2020-05-27

81浏览

0评论

vue 实现websocket发送消息并实时接收消息

公司做了个数字货币行情的H5，需要用到websocket，刚好自己也不会，可以学习一下，美滋滋。项目结合vue脚手架和websocket来搭建，主要遇到了两个问题，一个是：断开重连机制要如何处理；另...

2020-05-27

280浏览

0评论

js刷新页面location.reload()用法详解

本文介绍了js刷新页面函数location.reload()的用法，有关js location.reload()函数的例子，有需要的朋友参考下。
在javascript编程中，多使用location.reload实现页面刷新。例子：w...

2020-05-27

153浏览

0评论

element-ui如何防止重复提交的方法步骤

先说对话框（Dialog）里的表单提交
错误方案
说起错误方案，比如，点击提交按钮，本地验证，验证通过立即让按钮不可点，这些没问题，而我的错误点概括是：在某个最后执行的回调函数的最后一行...

2020-05-27

319浏览

0评论

Vue实现渲染数据后控制滚动条位置(推荐)

需求场景如下:实现了消息发送，如果容器内消息过多，会出现滚动条，最新的消息位于最底部，不能及时出现在可视区域内，此时就需要在渲染列表后，将滚动条的位置定位到最底部。先来看看...

2020-05-27

100浏览

0评论

Vue的transition-group与Virtual Dom Diff算法的使用

开始
这次的题目看上去好像有点奇怪：把两个没有什么关联的名词放在了一起，正如大家所知道的，transition-group就是Vue的内置组件之一主要用在列表的动画上，但是会跟Virtual Dom...

2020-05-27

140浏览

0评论

JS实现拼图游戏

使用JS制作了一款拼图游戏供大家参考。原理分析：1.鼠标的点击和松开事件
2.显示原图作为参考
3.方块的移动替换
4.是否完成拼图的判断
5.完成之后会弹窗提示效果演示代码展示...

2020-05-27

95浏览

0评论

使用Bootstrap做一个朝代历史表

什么是 Bootstrap？
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。引入CDN,算好需要合并的单元格。<!DOCTYPE h...

2020-05-27

110浏览

0评论

基于vue实现图片验证码倒计时60s功能

1.基于VUE实现图片验证码html: <div class="formItem pr"> <img src="../../image/icon2.png" alt=""> <input type="text" placeholder="请输入验证码">...

2020-05-27

101浏览

0评论

vue实现短信验证码登录功能（流程详解）

无论是移动端还是pc端登录或者注册界面都会见到手机验证码登录这个功能，输入手机号，得到验证码，最后先服务器发送请求，保存登录的信息，一个必不可少的功能思路1，先判断手机号和验...

2020-05-27

117浏览

0评论

vue实现随机验证码功能(完整代码)

效果图：1.html代码<div class="form-group" style="display: flex;"> <div> <span>验证码：</span> <input type="text" id="code" v-model="code" class="code" placeho...

2020-05-27

136浏览

0评论

vue仿淘宝滑动验证码功能(样式模仿)

我们知道验证码的目的是为了验证到底是人还是机器。
淘宝滑动验证码会采集用户的操作数据，环境数据等等，通过算法加密成一个字符串，提交到服务器分析，判断是不是人工在操作。...

2020-05-27

78浏览

0评论

JavaScript多种滤镜算法实现代码实例

这篇文章主要介绍了JavaScript多种滤镜算法实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.灰色滤镜设定...

2020-05-27

90浏览

0评论

使用原生JS实现火锅点餐小程序（面向对象思想）

本次小程序采用ES6开发标准，不会的宝宝们请先学习，再来观看吧！使用条件：使用ES6标准开发；因为采用了Bootstrap在线，所以需要联网；VSCode开发工具，在本地服务器中打开。代码展示： Dem...

2020-05-27

111浏览

0评论

原生js实现随机点餐效果

html:<div class="wrap"> <div id="box"> </div><button id="start">开始</button><button id="stop">停止</button>css:.wrap{ width: 500px; height: 400px;...

2020-05-27

137浏览

0评论

JS实现点餐自动选择框(案例分析)

效果图:1. 目标需求(一共两个)：1.点击上方全选/全不选选择框，实现对应功能
2.点击下方选择框，如果所有选择框同时被选中，则上方全选框自动变成勾选状态，否则是非勾选状态2.思路分...

2020-05-27

231浏览

0评论

vue excel上传预览和table内容下载到excel文件中

excel上传预览这里会用到npm i element-uinpm i xlsx在vue的template中写上，排版和css看个人需求<div> 选择文件 <input type="file" d="file_input" @change="importf(this)...

2020-05-27

146浏览

0评论

微信小程序登陆注册功能的实现代码

我们在开发小程序时，难免会用到登陆注册功能。通常小程序有为我们提供用户授权登陆的功能，但是这个只能获取用户的头像和昵称，我们该怎么样来实现小程序账号密码的注册和登陆呢...

2020-05-27

149浏览

0评论

微信小程序实现注册登录功能(表单校验、错误提示)

口说无凭，实现效果如下前端部分
注册功能1、wxml文件<view> <view class="frm"> <view class="ui-row ui-row-border-top ui-row-border-bottom" style="margin-bottom: 2...

2020-05-27

145浏览

0评论

element表格翻页第2页从1开始编号(后端从0开始分页)

项目中常见的分页显示，第二页从1开始编号，然后在切换分页的过程中，偶现不对，都是小问题，整理记录一下，供参考。
template：...<el-table-column type="index" label="编号":index="g...

2020-05-27

85浏览

0评论

javascript实现弹出层效果

弹出层和弹窗相似但是并不相同；弹窗和弹出层都是由用户触发的显示提示信息的弹出面板；但是弹窗只是显示一些信息，没有太多的复杂的交互事件；而弹层类似一个整个页面，可以实现页面...

2020-05-27

79浏览

0评论

jQuery实现弹出层效果

本文实例为大家分享了jQuery实现弹出层的具体代码，供大家参考，具体内容如下###jQuery实现弹出层效果点击弹出层：弹出弹出层
点击阴影：关闭弹出层
点击“关闭”关闭弹出层整体代...

2020-05-27

82浏览

0评论

jQuery实现消息弹出框效果

本文实例为大家分享了jQuery消息弹出框的具体代码，供大家参考，具体内容如下效果图实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- BootCDN提...

2020-05-27

165浏览

0评论

微信小程序 this.triggerEvent()的具体使用

在对组件进行封装时在当前页面想要获取组件中的某一状态，需要使用到this.triggerEvent(' ',{},{}),第一个参数是自定义事件名称，这个名称是在页面调用组件时bind的名称，第二个...

2020-05-27

热门文章