JavaScript - 教程之家

49浏览

0评论

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

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

2022-01-09

43浏览

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

54浏览

0评论

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

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

2022-01-09

117浏览

0评论

gojs实现蚂蚁线动画效果

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

2022-01-09

61浏览

0评论

JSscript标签有哪些属性

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

2022-01-09

38浏览

0评论

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

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

2022-01-09

125浏览

0评论

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

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

2022-01-09

38浏览

0评论

Vue中的computed属性详解

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

2022-01-09

130浏览

0评论

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

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

2022-01-09

44浏览

0评论

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

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

2022-01-09

48浏览

0评论

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

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

2022-01-09

61浏览

0评论

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

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

2022-01-09

50浏览

0评论

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

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

2022-01-09

63浏览

0评论

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

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

2022-01-09

50浏览

0评论

详解TypeScript的基础类型

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

2022-01-09

60浏览

0评论

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

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

2022-01-09

69浏览

0评论

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

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

2022-01-09

61浏览

0评论

vue项目支付功能代码详解

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

2022-01-09

63浏览

0评论

Vue h函数的使用详解

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

2022-01-09

43浏览

0评论

详解JSON.parse和JSON.stringify用法

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

2022-01-09

60浏览

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

113浏览

0评论

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

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

2022-01-08

201浏览

0评论

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

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

2022-01-08

169浏览

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

87浏览

0评论

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

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

2022-01-07

110浏览

0评论

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

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

2022-01-07

90浏览

0评论

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

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

2022-01-07

347浏览

0评论

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

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

2022-01-07

92浏览

0评论

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

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

2022-01-07

133浏览

0评论

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

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

2022-01-07

96浏览

0评论

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

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

2022-01-06

123浏览

0评论

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

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

2022-01-06

78浏览

0评论

总结15个JavaScript开发技巧（整理分享）

1. 有条件地向对象添加属性我们可以使用展开运算符号(...)来有条件地向 JS 对象快速添加属性。const condition = true;const person = { id: 1, name: 'John Doe&#39...

2022-01-06

122浏览

0评论

一文聊聊Angular中怎么操作DOM元素

在angular获取DOM元素可以使用javascript的原生API，或者引入jQuery通过jquery对象操作DOM，但angular已经给我们提供了相应的API（ElementRef）来获取DOM元素，就没必要使用原生的API...

2022-01-06

129浏览

0评论

实例分享之JavaScript实现贪吃蛇小游戏

JavaScript实现贪吃蛇小游戏功能概述本程序实现了如下功能：贪吃蛇的基本功能统计得分开始与暂停选择难度等级设置快捷键 5.1 通过ijkl，wsad也能实现方向的切换 5.2...

2022-01-05

103浏览

0评论

聊聊一些Node.js 缓冲区（Buffer）模块的重要方法

二进制流是大量的二进制数据的集合。由于通常情况下二进制流的大小挺大的，因此二进制流一般不会一起运送，而会在运输前切分成小块然后逐一发送。当数据处理单元暂时不再接收其...

2022-01-05

224浏览

0评论

javascript中hover的用法是什么

javascript中hover的用法是什么hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。方法触发 mouseenter 和 mouseleave 事件。注意: 如果只指定一个函数，则 mo...

2022-01-05

118浏览

0评论

vue 请求拦截器的配置方法详解

按如下步骤进行1.request.js内容：http request请求拦截器和http response服务器响应拦截器配置2.http.js内容：请求数据方式封装3.utils.js内容：获取token，判断token是否存在4.st...

2022-01-03

88浏览

0评论

JavaScript的Set数据结构详解

目录1.&ensp;什么是 Set2.&ensp;Set 构造函数2.1)&ensp;数组2.2)&ensp;字符串2.3)&ensp;arguments2.4)&ensp;NodeList2.5)&ensp; Set3.&ensp;Set 的实例属性和方法4.&ensp;S...

2022-01-03

72浏览

0评论

一篇文章带你搞懂JavaScript的变量与数据类型

目录前言：温馨提示：变量1.声明2.赋值3.二个语法小细节变量的命名规范为什么需要数据类型？简单数据类型(基本数据类型）数字型字符串型 String什么是数据类型的转换1.转换为字符串...

2022-01-03

101浏览

0评论

详解Vue项目的打包方式

目录一、相关配置情况一（使用的工具是 vue-cil）情况二（使用的工具是 webpack）二、打包总结一、相关配置情况一（使用的工具是 vue-cil）如果是用 vue-cli 创建的项目，则项目目录中...

2022-01-03

92浏览

0评论

nodejs读取文件和写文件的方法是什么

在nodejs中，文件系统模块（简称 fs）允许我们访问计算机上的文件系统并与之交互。使用 fs 模块，我们可以执行以下操作：创建文件和目录修改文件和目录删除文件和目录读取文...

2022-01-03

111浏览

0评论

你必须了解的JavaScript基本数据类型

JavaScript是弱类型脚本语言，声明变量时无需指定变量的数据类型。JavaScript变量的数据类型是解释时动态决定的。但是JavaScript的值保存在内存中，也是数据类型的。JavaScript...

2022-01-03

118浏览

0评论

一文深入了解 Node 中的事件循环

在浏览器中有 HTML 规范来定义事件循环的处理模型，之后由各浏览器厂商实现。Node.js 中事件循环的定义与实现均来自于 Libuv。Libuv 围绕事件驱动的异步 I/O 模型而设计，最初...

2022-01-03

148浏览

0评论

Vue实现页面的局部刷新(router-view页面刷新)

利用Vue里面的provide+inject组合首先需要修改App.vue。<template>  <div class="companyManage"> <router-view v-if="isRouterAlive"></router-vie...

2021-12-30

106浏览

0评论

vue codemirror实现在线代码编译器

前言如果我们想在Web端实现在线代码编译的效果，那么需要使用组件vue-codemirror，他是将CodeMirror进行了再次封装支持代码高亮 62种主题颜色，例如monokai等等支持js...

2021-12-30

109浏览

0评论

vue+element实现页面顶部tag思路详解

目录1. 页面渲染2. 来回切换tag3. 删除一个tag标签这种tag如何写？思路总结下：1. 页面渲染1页面显示由数组循环得出，数组可存储在store里
（1）存储前判断是否有重复的数据，重复的话，...

2021-12-29

172浏览

0评论

uniapp vue与nvue轮播图轮播图组件

vue部分如下：<template> <view class="">  <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" circular=""> <bl...

2021-12-29

172浏览

0评论

javascript中search()怎么用

javascript search() 方法--搜索字符串search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。语法：string.search(searchvalue)参数说明： searc...

2021-12-29

84浏览

0评论

详细解析JavaScript中的六大基本数据类型

一、区分大小写在JavaScript中，所有的一切（变量、函数和操作符）都区分大小写。这也就意味着，变量名test和变量名Test分别表示两个不同的变量。二、标识符所谓的表示标识符，就是指...

2021-12-29

热门文章