vue实现录音跟读功能
使用方式script方式直接引入dist下的recorder.js即可let recorder = new Recorder();npm方式关注我的微信公众号【前端基础教程从0开始】,加我微信,可以免费为您解答问题。回复“1”,拉你进程序员技术讨论群。回复“小程序”,领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”,领取300G前...
2024-01-10vue实现评论列表功能
具体代码如下所示:<!DOCTYPE html><html> <head> <title>简易评论列表</title> <meta charset="utf-8"> <link rel="stylesheet" href="node_modules\bootstrap\dist\css\bootstrap.css" rel="external nofollow" rel="external nofollow" > </head> <body> <div id="app"> ...
2024-01-10vue.js实现图书管理功能
本文实例为大家分享了vue.js实现图书管理功能的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <sc...
2024-01-10vue实现购物车(功能最完整)
购物车已经封装成组件, 直接使用即可使用github地址, 记得加星哦废话不多说, 直接贴效果图, 需要源码的直接点击最后面的GitHub地址下载(鼠标移入出现, 移除消失)准备工作, 安装less,当购物里面有订单时效果图(实现了删除, 统计订单数)当没有订单时显示空时效果图(如果效果好还请...
2024-01-10vue实现密码显示隐藏切换功能
先给大家分享效果图:具体实现代码如下所示:html:<group> <span>设置密码</span> <x-input :type="this.registration_data.pwdType" placeholder="请填写密码" @on-change="password"></x-input> <img :src="this.registration_data.src" @click="changeType()"/></group>script:data () { return { reg...
2024-01-10Vue实现本地购物车功能
本文实例为大家分享了Vue实现本地购物车功能的具体代码,供大家参考,具体内容如下功能分析 : v-for显示商品名字,价格,数量和对商品进行操作,全选的功能结构仍然分成 : index.html , index.js , style.cssindex.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车实例</title> <link rel="stylesheet" hre...
2024-01-10Vue实现简易记事本功能
本文实例为大家分享了Vue实现简易记事本功能的具体代码,供大家参考,具体内容如下预览图:功能如下:(1)输入任务并按下回车键,可将任务添加至任务列表(不可输入重复任务)(2)点击删除,可删除对应任务(3)点击清空,所有任务都会被删除(4)左下角同步显示任务总数完整代码...
2024-01-10基于vue.js实现分页查询功能
利用vue.js实现数据库分页,供大家参考,具体内容如下最新项目有一个分页功能,画面风格很简朴给的样图就用【1】表示页码了, 因此,我没有上网上找插件,自己简单的做了一个。作为菜鸟,代码可能有点青涩,请见谅。 除了vue我还引用了Bootstrap的类和图标html<div class="paging"> <ul class="p...
2024-01-10vue项目中实现的微信分享功能示例
本文实例讲述了vue项目中实现的微信分享功能。分享给大家供大家参考,具体如下:/* 微信分享 */Vue.prototype.wechatShare = (shareData) => { let resource = { title: '随我心愿!', desc: '体验优质服务', link: 'https://www.abc.cn/', img: 'https://www.abc.cn/images/share_logo.jpg' } let obj = Object.assign({}, re...
2024-01-10Vue 中登录功能的简单实现
登录表单验证用户名与密码,发送登录请求login() { // 数据验证 this.$refs.loginFormRef.validate(async valid => { // 验证不通过 if (!valid) return // 数据请求 const { data: res } = await this.$https.post('login', this.loginForm) // 登录失败 if (res.meta.status !== 200) return...
2024-01-10JS实现快递单打印功能【推荐】
最近做项目需要打印快递单,在网上搜索了一下发现直接给出代码的比较少。 首先说一下js网页打印的几种方法:1.window.print()会弹出打印对话框2.使用html 标签引入Webbrowser控件 这种方式是其只兼容IE10以下的浏览器,其他浏览器不可使用3.document.execCommand(”print”)类似window.print() **4.采用JQuery...
2024-01-10vue项目实现github在线预览功能
最近在使用 vue-cli 脚手架工具构建自己的第一个 vue 项目,有点小激动,想把它上传到 github 并展示一下预览效果,结果踩了好多坑,折腾了大半天才弄好。这里假设你也是和我一样使用了 vue-cli 搭建了自己的项目,并且项目也已经上传到了 github问题1当我们在命令行执行 npm run build 后,项目的目录下...
2024-01-10Vue动态面包屑功能的实现方法
面包屑应该是我们在项目中经常使用的一个功能,一般情况下它用来表示我们当前所处的站点位置,也可以帮助我们能够更快的回到上个层级。今天我们就来聊聊如何在 Vue 的项目中实现面包屑功能。以下案例都是使用 Element-UI 进行实现。最笨的方式首先我们想到的最笨的方法就是在每个需要面包屑...
2024-01-10vue实现侧边栏导航效果
本文实例为大家分享了vue侧边栏导航的具体代码,供大家参考,具体内容如下最终效果点击下一个导航,上一个导航自动收回实现代码1.下载vue-routernpm install vue-router --save-dev2.在main.js中引入import Vue from 'vue'import Router from 'vue-router' Vue.use(Router) // 引入路由3.在components中新建组件3.1 agencySearch.vu...
2024-01-10vue实现跨域的方法分析
本文实例讲述了vue实现跨域的方法。分享给大家供大家参考,具体如下:在请求的资源上没有“访问控制允许源”标头。因此,“http://LoalHoal:8081”是不允许访问的。出现这个报错就说明,浏览器限制了跨域,需要设置跨域一、后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问header('A...
2024-01-10vue实现二级导航栏效果
本文实例为大家分享了vue实现二级导航栏效果展示的具体代码,供大家参考,具体内容如下实现如下功能:在.vue文件中,template中的内容如下:<template> <div id="app"> <nav class="sidebar"> <ul class="menu"> <li v-for="(navList,index) in navLists" :key="index" class="forRealitive" v-on:mouseover="showToggle(index)" v-on...
2024-01-10vue实现的上拉加载更多数据/分页功能示例
本文实例讲述了vue实现的上拉加载更多数据/分页功能。分享给大家供大家参考,具体如下:加载状态<div v-if='has_log == 0'> <load-more tip="上拉加载" :show-loading="false" background-color="#fbf9fe"></load-more> </div> <div v-if='has_log == 1'> <load-more tip="正在加载" :show-loading="true"></load-more> </d...
2024-01-10使用canvas实现一个vue弹幕组件功能
看B站时,对弹幕的实现产生了兴趣,一开始想到用css3动画去实现,后来感觉这样性能不是很好,查了下资料,发现可以用canvas实现,于是就摸索着写了一个简单的弹幕。弹幕功能支持动态添加弹幕弹幕不重叠自定义弹幕颜色效果图demo 源码地址前端框架选了比较熟悉的vuejs弹幕滚动的基本思...
2024-01-10java web实现简单留言板功能
本文实例为大家分享了java web实现简单留言板的具体代码,供大家参考,具体内容如下一、目标用户可以登录并记住密码进入留言板,添加留言,点击留言列表中的标题可显示该条留言全部内容。二、相关知识1、使用Cookie实现自动登录用户第一次登录网站,服务器将用户名和密码以Cookie的形式发...
2024-01-10亲自动手实现vue日历控件
之前项目中有用到日历控件,当时由于时间问题,是在网上找到一个demo,然后二次开发的,从那时就想着自己写一个日历控件。这篇文章说明日历数据的处理,去除月份天数判断以及是否闰年判断。 设计(以最常用的按月份的日历)日历其实大家都很熟悉,一切的设计都是从功能出发,这是根本。...
2024-01-10Java实现lucene搜索功能的方法(推荐)
直接上代码:package com.sand.mpa.sousuo;import java.io.BufferedReader;import java.io.File;import java.io.FileReader;import java.io.FileWriter;import java.io.IOException;import java.io.PrintWriter;import java.sql.Connection;import java.sql.DriverManager;import ja...
2024-01-10vue 实现多组合复选框案例
完成效果如图:当我们点击标题全选时 指定店铺所有商品都被选中,取消时全取消当我们选择某店铺商品数量等于该店铺所有商品时,该店铺全选按钮被选中 废话不多说,代码呈上 欢迎给出更好的方案实现该功能---------------------------------------------------- goods_select.vue ---------------------------...
2024-01-10使用vue 国际化i18n 实现多实现语言切换功能
安装npm install vue-i18n新建一个文件夹 i18n ,内新建 en.js zh.js index.js 三个文件准备翻译信息en.jsexport default { home: { helloworld: "hello workd !" }};zh.jsexport default { home: { helloworld: "你好世界" }};index.js创建Vue-i18n实例import Vue from "vue";import VueI18n from "vue-i18n"...
2024-01-10vue中怎样实现省市区三级联动?
如图:我这三个下拉框的数据都是单独请求的,唯一的联系就是省的id是市的pid,市的id是去的pid,如下:这是我下拉框的代码<el-form-item label="所在省" prop="province"> <el-select v-model="forms.province" placeho...
2024-02-28JS实现自定义弹窗功能
众所周知,浏览器自带的原生弹窗很不美观,而且功能比较单一,绝大部分时候我们都会按照设计图自定义弹窗或者直接使用注入layer的弹窗等等。前段时间在 慕课网 上看到了一个自定义弹窗的实现,自己顺便就学习尝试写了下,下面是主要的实现代码并添加了比较详细的注释,分享出来供大家参考...
2024-01-10