84浏览

0评论

vue中keep-alive多级路由缓存问题

目录1.问题描述2.原因分析3.解决思路4.处理过程1.问题描述
对账中心当便捷导航菜单最后两个是同一模块且是三级及以上菜单时，正常切换两个便捷页签时是可以正常缓存的，但删除...

• 2022-01-09

78浏览

0评论

JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError

目录1.用途2.语法3.实操1.用途
通常，如果发生错误，脚本就会立即停止，并在控制台将错误打印出来。有了这个语句就可以捕获错误并执行合理操作，可以让程序继续执行下去2.语法
try...

• 2022-01-09

91浏览

0评论

快速理解Vue路由导航守卫

目录一、全局守卫1.全局前置守卫
2.全局解析守卫
3.全局后置钩子
三、路由独享的守卫四、组件内的守卫五、一个完整的导航解析流程概念：“导航”表示路由正在发生变化vue-rou...

• 2022-01-09

81浏览

0评论

vue项目完成后如何实现项目优化的示例

目录一、为开发模式与发布模式指定不同的打包入口二、通过externals加载外部CDN资源三、通过CDN优化ElementUI的打包四、首页内容定制五、使用路由懒加载一、为开发模式与发...

• 2022-01-09

78浏览

0评论

TS中最常见的声明合并(接口合并)

目录1.合并接口1.1非函数成员
1.2函数成员
前言：今天要讲的内容还是TS相关，在TS中最常见的声明合并：接口合并在聊接口合并之前，我们先来聊聊声明合并声明合并:
什么是声明合并？...

• 2022-01-09

69浏览

0评论

Vue响应式系统的原理详解

目录vue响应式系统的基本原理1.回顾一下Object.defineProperty的用法2.实战1：使用 Object.defineProperty 对 person的age属性 进行监听3.数据代理4.vue中实现响应式思路总结...

• 2022-01-09

86浏览

0评论

详解Vue的键盘事件

目录常用按键别名未提供别名的键系统修饰键自定义按键别名总结在js中我们要获取一个按键的编码通常需要通过(keydown/keyup)去绑定一个事件，再通过默认参数event中的keyCode...

• 2022-01-09

78浏览

0评论

如何利用React实现图片识别App

先把效果图给大家放上来个人觉得效果还行。识别不太准确是因为这个 app学习图片的时间太短（电脑太卡）。（笔者是 window10） 安装运行环境：npm install --global windows-build-too...

• 2022-01-09

76浏览

0评论

如何利用Typescript封装本地存储

目录前言本地存储使用场景使用中存在的问题解决方案功能实现加入过期时间加入数据加密加入命名规范完整代码总结前言本地存储是前端开发过程中经常会用到的技术，但是官方api...

• 2022-01-09

68浏览

0评论

微信小程序中wxs文件的一些妙用分享

目录前言应用过滤器拖拽文件之中相互传参wxs传参到js逻辑层js逻辑层传参到wxs文件wxs中获取dataset(wxs中获取wxml数据）注意点总结前言wxs文件是小程序中的逻辑文件，它和wxml...

• 2022-01-09

76浏览

0评论

使用vue-video-player实现直播的方式

目录一、安装vue-video-player二、使用 vue-video-player课前准备：直播流协议https://www.cnblogs.com/yangchin9/p/14930874.html摘要：在H5页面实现观看直播+视频回放；在开发...

• 2022-01-09

95浏览

0评论

详解Vue中$props、$attrs和$listeners的使用方法

目录背景一、文档描述二、具体使用三、总结背景现在我们来讨论一种情况，父组件与孙子组件怎么通信，我们有多少种解决方案？我们使用VueX来进行数据管理，但是如果项目中多个组件共...

• 2022-01-09

70浏览

0评论

javascript的var与let,const之间的区别详解

目录作为全局变量时变量提升暂时性死区块级作用域重复声明修改声明的变量（常量与变量声明）总结说到JavaScript中声明变量的几种方法也就是var、let、const了，let和const是es6中...

• 2022-01-09

77浏览

0评论

uni-app 微信小程序授权登录的实现步骤

目录一、appID相关申请和配置1. appid获取方式2. appID配置二、获取用户基础数据2.1. 获取用户信息2.2. 获取用户信息2三、调用登录api3.1. 登录api3.2. 案例代码四、获取唯...

• 2022-01-09

69浏览

0评论

Angular Cookie 读写操作代码

Angular Cookie 读写操作，代码如下所示：var app = angular.module('Mywind',['ui.router'])app.controller('Myautumn',function($scope,$http,$filter){//angular Cookie写//...

• 2022-01-09

68浏览

0评论

node脚本实现自动化签到和抽奖功能

目录一、前言二、准备三、脚本工程搭建四、代码编写&运行五、总结以及想说的话六、相关源码和借鉴的博客一、前言  掘金自从推出签到活动后，就不断的完善这个功能，...

• 2022-01-09

158浏览

0评论

vue3获取当前路由地址

正解使用useRouter:// router的 path: "/user/:uid"<template> <div>user</div> <p>uid: {{ uid }}</p></template> <script lang="ts">import { defineComponent } from...

• 2022-01-09

65浏览

0评论

微信小程序中使用vant框架的具体步骤

目录1.打开我们小程序的项目目录，然后打开文件所在的位置。2.初始化项目文件3.输入初始化项目的命令 4.安装依赖 5.使用组件1.说到vant框架相信大家应该并不陌生了吧，做过移动...

• 2022-01-09

65浏览

0评论

Vue3如何理解ref toRef和toRefs的区别

目录一、基础1.ref
2.toRef3.toRefs4.最佳的使用方式二、深入1.为什么需要ref2.ref为什么需要.value3.为什么需要toRef和toRefsVue3中新增了几种创建响应式数据的方法，其各自...

• 2022-01-09

66浏览

0评论

前端vue+express实现文件的上传下载示例

新建server.jsyarn init -yyarn add express nodemon -Dvar express = require("express");const fs = require("fs");var path = require("path");const multer = require(...

• 2022-01-09

72浏览

0评论

详解JavaScript的计时器和按钮效果设置

计时器效果： <div> <font id='timeCount' style='display:inline-block; font-size:72px;width:100px;text-align:right;'>0</font> &nbsp;&nbsp;&nbsp; //需要固定时...

• 2022-01-09

169浏览

0评论

gojs实现蚂蚁线动画效果

目录一、gojs 实现1. 绘图2. 虚线实现3. 让虚线动起来二、虚线及虚线动画背后的原理三、虚线的一些概念四、css 绘制边框虚线在绘制 dag 图时，通过节点和来箭头的连线来表示...

• 2022-01-09

75浏览

0评论

JSscript标签有哪些属性

JS script标签有哪些属性：charset：可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值因此这个属性很少有人用。defer：可选。表示脚本可以延迟到文档完全...

• 2022-01-09

56浏览

0评论

详解jQuery的核心函数和事件处理

目录事件页面载入 事件委派 事件切换 事件 总结事件页面载入 1.ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数$(document).ready(function(){ // 在这里写...

• 2022-01-09

141浏览

0评论

Vue中textarea自适应高度方案的实现

目录隐藏的问题解决自适应高度的方案先给方案，Vue栈有需求的同学可以直接下载vue-awesome-textarea隐藏的问题抛开原生JS，框架的大部分UI库都支持自适应textarea高度功能，但普...

• 2022-01-09

63浏览

0评论

Vue中的computed属性详解

目录插值表达式methodscomputed总结今天来说说vue中的计算属性computed，为了更好的理解计算属性的好处，我们先通过一个案例来慢慢 了解计算属性，有如下案例：定义两个输入框以及...

• 2022-01-09

151浏览

0评论

vue3+TypeScript+vue-router的使用方法

目录简单使用创建项目vue-cli创建vite创建安装vue-router创建/修改组件修改入口ts启动vue在浏览器中访问文件结构图片综合使用动态参数使用watch监听动态参数使用组合API监...

• 2022-01-09

62浏览

0评论

Vue elementUI表单嵌套表格并对每行进行校验详解

目录效果展示代码链接关键代码表格数据组件嵌套校验方法重置方法完整代码总结效果展示先看看这是不是需要的效果^_^如图，ElementUI 表单里嵌套了表格，表格内每行能进行【保存...

• 2022-01-09

75浏览

0评论

JavaScript实现酷炫的鼠标拖尾特效

看完这个保证你有手就行,制作各种好看的小尾巴!全部代码如下,看注释可以轻易看懂<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</titl...

• 2022-01-09

86浏览

0评论

node快速搭建后台的实现步骤

1.首先安装node,express,express-generator (4.x版本把generator分离出来了所以需要单独安装)2.进入项目文件输入命令express 项目名，npm i安装响应的包，那么简易的后端框架就...

• 2022-01-09

83浏览

0评论

一篇文章告诉你如何实现Vue前端分页和后端分页

目录1：前端手写分页(数据量小的情况下)2：后端分页，前端只需要关注传递的page和pageSize总结1：前端手写分页(数据量小的情况下)前端需要使用slice截取： tableData((page-1)pageSiz...

• 2022-01-09

78浏览

0评论

交互式可视化js库gojs使用介绍及技巧

目录1. gojs 简介2. gojs 应用场景3. 为什么选用 gojs:4. gojs 上手指南5. 小技巧（非常实用哦）6. 实践：实现节点分组关系可视化交互图最后1. gojs 简介gojs 是一个用于构建交互...

• 2022-01-09

73浏览

0评论

详解TypeScript的基础类型

目录布尔类型数字类型字符串类型字符串和数字进行拼接undefined和 null数组类型元组类型枚举类型any类型void类型联合类型总结布尔类型// 布尔类型--->boolean// let 变量名...

• 2022-01-09

80浏览

0评论

JavaScript事件的委托(代理)的用法示例详解

目录简介示例：事件委托写法1：事件委托写法2：每个子元素都绑定事件示例：新增元素写法1：事件委托写法2：每个子元素都绑定事件简介说明本文用示例介绍JavaScript中的事件（Event）的委托（...

• 2022-01-09

92浏览

0评论

JavaScript展开运算符和剩余运算符的区别详解

目录什么是剩余运算符？剩余运算符在JavaScript函数中是如何工作的？注意！不能在包含剩余参数的函数体中使用"use strict"剩余运算符在参数解构中是如何工作的？JavaScript argumen...

• 2022-01-09

74浏览

0评论

vue项目支付功能代码详解

1.支付宝方式：支付宝方式：点击支付宝支付, 调用后台接口(携带订单号)，后台返回一个form表单(HTML字符串结构)，提交form就可以调用支付宝支付代码：// alipayWap: 后台接口返回的f...

• 2022-01-09

90浏览

0评论

Vue h函数的使用详解

目录一、认识二、使用1、h() 参数2、简单的使用3、实现一个计数器案例4、函数组件和插槽的使用三、jsx的使用1、jsx的认识2、下载Babel插件支持vue（现在貌似脚手架直接支持）3...

• 2022-01-09

65浏览

0评论

详解JSON.parse和JSON.stringify用法

目录JSON.parseJSON.parse 语法reviver 参数JSON.parse 特性解析的其他方法JSON.stringifyJSON.stringify 语法replacer参数space 参数JSON.stringify 特性JSON格式，(简写Jav...

• 2022-01-09

77浏览

0评论

Vue elementUI实现树形结构表格与懒加载

目录1、实现效果2、后端实现2.1 实体类2.2 数据库中的数据结构2.3 后端接口2.4 swagger测试后端结构功能是否正常3、前端实现3.1 页面中引入el-table组件3.2 实现效果1、实...

• 2022-01-09

129浏览

0评论

Vue自定义复制指令 v-copy功能的实现

使用自定义指令创建一个点击复制文本功能1. 创建v-copy.js文件import Vue from "vue";// 注册一个全局自定义复制指令 `v-copy`Vue.directive("copy", { bind(el, { value...

• 2022-01-08

223浏览

0评论

vue基于input实现密码的显示与隐藏功能

前言大家都知道，一般情况下，输入框的密码我们是看不到密码的，只有当我们点击查看密码的小图标时，密码才会显现出来，实现起来也非常简单，通过点击图标让input的type属性变化即可。...

• 2022-01-08

187浏览

0评论

vue使用file-saver本地文件导出功能

1:安装xlsx和file-savernpm install file-saver xlsx --save2:创建localExports.js文件3：直接上代码import XLSX from 'xlsx';const FileSaver = require('file-saver');imp...

• 2022-01-07

100浏览

0评论

带大家了解一下JavaScript常见的五个内存错误

目录什么是内存泄漏？1.计时器的监听2.事件监听3.Observers4. Window Object5. 持有DOM引用总结JavaScript 不提供任何内存管理操作。相反，内存由 JavaScript VM 通过内存回收...

• 2022-01-07

123浏览

0评论

怎样利用Javascript简单实现星空连线的效果

Javascript 星空连线效果的简单实现之前有见过非常炫酷的粒子连线的效果，这篇文章主要是实现一个简单的星空连线的效果。先贴一下大概的效果图。这个主要是用到了Html5中的ca...

• 2022-01-07

110浏览

0评论

vue怎样解决axios请求出现前端跨域问题（实例详解）

在正常开发中跨域问题有很多的解决方案。最常见的就是后端修改响应头。但是前端也可以解决，通过反向代理。为了防止下一次这样的错误出现，记录一下，总结一下。所以现在我们来复...

• 2022-01-07

389浏览

0评论

renderjs有什么用？聊聊uniapp中用renderjs的一些细节

包含内容： 使用renderjs在app端获取dom renderjs和service层之间的通信 renderjs中如何接收到service层中的自定义id（重点，官方文档没有的）一、renderjs1.1 renderjs的概念 ...

• 2022-01-07

115浏览

0评论

深入了解React中setState的更新机制

state是React中的重要概念。我们知道，React是通过状态管理来实现对组件的管理。那么，React是如何控制组件的状态的，又是如何利用状态来管理组件的呢？我们都知道，React通过this.st...

• 2022-01-07

151浏览

0评论

深入浅析node.js中的express路由

1. 路由的概念1.1 什么是路由广义上来讲，路由就是映射关系。现实生活中按键 1 -> 业务查询按键 2 -> 手机充值按键 3 -> 业务办理按键 4 -> 密码服务与停复机按键 5...

• 2022-01-07

117浏览

0评论

在react中使用highlight.js将页面上的代码高亮的方法

通过 highlight.js 库实现对文章正文 HTML 中的代码元素自动添加语法高亮，highlight.js官方文档下载highlight.jsnpm i highlight.js导入highlight.jsimport hljs from 'high...

• 2022-01-06

148浏览

0评论

vue项目中的支付功能实现(微信支付和支付宝支付)

目录项目中常见的支付方式 支付宝支付微信支付项目中常见的支付方式 支付宝支付 微信支付 余额支付（也需要支付宝或微信充值）注意：本文仅从前端角度展开讲解支付宝支...

• 2022-01-06