162浏览

0评论

vue使用nprogress实现进度条

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

• 2020-05-27

71浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

51浏览

0评论

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

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

• 2020-05-27

69浏览

0评论

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

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

• 2020-05-27

123浏览

0评论

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

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

• 2020-05-27

127浏览

0评论

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

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

• 2020-05-27

154浏览

0评论

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

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

• 2020-05-27

177浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

51浏览

0评论

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

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

• 2020-05-27

248浏览

0评论

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

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

• 2020-05-27

118浏览

0评论

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

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

• 2020-05-27

283浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

JS实现拼图游戏

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

• 2020-05-27

71浏览

0评论

使用Bootstrap做一个朝代历史表

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

95浏览

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

104浏览

0评论

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

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

• 2020-05-27

45浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

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

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

• 2020-05-27

77浏览

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

101浏览

0评论

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

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

• 2020-05-27

209浏览

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

108浏览

0评论

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

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

• 2020-05-27

108浏览

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

108浏览

0评论

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

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

• 2020-05-27

54浏览

0评论

javascript实现弹出层效果

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

• 2020-05-27

56浏览

0评论

jQuery实现弹出层效果

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

• 2020-05-27

53浏览

0评论

jQuery实现消息弹出框效果

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

• 2020-05-27

142浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

jquery实现弹窗（系统提示框）效果

本文实例为大家分享了jquery实现系统提示框的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/jquery-1.11...

• 2020-05-27

78浏览

0评论

这样回答继承可能面试官更满意

9021年底了，突然想在这个最后一个月准备一下，试试机会，能否更进一步。所以开始准备一些基础知识，也随带总结出来给各位想换工作的同学。希望大家能找到自己想要的工作。祝大家好...

• 2020-05-27

58浏览

0评论

jQuery实现验证用户登录

前言前面的博客对jQuery有所介绍，所以接下来的这几篇博客是对jQuery的介绍，具体介绍方式是用例子呈现给大家。内容显示效果输入之前输入之后点击校验废话少说，先上代码：HTML代码...

• 2020-05-27

49浏览

0评论

js中Function引用类型常见有用的方法和属性详解

Function类型
函数由于是Function类型的一个实例,所以函数名就是一个指向函数对象的指针,不会与某个函数死死的连接在一起,这也导致了js中没有真正的重载,但好处是,函数对象...

• 2020-05-27

57浏览

0评论

小程序接口的promise化的实现方法

最近在写微信小程序，为了能用上 async/await 方法，需要把微信提供的异步操作包装成 Promise 对象，为此写了一个简单的 promise(fie) 函数：/** * @function promise - 将 wx 接口...

• 2020-05-27

41浏览

0评论

Angular封装表单控件及思想总结

前言前端框架的强大无疑给开发者省去了不少烦恼，又因比较完善的UI库支撑，让部分后端开发者能够省去大量样式设计的时间成本，纵然如此，业务的多变性是框架本身无法预料的，很多的控...

• 2020-05-27

58浏览

0评论

详解如何在JS代码中消灭for循环

Edit: 在我入职第三家公司的第一天，看到代码库里面一堆的 for 循环，内心有些崩溃，于是做了一次技术分享，展示怎样在代码中避免 for 循环。这篇文章是那次分享的总结。本文并不完...

• 2020-05-27

146浏览

0评论

vue element自定义表单验证请求后端接口验证

做vue项目的时候遇到了一个需求，在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值。template<el-form-item label="账户" prop="userid"> <el-input v-...

• 2020-05-27

65浏览

0评论

jQuery实现菜单显示效果

前言上一篇博客更新了在页面中可以像Excel表格一样输入的表格，这篇博客介绍一下我们经常可以在各大网站看到的菜单栏显示效果的程序。内容显示效果：照例，先上代码，HTML代码：<!DOC...

• 2020-05-27

48浏览

0评论

jQuery实现可编辑的表格

前言上一篇博客更新了在页面中如何判断用户名是否已经被输入，这篇博客介绍一下页面中的表格内容如何像Excle表格一样修改。内容
显示效果照例，先上代码HTML代码：
<!DOCTYPE htm...

• 2020-05-27

44浏览

0评论

基于jQuery实现可编辑的表格

前言我们知道jQuery是一个轻便的JavaScript框架，里面封装了系统和程序常用到的一些方法，利用CSS、HTML可以将这些内容运用起来，做出各式各样好看的界面，下面小编使用jQuery实现...

• 2020-05-27

431浏览

0评论

详解vue中$nextTick和$forceUpdate的用法

1、$nextTick
vm.$nextTick( [callback] )this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行,在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTic...

• 2020-05-27

82浏览

0评论

js消除图片小游戏代码

js消除图片小游戏，效果如下所示：做了一个简易的消除图片的小游戏，没有连线的规则。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...

• 2020-05-27

68浏览

0评论

用JS实现一个简单的打砖块游戏

话不多说，先看看效果：HTML架构部分<!-- HTML结构 --><div class="content"> <div class="game"></div> <div class="container"> <h2>打砖块小游戏</h2> <hr...

• 2020-05-27

67浏览

0评论

Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)

1、前阶段做了这个地址管理页面，实现的过程中遇到了很多的问题，好在最后实现了，在此记录一下：首先是加载页面阶段ajax从数据库中获取数据，然后动态的显示在页面中，随后可以点击单...

• 2020-05-27

74浏览

0评论

Vue.js实现可编辑的表格

本文实例为大家分享了Vue.js实现可编辑的表格的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" hre...

• 2020-05-27

108浏览

0评论

vue el-table实现行内编辑功能

最近做一个vue前后端分离的项目，前端框架用element ui，在 使用 el-table 的过程中，需要实现行内编辑，效果大概是这样：分为下面几个步骤：（1） 自定义 el-table 的表头（即添加 “新增”...

• 2020-05-27