JavaScript - 教程之家

92浏览

0评论

如何使用RoughViz可视化Vue.js中的草绘图表

介绍
图表是数据的图形表示，用于使数据集更易于阅读，并且易于区分各部分。虽然大多数用户习惯于看到简洁而正式的图表，但一些用户更喜欢看到手绘或素描的图表，这就是 roughViz...

2021-01-30

439浏览

0评论

Vite和Vue CLI的优劣

Vue 生态系统中有一个名为 Vite 的新构建工具，它的开发服务器比 Vue CLI 快 10-100 倍。这是否意味着 Vue CLI 已经过时了?在本文中，我将比较这两种构建工具，并说明它们的...

2021-01-30

165浏览

0评论

影响页面加载时间的5个常见错误

如果您的网站在用户访问时的加载时间需要很久，那么，这篇文章兴许能为您的优化工作带来一些启发。不过即便没能帮您解决你的问题，您也能了解到影响了网站加载时间的几种常见错误...

2021-01-30

76浏览

0评论

java的三种代理模式分别是什么

首先来简单说明一下什么是代理模式。代理(Proxy)是一种设计模式,提供了对目标对象另外的访问方式;即通过代理对象访问目标对象.这样做的好处是:可以在目标对象实现的基础上,...

2021-01-30

79浏览

0评论

快速学习JavaScript中的Promise和Async/Await

一般在开发中，查询网络API操作时往往是比较耗时的，这意味着可能需要一段时间的等待才能获得响应。因此，为了避免程序在请求时无响应的情况，异步编程就成为了开发人员的一项基本...

2021-01-30

118浏览

0评论

可以同时删除字符串前导和尾部空白的函数是什么

JavaScript trim()trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null,...

2021-01-29

67浏览

0评论

介绍JavaScript作用域和闭包

JavaScript作用域和闭包在javascript中，如果对作用域和闭包弄不清楚，写代码就会出很多问题，今天对作用域和闭包做一个总结。作用域作用域主要分为全局作用域和局部作用域，其中局...

2021-01-29

596浏览

0评论

nodejs怎么升级版本？两种方法介绍

方法一：用n升级nodejs# 全局安装n$ npm install -g n# 升级到最新稳定版$ n stable # 升级到最新版$ n latest# 升级到定制版$ n v7.10.0# 切换使用版本$ n 7.10.0 (ENTER)...

2021-01-29

593浏览

0评论

使用Nodejs+robotjs控制鼠标键盘

Nodejs使用robotjs轻松控制鼠标键盘最近刚完成了基于vue的聊天系统的开发，闲下来之余，鼓捣了一下node脚本，每天上班开机挺麻烦，要一个一个打开软件、手动连wifi；于是乎，鼓捣出了一...

2021-01-29

103浏览

0评论

浅谈angular9中拦截器的用法

拦截器统一添加token我们在做一个后台管理系统时,需要给每个请求的请求头里面添加token,所以下面我们来了解一下angular的拦截器,并使用拦截器使用1.创建http.service.ts,用...

2021-01-29

87浏览

0评论

原来ES6 module还可以这样用！（备忘单）

这是一份备忘单，展示了不同的导出方式和相应的导入方式。它实际上可分为3种类型：名称，默认值和列表。// 命名导入/导出 export const name = 'value'import { name }...

2021-01-29

148浏览

0评论

Element-ui 自带的两种远程搜索(模糊查询)用法讲解

问题描述
有一种查询叫做前端远程搜索、模糊查询。饿了么自带两种方式可以做，一种是使用el-input中的el-autocomplete，另一种是使用el-select和el-option。这两种都可以选择，但...

2021-01-29

89浏览

0评论

小程序实现列表倒计时功能

本文实例为大家分享了小程序实现列表倒计时的具体代码，供大家参考，具体内容如下效果HTML代码<view class="hbMpBox" wx:for="{{mpThing}}" data-goodsId="{{item.goods_id}}"...

2021-01-29

137浏览

0评论

JS相册图片抖动放大展示效果的示例代码

上篇文章给大家介绍了JS实现简单抖动效果，感兴趣的朋友点击查看。今天给大家分享JS相册图片抖动放大展示效果，效果图如下所示：var xm;var ym; /* ==== onmousemove event ====...

2021-01-29

117浏览

0评论

vue监听键盘事件的相关总结

按键修饰符
在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：<input...

2021-01-29

122浏览

0评论

javascript实现拼图游戏

本文实例为大家分享了javascript实现拼图游戏的具体代码，供大家参考，具体内容如下<div id="container">  <div id="game"> <!--游戏区,...

2021-01-29

360浏览

0评论

JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法

JavaScript hasOwnProperty() 方法是 Object 的原型方法（也称实例方法），它定义在 Object.prototype 对象之上，所有 Object 的实例对象都会继承 hasOwnProperty() 方法。hasOwnPr...

2021-01-29

68浏览

0评论

Javascript实现打鼓效果

本文实例为大家分享了Javascript实现打鼓效果的具体代码，供大家参考，具体内容如下按住响应的键盘显示不同的声音<div class="keys"> <div data-key="65" class="key"> <kbd...

2021-01-29

118浏览

0评论

JS实现点击掉落特效

js实现点击掉落特效先看看效果图话不多说代码<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</tit...

2021-01-29

132浏览

0评论

Javascript实现关闭广告效果

用Javascript实现关闭广告案例，供大家参考，具体内容如下正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教。我们在网页中经常可以看见烦人的小广告，并且广告...

2021-01-29

106浏览

0评论

Vue 实例中使用$refs的注意事项

在开发过程中，经常会通过实例的vm.$refs(this.$refs)取得通过ref注册过的组件，并进行相应操作，但存在取不到元素的情况，其根本原因是因为$refs只能取得mounted（渲染）之后的元素。...

2021-01-29

107浏览

0评论

vue 项目@change多个参数传值多个事件的操作

首先是只有一个change事件changelevel()//选择值若想改变select同时改变row里的值多个事件用；分割开来此时发现changelevel()不执行那么加上（）呢changelevel(val){ console.lo...

2021-01-29

198浏览

0评论

vue 实现click同时传入事件对象和自定义参数

仅仅传入自定义参数HTML<div id="app"> <button @click="tm(123)">ddddd</button></div>JS代码new Vue({ el:'#app', methods:{ tm:function(e){ console.log(e); }...

2021-01-29

70浏览

0评论

聊聊vue 中的v-on参数问题

vue中v-on:clock的使用最近在学习vue.js框架。记下其中遇到的一些问题，以便以后查阅。首先，这是一个页面(为了便于观察，将各个标签都一一着色)：其中html代码：<div class="groupbo...

2021-01-29

121浏览

0评论

vue集成一个支持图片缩放拖拽的富文本编辑器

需求：
根据业务要求，需要能够上传图片，且上传的图片能在移动端中占满屏幕宽度，故需要能等比缩放上传的图片，还需要能拖拽、缩放、改变图片大小。尝试多个第三方富文本编辑器，很难...

2021-01-29

89浏览

0评论

7种利用JS实现页面跳转的方法（分享）

相信很多Web开发者都知道，在开发Web程序的时候，对于页面之间的跳转，有很多种，但是有效的跳转则事半功倍，下面就是我在平时的开发过程中所用到的7种JavaScript跳转方式。第一种：直...

2021-01-28

99浏览

0评论

JavaScript中的错误对象（Error object）

每当 JavaScript 中发生任何运行时错误时，都会引发Error对象。在许多情况下，我们还可以扩展这些标准Error对象，以创建我们自己的自定义Error对象。属性Error 对象具有2个属性n...

2021-01-28

76浏览

0评论

arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)

背景前段时间在公司项目中遇到一个问题，地图底图区域只有一部分范围，超出当前范围会显示白底，使用效果来说非常的不好，伴随着的需求便是地图缩小、鼠标移动地图超出底图的显示范...

2021-01-28

60浏览

0评论

vue使用transition组件动画效果的实例代码

transition文档地址
定义一个背景弹出层实现淡入淡出效果<template> <div> <button @click="show = !show"> Toggle </button> <transition name="fadeBg"> <div cla...

2021-01-28

133浏览

0评论

Bootstrap FileInput实现图片上传功能

本文实例为大家分享了Bootstrap FileInput实现图片上传功能的具体代码，供大家参考，具体内容如下html代码：<div class="form-group"> <label class="col-sm-2 control-label">图...

2021-01-28

70浏览

0评论

一文秒懂nodejs中的异步编程

文章目录简介同步异步和阻塞非阻塞javascript中的回调回调函数的错误处理回调地狱 ES6中的Promise什么是PromisePromise的特点Promise的优点Promise的缺点Promise的用法Pro...

2021-01-28

86浏览

0评论

Vue v-model相关知识总结

v-model是Vue的一个指令，它提供了input和form数据之间或两个组件之间的双向数据绑定。这在Vue开发中是一个简单的概念，但是v-model的真正威力需要一些时间才能理解。到...

2021-01-28

80浏览

0评论

Vue 数据响应式相关总结

在说数据响应式之前，我们要解决一个很重要的问题，那就是Vue到底对data做了什么？先从getter和setter说起，我们用那个他们来对虚拟的属性进行读写。getter和setter
有如下代码let...

2021-01-28

60浏览

0评论

node使用async_hooks模块进行请求追踪

async_hooks 模块是在 v8.0.0 版本正式加入 Node.js 的实验性 API。我们也是在 v8.x.x 版本下投入生产环境进行使用。那么什么是 async_hooks 呢？async_hooks 提供了追踪异步...

2021-01-28

237浏览

0评论

JavaScript如何实现防止重复的网络请求的示例

前言在开发中，经常会遇到接口重复请求导致的各种问题。
对于重复的网络请求，会导致页面更新多次，发生页面抖动的现象，影响用户体验。
例如当前页面请求还未响应完成，就切换到其他...

2021-01-28

125浏览

0评论

一起看看ECMAScript和JavaScript的区别

1、ECMAScript的简介ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语...

2021-01-27

124浏览

0评论

使用JS实现鼠标放上图片进行放大离开实现缩小功能

使用JS实现鼠标放上图片进行放大离开实现缩小功能，具体代码如下所示：<!DOCTYPE html><html><head> <title></title></head><body> <div id= 'div_jpg' style="width: 200px;he...

2021-01-27

192浏览

0评论

vscode自定义vue模板的实现

用vscode编辑器创建vue模板，再也不用每次新建vue文件的时候都去一遍遍的重复敲某些代码片段。输入 vue 再按回车键，即可生成自定义的vue文件内容，相当的好使，开发效率蹭蹭的上去...

2021-01-27

155浏览

0评论

JavaScript实现切换多张图片

本文实例为大家分享了JavaScript实现切换多张图片的具体代码，供大家参考，具体内容如下循环切换图片
HTML+CSS+JavaScript
html部分<body> <div class="outer"> <p id="info">...

2021-01-27

71浏览

0评论

js实现鼠标切换图片（无定时器）

本文实例为大家分享了js实现鼠标切换图片的具体代码，供大家参考，具体内容如下实现效果，可以利用鼠标移动在对应的小点点上，或者点击左右两侧的箭头切换图片，并在图片的上方显示出...

2021-01-27

182浏览

0评论

vue+echarts实现中国地图流动效果(步骤详解)

@vue+echarts实现中国地图流动效果#话不多说看效果图操作步骤：执行命令:npm run echarts -s 并回车看到这样的提示代表安装成功 PS：网络不好的情况建议用cnpm淘宝镜像（全局终端...

2021-01-27

131浏览

0评论

JavaScript实现点击切换功能

本文实例为大家分享了JavaScript实现点击切换功能的具体代码，供大家参考，具体内容如下在实际应用中，点击或者移入某一元素上，弹出下拉菜单或者页面，是网页设计的常见操作。下面我...

2021-01-27

139浏览

0评论

jquery实现点击左右按钮切换图片

本文实例为大家分享了jquery点击左右按钮切换图片的具体代码，供大家参考，具体内容如下当点击了右边的按钮后，图片向左移动，同理左边按钮。css样式此处省略......直接进入到js代...

2021-01-27

95浏览

0评论

怎样在vue中使用jquery

如果想在普通的HTML页面引入jQuer库的话，直接使用<script src="jQuery.js"></script>即可。但是如果要在Vue组件中使用jQuery库的话，使用这样的方式就不行了，那么怎样在vue中使...

2021-01-27

232浏览

0评论

编写javascript程序的唯一工具是纯文本编辑器吗？

可以编写javascript程序的工具WebStormWebStorm是一款强大的JavaScript IDE。它支持多种框架和CSS语言，包括前端，后端，移动端以及桌面应用。WebStorm可以无缝整合第三方工具，例...

2021-01-26

77浏览

0评论

使用JavaScript禁止复制网站内容的几种方法

若是你不想别人复制你的网站内容，可以把这段js代码加到你网页上，即可屏蔽鼠标右键菜单、复制粘贴、选中等。有时候的需求是网站中有些内容不希望别人复制，那么就需要用代码控制...

2021-01-26

104浏览

0评论

JavaScript数组遍历的6种方法比较

6种JS数组遍历方法一、forJavascript中的for循环，它用来遍历数组 var arr = [1,2,3,4]for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i])}//1,2,3,4九九乘法表：...

2021-01-26

143浏览

0评论

Node使用koa2实现一个简单JWT鉴权的方法

JWT 简介什么是 JWT全称 JSON Web Token ，是目前最流行的跨域认证解决方案。基本的实现是服务端认证后，生成一个 JSON 对象，发回给用户。用户与服务端通信的时候，都要发回这个...

2021-01-26

69浏览

0评论

深入了解Vue动态组件和异步组件

1.动态组件<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> #app { font-size: 0 } .dynamic-component-demo-tab-button { padding: 6px 10px; bord...

2021-01-26

67浏览

0评论

vue 组件基础知识总结

组件基础
1 组件的复用
组件是可复用的Vue实例。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.o...

2021-01-26

热门文章