JavaScript - 教程之家

458浏览

0评论

js如何给数组赋值

js给数组赋值的方法：1、我们创建一个方法，先定义一个空的数组。2、其实要为数组赋值，我们在定义数组时，就可以为数组赋予一些初始值。3、如果定义后，要为数据添加值，我们可以使用...

2021-02-02

130浏览

0评论

学习使用JavaScript实现UTF-8编解码

首先简单介绍一下UTF-8。UTF-8以字节为单位对Unicode进行编码。UTF-8的特点是对不同范围的字符使用不同长度的编码。对于0x00-0x7F之间的字符，UTF-8编码与ASCII编码完全相同...

2021-02-02

125浏览

0评论

谈谈使用nodejs增删改查本地json文件的方法

哈喽！nodejs的文件系统，接触过node的对node的文件系统肯定不会陌生，这两天我就在思考一个问题，我是否可以在本地操作我的本地json文件，这样一个本地的文本数据库就有了，如果是便签...

2021-02-02

144浏览

0评论

angularjs数据绑定失效的解决方法

相信大家在进行angularjs开发的时候也会遇到我现在遇到的问题：明明页面进行了双向数据绑定，而且数据已经改变了，但是视图却并未刷新。代码示例<div ng-controller="testCtrl">...

2021-02-02

122浏览

0评论

深入浅析JS中的事件委托

为什么要进行事件委托？首先实现一个小功能：在单击 HTML 的按钮后，把消息输出到控制台。为了实现这个小功能，你需要选择按钮，然后再用 addEventListener() 方法来附加事件监听器：<b...

2021-02-02

2077浏览

0评论

Vue 实现可视化拖拽页面编辑器

在线地址 (用梯子会更快些)可视化页面编辑器，听起来可望不可即是吧，先来张动图观摩观摩一番！实现这功能之前，在网上参考了很多资料，最终一无所获，五花八门的文章，都在述说着曾经的...

2021-02-01

168浏览

0评论

如何在vue中使用video.js播放m3u8格式的视频

@[toc] 注意： "vue": "^2.6.11", "video.js": "^7.10.2", "videojs-contrib-hls": "^5.15.0", "mux.js": "^5.7.0"一、安装yarn add video.jsyarn add videojs-contrib-hls /...

2021-02-01

584浏览

0评论

Vue项目打包部署到apache服务器的方法步骤

vue项目在开发环境下，让项目运行起来，是通过npm run dev命令，原理是在本地搭建了一个express服务器。但是在服务器上就不是这样的，必须要通npm run build命令来对整个项目进行打...

2021-02-01

382浏览

0评论

vue-video-player 断点续播的实现

最近的项目中需要实现视频断点续播的功能，一听到这个功能。内心方张了..但却又有点小窃喜，小懵乱。抱着求学态度去挑战一下。1.安装插件npm install vue-video-player --save2...

2021-02-01

89浏览

0评论

js实现简单商品筛选功能

本文实例为大家分享了js实现商品筛选功能的具体代码，供大家参考，具体内容如下应用场景：商品筛选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docume...

2021-02-01

71浏览

0评论

Node.js中的异步生成器与异步迭代详解

前言生成器函数在 JavaScript 中的出现早于引入 async/await，这意味着在创建异步生成器（始终返回 Promise 且可以 await 的生成器）的同时，还引入了许多需要注意的事项。今天，我们...

2021-01-31

83浏览

0评论

Javascript生成器（Generator）的介绍与使用

什么是生成器？
生成器是在函数内部运行的一些代码返回值后，它会自行暂停，并且—— 调用程序可以要求取消暂停并返回另一个值
这种“返回”不是传统的从函数 return。所以...

2021-01-31

104浏览

0评论

ES6的循环与可迭代对象示例详解

本文将研究 ES6 的 for ... of 循环。旧方法
在过去，有两种方法可以遍历 javascript。首先是经典的 for i 循环，它使你可以遍历数组或可索引的且有 length 属性的任何对象。fo...

2021-01-31

77浏览

0评论

如何在现代JavaScript中编写异步任务

前言在本文中，我们将探讨过去异步执行的 JavaScript 的演变，以及它是怎样改变我们编写代码的方式的。我们将从最早的 Web 开发开始，一直到现代异步模式。作为编程语言， JavaScri...

2021-01-31

117浏览

0评论

浅谈JavaScript中的Map、WeakMap、Set和WeakSet

我猜想，超过70％的JavaScript开发人员仅使用对象来收集和维护其项目中的数据。好吧，确实如此，新的集合对象（例如Map和Set）即使在2015年问世也没有得到充分利用。因此，今天，我将讨论20...

2021-01-30

79浏览

0评论

怎样用 Node.js 高效地从 Web 爬取数据？

由于Javascript有了巨大的改进，并且引入了称为NodeJS的运行时，因此它已成为最流行和使用最广泛的语言之一。无论是Web应用程序还是移动应用程序，Javascript现在都具有正确的工...

2021-01-30

147浏览

0评论

详解JS中的window.location对象

如果你想获取站点的URL信息，那么window.location对象什么很适合你！使用其属性获取有关当前页面地址的信息，或使用其方法进行某些页面重定向或刷新window.location.origin &r...

2021-01-30

100浏览

0评论

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

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

2021-01-30

459浏览

0评论

Vite和Vue CLI的优劣

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

2021-01-30

182浏览

0评论

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

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

2021-01-30

85浏览

0评论

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

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

2021-01-30

94浏览

0评论

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

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

2021-01-30

125浏览

0评论

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

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

2021-01-29

77浏览

0评论

介绍JavaScript作用域和闭包

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

2021-01-29

612浏览

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

600浏览

0评论

使用Nodejs+robotjs控制鼠标键盘

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

2021-01-29

113浏览

0评论

浅谈angular9中拦截器的用法

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

2021-01-29

99浏览

0评论

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

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

2021-01-29

163浏览

0评论

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

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

2021-01-29

96浏览

0评论

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

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

2021-01-29

149浏览

0评论

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

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

2021-01-29

128浏览

0评论

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

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

2021-01-29

136浏览

0评论

javascript实现拼图游戏

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

2021-01-29

378浏览

0评论

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

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

2021-01-29

76浏览

0评论

Javascript实现打鼓效果

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

2021-01-29

128浏览

0评论

JS实现点击掉落特效

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

2021-01-29

141浏览

0评论

Javascript实现关闭广告效果

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

2021-01-29

118浏览

0评论

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

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

2021-01-29

120浏览

0评论

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

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

2021-01-29

209浏览

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

75浏览

0评论

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

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

2021-01-29

134浏览

0评论

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

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

2021-01-29

94浏览

0评论

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

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

2021-01-28

107浏览

0评论

JavaScript中的错误对象（Error object）

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

2021-01-28

88浏览

0评论

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

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

2021-01-28

65浏览

0评论

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

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

2021-01-28

146浏览

0评论

Bootstrap FileInput实现图片上传功能

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

2021-01-28

79浏览

0评论

一文秒懂nodejs中的异步编程

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

2021-01-28

113浏览

0评论

Vue v-model相关知识总结

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

2021-01-28

100浏览

0评论

Vue 数据响应式相关总结

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

2021-01-28

热门文章