154浏览

0评论

vue+vue-meta-info动态设置meta标签教程

目录vue-meta-info官方介绍vue-meta-info使用在写移动端项目的时候，通常都会设置meta禁止用户缩放。<meta name="viewport" content="width=device-width, user-scalable=no,...

• 2022-04-20

164浏览

0评论

基于JS实现十种酷炫的网页特效

目录1、鼠标点击弹出爱心2、鼠标点击弹出文字3、鼠标点击弹出烟花波纹4、鼠标小星星拖尾跟随5、鼠标粒子随心拖尾跟随6、鼠标笑脸跟随+仙女棒+泡泡+雪花+点击烟花效果（自由组...

• 2022-04-16

303浏览

0评论

基于JS实现的消消乐游戏的示例代码

目录前言游戏的准备工作总结一下棋盘渲染画面动画效果genCollapse()genDownfall()genEmerge()整合效果genLoop()genSwap()前言一直对小游戏挺感兴趣的，也尝试着做过一些小游...

• 2022-04-16

184浏览

0评论

教你巧用 import.meta 实现热更新的问题

目录import.meta应用场景URL()二者结合使用import.metaimport.meta 是一个给 JavaScript 模块暴露特定上下文的元数据属性的对象，它包含了这个模块的信息。import.meta 对象...

• 2022-04-16

127浏览

0评论

移动端调试神器vConsole使用详解

目录介绍功能特性使用方法一：使用 npm（推荐）方法二：使用 CDN 直接插入到 HTML开发环境显示生成环境删除vue案例介绍平时在web应用开发过程中，我们可以console.log去输出一些信息...

• 2022-04-16

135浏览

0评论

vue实现垂直无限滑动日历组件

用vue做了一个垂直无限滑动日历，在这里记录一下实现。效果组件verticalCalendar.vue<template>  <div ref="container" class="calendar-vt">    <div class="top-month">...

• 2022-04-16

100浏览

0评论

vue项目keepAlive配合vuex动态设置路由缓存方式

目录需求效果图解决方案1.App.vue文件2.main.js文件3.store/modules/common.js文件4.utils/utils.js文件5.store/index.js文件6.router/index.js文件7.routers/Home.vue文件...

• 2022-04-16

107浏览

0评论

使用Mockjs模拟接口实现增删改查、分页及多条件查询

目录一、什么是Mock？二、使用Mock有什么好处三、安装Mock四、效果图五、使用Mock模拟接口实现增删改查、分页、多条件查询总结一、什么是Mock？mock官网mock测试就是在测试过程...

• 2022-04-16

107浏览

0评论

带你了解JavaScript中的键盘、鼠标事件

页面事件思考：HTML页面是按照什么样的顺序进行加载的？答案：页面的加载是按照代码的编写顺序，从上到下依次执行的。会出现的问题：若在页面还未加载完成的情况下，就使用JavaScript操...

• 2022-04-16

107浏览

0评论

手把手带你使用Vue + Laravel开发一个简单的 CRUD 应用

CURD （增删改查）是数据存储的基本操作，也是你作为 Laravel 开发人员首先要学习的内容之一但是，如果要结合以 Vue.js 作为前端的应用程序该注意哪些问题呢？首先，因为现在的操作不刷...

• 2022-04-16

115浏览

0评论

了解Node.js Nestjs框架的模块机制，聊聊实现原理

Nest 提供了模块机制，通过在模块装饰器中定义提供者、导入、导出和提供者构造函数便完成了依赖注入，通过模块树组织整个应用程序的开发。按照框架本身的约定直接撸一个应用程...

• 2022-04-09

139浏览

0评论

JavaScript把new给拿捏住了

前言什么是new呢？new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一。光看定义还是有几分晦涩，直接看一个具体的例子，来了解一下JavaScript中的new...

• 2022-04-09

120浏览

0评论

什么是单元测试？Vue 组件怎么进行单元测试？

我们先来简单解释一下单元测试：就是对函数的输入输出进行测试，使用断言的方式，判断我们输入的用例的结果和我们实际输入的结果是否相同组件的单元测试就是使用单元测试工具，对组...

• 2022-04-09

98浏览

0评论

Vue结合ElementUI上传Base64编码后的图片实例

目录ElementUI上传Base64编码后的图片安装ElementUI按需引入(当然如果需要你也可以全部引入)上传实现 ElementUI把上传的图片转为Base64ElementUI上传Base64编码后的图片自...

• 2022-04-08

353浏览

0评论

vue如何根据条件判断按钮是否可以点击

目录根据条件判断按钮是否可以点击方法一：使用v-if 、v-else 来判断方法二：增加一个变量,判断vue判断点击当前元素需要判断你是点击了遮罩层还是form表单接下来是分别对e.curr...

• 2022-04-08

111浏览

0评论

vue实现自定义全局右键菜单

前段时间公司在做一个webIDE项目，其中有对文件树的各种操作，主要通过右键菜单实现，今天就来记录一下怎么在vue项目中实现全局的自定义右键菜单。效果如图所示：注意：需要在项目中...

• 2022-04-08

85浏览

0评论

JavaScript获取URL参数的方法分享

目录一、字符串 split 方法二、使用 URLSearchParams 方法1、解析搜索字符串2、生成搜索字符串3、Node.js 代码三、使用正则匹配方法四、使用第三方库 qs一、字符串 split...

• 2022-04-07

110浏览

0评论

如何通过简单的代码描述Angular父组件、子组件传值

目录引言零、知识铺垫CSS选择器一、什么是父子组件二、父组件调用子组件的方法三、父组件向子组件传值子组件使用@input装饰器接收数据父组件使用方括号[]发送数据升级：子组...

• 2022-04-07

99浏览

0评论

TypeScript 使用 Tuple Union 声明函数重载

问题：TypeScript 中为函数添加多个签名后，依然需要添加相应的代码来判断并从不同的签名参数列表中获取对应的参数。过去常见的写法：function refEventEmitter(event?: string):...

• 2022-04-07

104浏览

0评论

细数localStorage的用法及使用注意事项

目录localStorage 介绍localStorage 使用localStorage的浏览器支持情况 localStorage代码中的使用localStorage 注意事项localStorage 介绍在HTML5中，为了解决cookie存储空间...

• 2022-04-06

261浏览

0评论

Vue draggable实现从左到右拖拽功能

本文实例为大家分享了Vue draggable实现从左到右拖拽功能的具体代码，供大家参考，具体内容如下1、安装插件npm install vuedraggable2、在需要使用的组件中引入import draggabl...

• 2022-04-06

156浏览

0评论

vue-draggable实现pc端拖拽效果

本文实例为大家分享了vue-draggable实现pc端拖拽效果的具体代码，供大家参考，具体内容如下为了实现下面这种布局可拖拽整合调整位置拖拽前：拖拽后：一、安装npm i -S vuedraggable...

• 2022-04-06

100浏览

0评论

Vuejs如何通过Axios请求数据

目录通过Axios请求数据安装Axios工具封装Axios工具配置Axios工具使用Axios工具Vue请求数据(Axios)什么是Axios引入使用方法通过Axios请求数据我们来搭建api接口调用工具Axio...

• 2022-04-06

293浏览

0评论

vue使用SVG实现圆形进度条音乐播放

最近在使用vue做仿网易云音乐的项目，遇到了圆形进度条实现音乐播放的功能，所以我在这里总结一下，分享给大家我的实现方法。我这里主要是通过SVG的方式实现的。效果图：实现过程一...

• 2022-04-06

143浏览

0评论

vue中then后的返回值解析

目录then后的返回值获取.then()中的返回值解决方法如下调用此方法then后的返回值Promise 中处理的是异步调用，异步调用是非阻塞式的，在调用的时候并不知道它什么时候结束，也就...

• 2022-04-06

98浏览

0评论

javascript有main函数吗

javascript有main函数吗javascript没有main函数简介main函数，又称主函数，作为绝大部分C程序唯一的入口，是要求有返回值的，该返回值返回给（如操作系统）来表明该程序的执行状况。返...

• 2022-04-06

222浏览

0评论

vue使用wavesurfer.js解决音频可视化播放问题

目录1.安装wavesurfer2.在页面导入3.上源码4.注释：之前给大家介绍过vue中音频wavesurfer.js的使用方法，感兴趣的朋友可以点击查看，今天继续给大家普及vue解决音频可视化播放，使...

• 2022-04-04

86浏览

0评论

Node.js实现爬取网站图片的示例代码

目录涉及知识点cheerio简介什么是cheerio ?安装cheerio准备工作核心代码示例截图涉及知识点开发一个小爬虫，涉及的知识点如下所示：https模块，主要是用户获取网络资源，如：网页源码...

• 2022-04-04

97浏览

0评论

JS实现数组去重的11种方法总结

目录1.ES5常用：利用for嵌套for，然后splice去重2.ES6常用：Set去重3.indexOf去重4.sort()排序5.对象属性不能相同（不建议）6.includes()7.hasOwnProperty8.filter9.利用递归去重10.M...

• 2022-04-04

98浏览

0评论

vue+echarts实带渐变效果的折线图

本文实例为大家分享了vue+echarts实带渐变效果折线图的具体代码，供大家参考，具体内容如下1、安装echartsnpm install echarts --save2、引入echartsimport echarts from "echa...

• 2022-04-04

114浏览

0评论

关于Vue CLI3中启动cli服务参数说明

目录Vue CLI3启动cli服务参数使用命令vue-cli-service servevue-cli-service buildvue-cli-service inspect查看所有的可用命令Vue常用命令Vue CLI3启动cli服务参数使用命令...

• 2022-04-04

106浏览

0评论

vue-cli3.0如何修改端口号

目录vue-cli3.0修改端口号package.json文件下修改 --portvue.config.js文件下修改vue-cli3.0设置指定端口号运行vue-cli3.0修改端口号package.json文件下修改 --port"script...

• 2022-04-04

126浏览

0评论

vue+echarts实现3D柱形图

本文实例为大家分享了vue+echarts实现3D柱形图的具体代码，供大家参考，具体内容如下1、安装echartsnpm install echarts --save2、引入echartsimport echarts from "echarts";/...

• 2022-04-04

103浏览

0评论

Node.js进程退出的深入理解

目录背景介绍原理系统信号通知退出进程主动退出应用实践进程优雅退出总结背景介绍在我们的服务发布后，难免会被运行环境（如容器、pm2 等）调度、升级服务导致重启、各种异常导致...

• 2022-04-04

135浏览

0评论

vue cli3.x打包后如何修改生成的静态资源的目录和路径

目录vue cli3.x打包后修改生成的静态资源的目录和路径vue3.3打包后,路径出错问题vue cli3.x打包后修改生成的静态资源的目录和路径在vue cli 2.x版本修改目录和路径，都在&#39...

• 2022-04-04

120浏览

0评论

Vue使用Echart图标插件之柱状图

Echart是一个很好的图表绘制插件，里面有各种各样的图表供我们选择，最近用echart做图表比较多，所以现在记录一下用到的柱状图用到的一些配置和用法：主要注意的点：1、创建的画布必...

• 2022-04-04

100浏览

0评论

完全掌握JavaScript之DOM与BOM的区别与用法

I. 简述：何为DOM，何为BOM？在文章开始之初，我要先提一下笼统地讲，什么是DOM，什么是BOM，因为这篇文章最终面向的是有一定JavaScript基础，但是对DOM和BOM并不了解，甚至不知道的朋友。但...

• 2022-04-04

97浏览

0评论

jquery怎么获取li是第几个

jquery怎么获取li是第几个在jquery中，可以使用index()方法来获得当前点击的li标签位置。新建一个html文件，命名为test.html，用于讲解用jquery怎么知道我点击的是第几个li。使用...

• 2022-04-04

112浏览

0评论

聊聊各种可能导致 Node.js 进程退出的情况

在我们的服务发布后，难免会被运行环境（如容器、pm2 等）调度、升级服务导致重启、各种异常导致进程崩溃；一般情况下，运行环境都有对服务进程的健康监测，在进程异常时，会重新拉起进程...

• 2022-04-04

96浏览

0评论

认识一下vue中的模板语法，聊聊容器和实例的关系

一、模板语法模板语法分为插值语法和指令语法两种。1.插值语法插值语法是用两个大括号来表示的，用于解释标签体内容，{{xxx}}里面的xxx必须要是js表达式，xxx就可以在被解析后去...

• 2022-04-04

157浏览

0评论

JavaScript实例详解之HTML元素操作

一、获取操作的元素document对象的方法和属性document对象提供了一些用于查找元素的方法，利用这些方法可以根据元素的id、name和class属性以及标签名称的方式获取操作的元素...

• 2022-03-30

132浏览

0评论

深入了解node​中怎么使用redis集群功能【配置详解】

关于nodejs中使用redis集群功能，没有找到一篇比较完整且通俗易懂的文章，因此自己在开发调试的过程中也走了不少弯路。本文会详细介绍了在本地如何搭建redis集群、在客户端如何...

• 2022-03-30

204浏览

0评论

【吐血总结】20+个好用的 Vue 组件库，快来收藏！

在本文中，我们将探讨一些最常见的vue js组件。你可以收藏一波。Table 类Vue Tables-2地址：https://github.com/matfish2/vue-tables-2Vue Tables 2旨在为开发者提供一个功能齐...

• 2022-03-30

110浏览

0评论

手把手带你了解Vue中怎么使用filters过滤器？2种用法浅析

Vue.js 允许我们自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号（{undefined{ }}）插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被...

• 2022-03-29

169浏览

0评论

vue+jsplumb实现连线绘图

vue+jsplumb实现连线绘图，供大家参考，具体内容如下jsPlumb是一个比较强大的绘图组件，它提供了一种方法，主要用于连接网页上的元素。在现代浏览器中，它使用SVG或者Canvas技术，而对...

• 2022-03-29

149浏览

0评论

解决vue的component标签渲染问题

目录component标签渲染问题vue如何识别import对象和require对象component组件嵌套,导致页面重复渲染,重复请求的bug错误代码正确代码component标签渲染问题最近遇到一个问题...

• 2022-03-29

113浏览

0评论

关于vue 的slot分发内容 (多个分发)

目录slot分发内容 (多个分发)slot的多种用法基本用法插槽中使用data动态插槽slot分发内容 (多个分发) 组件模板-元素可以用一个特殊的属性 name 来配置如何分发内容。多个 s...

• 2022-03-29

135浏览

0评论

vue3.x 使用jsplumb实现拖拽连线

本文实例为大家分享了vue3.x 使用jsplumb实现拖拽连线的具体代码，供大家参考，具体内容如下如果想在vue2里面使用jsplumb 可以查看 文章，下面讲解如何在vue3.x 里面使用jsplumb...

• 2022-03-29

98浏览

0评论

Vue中使用js-cookie详情

目录一、安装js-cookie二、使用1、局部使用2、全局使用一、安装js-cookiecnpm i -S js-cookie二、使用1、局部使用import Cookies from "js-cookie";​​​​​​​示例： <te...

• 2022-03-29

209浏览

0评论

Vue开发中出现Loading Chunk Failed的问题解决

目录报错现象发生原因解决思路触发bug一点思考报错现象某天测试反应在点击页签的时候出现了 Loading Chunk Failed 的错误，经过本人百度分析后判断是异步组件在发包时旧资源...

• 2022-03-29