JavaScript - 教程之家

62浏览

0评论

Vue2.x-使用防抖以及节流的示例

utils:// 防抖export const debounce = (func, wait = 3000, immediate = true) => { let timeout = null; return function() { let context = this; let args = argumen...

2021-03-02

116浏览

0评论

详解微信小程序（Taro）手动埋点和自动埋点的实现

每一个公司要想用户增长，都要收集和分析用户操作数据，因此埋点是必不可少的事情。
而对于前端职业发展来说，传统的手动埋点，无疑是繁琐又无聊的事情，能简化就简化。
一、手动埋点...

2021-03-02

119浏览

0评论

Vue中避免滥用this去读取data中数据

前言
在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取data中数据。但是要避免滥用this去读取data中数据，至于在哪里要避免滥用，如...

2021-03-02

164浏览

0评论

js实现Element中input组件的部分功能并封装成组件(实例代码)

现在实现的有基础用法、可清空、密码框，参考链接：https://element.eleme.cn/#/zh-CN/component/inputHTML代码：想要测试哪个组件，直接将对应组件解开注释即可，标红的js和css记得...

2021-03-02

104浏览

0评论

nodejs怎么创建文件

nodejs创建文件并写文件内容在NodeJS中，所有与文件操作都是通过fs核心模块来实现的，包括文件目录的创建、删除、查询以及文件的读取和写入，在fs模块中，所有的方法都分为同步和异...

2021-03-01

209浏览

0评论

js怎么判断数组长度

length 属性可设置或返回数组中元素的数目。每个数组都有一个 length 属性，该属性返回数组的最大长度，即其值等于最大下标值加 1。由于数字下标必须小于 2^32-1，所以 length 属...

2021-03-01

252浏览

0评论

js如何创建字符串数组

js创建字符串数组的方法：一、创建一个空数组，并将其赋值为字符串：var arr=[];var arr=new Array("1","sdf");二、实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式...

2021-03-01

76浏览

0评论

jquery怎样创建元素节点

jquery创建元素节点的方法：1、新建一个html文件，命名为test.html，用于讲解jquery如何创建元素节点。2、在test.html文件中，创建一个p标签，下面将在p标签内添加一个img节点。3、在...

2021-03-01

155浏览

0评论

three.js 实现露珠滴落动画效果的示例代码

前言大家好，这里是 CSS 魔法使——alphardex。本文我们将用three.js来实现一种很酷的光学效果——露珠滴落。我们知道，在露珠从一个物体表面滴落的时候，会产生一种粘着的效果。...

2021-03-01

94浏览

0评论

vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)

效果若使用请自行优化代码和样式不显示图片/播放视频音频代码如下<template> <div> <div v-on:dragover="tts" v-on:drop="ttrs" style="width: 800px;height: 200px;bord...

2021-03-01

48浏览

0评论

一起来了解一下JavaScript的预编译(小结)

JS运行三部曲
js运行代码共分三步语法分析预编译解释执行JavaScript代码在运行时，首先会进行语法分析，通篇检查代码是否存在低级错误，然后进行预编译，整理内部的一个逻辑，...

2021-03-01

94浏览

0评论

javascript中如何提高扩展运算符的性能？

在这篇文章中，我们会进行一个有趣的测试，看看我们如何提高扩展运算符的性能。让我们首先简要介绍一下扩展运算符在数组中的工作原理。扩展运算符，也就是我们常用的三个，让数组展...

2021-02-25

213浏览

0评论

html引入js不生效怎么办

html引入外部js文件不生效？第一：引入外部文件确保正常引入，也就是用script去引入，千万不要用link去引入第二：javascript里面，有直接操作页面元素的代码，所以不能在head里面引用，而...

2021-02-25

129浏览

0评论

Nodejs 数组的队列以及forEach的应用详解

本文主要记录了在Nodejs开发过程中遇到过的由数组特性引起的问题及解决方式，以及对数组的灵活应用。本文代码测试结果均基于node v6.9.5数组与队列利用数组对象方法push/shif...

2021-02-25

81浏览

0评论

解决await在forEach中不起作用的问题

一、前言前两天在项目中用for遍历的时候遇到了一个坑，花了一天的时间解决。这里就记一下。二、问题首先引一个很简单题目:给一个数组,每隔1s打印出来.这里我把我一开始在项目...

2021-02-25

141浏览

0评论

使用webpack和rollup打包组件库的方法

前言
之前做了一个loading的样式组件，为了实现代码的可重用性，将这个小项目打包并且发布在了npm上。在一次次的打包发包过程中经历了一个有一个报错，@buzuosheng/loading这个组...

2021-02-25

96浏览

0评论

JavaScript仿京东轮播图效果

本文实例为大家分享了JavaScript实现京东轮播图效果展示的具体代码，供大家参考，具体内容如下做了一个仿京东的轮播图，当然没有人家官网的精美啦。主要技术点：
每隔3秒自动切换图...

2021-02-25

124浏览

0评论

基于JavaScript实现随机点名器

本文实例为大家分享了JavaScript实现随机点名器的具体代码，供大家参考，具体内容如下HTML代码：<body> <h1>点名啦</h1> <div id="did"> <input id="rollcall-id" type="button"...

2021-02-25

296浏览

0评论

详解vite+ts快速搭建vue3项目以及介绍相关特性

vite
尤大在 Vue 3.0 beta 直播中推荐了 vite 的工具，强调：针对Vue单页面组件的无打包开发服务器，可以直接在浏览器运行请求的 vue 文件
很新颖，这篇博客用它来搭建一个 vue3 的...

2021-02-25

87浏览

0评论

详解nodejs中的queryString模块

无论是前端还是后端，经常出现的应用场景是URL中参数的处理。nodeJS的queryString模块提供了一些处理 query strings 的工具。本文将详细介绍nodeJS中的queryStringvar querys...

2021-02-23

82浏览

0评论

学习javascript里的DOM知识

1、DOM ,Document/Object/Modul简写，文档对象模型，该模型为DOM元素节点树。不同元素按一定的从属关系构成DOM元素节点树。

2.关于meta<!DOCTYPE html><html lang="en"><head>...

2021-02-23

109浏览

0评论

JS canvas实现画板和签字板功能

本文实例为大家分享了JS canvas实现画板/签字板功能的具体代码，供大家参考，具体内容如下前言常见的电子教室里的电子黑板。本文特点：原生JS
封装好的模块
最简代码样例<!DOCTYP...

2021-02-23

699浏览

0评论

基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能

1. 前言之前公司要在管理系统中做一个全局上传插件，即切换各个页面的时候，上传界面还在并且上传不会受到影响，这在vue这种spa框架面前并不是什么难题。然而后端大佬说我们要实...

2021-02-23

107浏览

0评论

JavaScript实现H5接金币功能(实例代码)

今日做出做出一个春节接金币红包的活动，感觉挺不错的分享给大家
这个小游戏采用hilojs实现的，详情第一步：安装插件npm i hilojs或者yarn add hilojs第二步：创建一个Asset.js文件...

2021-02-22

103浏览

0评论

js实现验证码干扰（静态）

本文实例为大家分享了js实现验证码干扰的具体代码，供大家参考，具体内容如下效果代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ pad...

2021-02-22

89浏览

0评论

详解Angular中的结构型指令、模块和样式

一，结构型指令*是一个语法糖,<a *ngIf="user.login">退出</a>相当于<ng-template [ngIf]="user.login"> <a>退出</a></ng-template>避免了写ng-template。<ng-template [ngI...

2021-02-21

84浏览

0评论

使用原生javascript开发计算器实例代码

计算器的主要作用是进行数字运算，开发一个计算器功能的web实例，有助于更好的掌握js基础的数字运算能力。本实例详细分析一个js计算器的开发步骤，学习本教程时最好先具备一些基...

2021-02-21

181浏览

0评论

Nest.js环境变量配置与序列化详解

环境变量配置简述
程序在不同的环境下需要不同的环境变量，例如生产环境、测试环境以及开发环境所需要不同的数据库信息：链接地址、链接端口号、登录用户名和密码相关信息。为...

2021-02-21

89浏览

0评论

关于Js中new操作符的作用详解

前言Js是当今时代最常用的代码操作语言，其中new操作符尤为常见。对于很多代码小白来说，并不清楚new在Js中扮演着怎样的角色，具体是做什么用，干了什么。本文从new操作符的作用着...

2021-02-21

97浏览

0评论

详解JavaScript模块加载器--RequireJS

RequireJS是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境，就像 Rhino and Node。使用RequireJS加载模块化脚本将提高代码的加载速度和质...

2021-02-19

183浏览

0评论

js动态添加带圆圈序号列表方法的精讲

1、先在body里面添加ul标签<ul id="list"> </ul>2.通过js获取到id等于list的标签定义一个空字符串用来连接增加的标签，并展示出来如图的js代码展示的是前三...

2021-02-18

141浏览

0评论

Vue单页面应用中实现Markdown渲染

之前渲染 Markdown 的时候, 笔者使用的是 mavonEditor 的预览模式, 使用起来比较爽, 只需要引入组件即可, 但是在最近的开发中, 遇到了困难.主要问题在于作为单页面应用, 站...

2021-02-16

98浏览

0评论

如何在 Vue 中使用 JSX

JSX 是什么JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以他即具备了 Javascript 的灵活性，同时又兼具 html...

2021-02-16

162浏览

0评论

node.js 基于 STMP 协议和 EWS 协议发送邮件

本文主要介绍 node.js 发送基于 STMP 协议和 MS Exchange Web Service(EWS) 协议的邮件的方法。文中所有参考代码均以 TypeScript 编码示例。1 基于 STMP 协议的 node.js 发...

2021-02-16

87浏览

0评论

理解Javascript中的Closure（闭包）

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无...

2021-02-15

117浏览

0评论

JS如何读取和保存文件？方法介绍

JavaScript读取和保存文件因为Google还不提供同步插件数据的功能，所以导入和导出插件配置就必须和文件打交道了。而出于安全原因，只有IE才提供访问文件的API；但随着HTML 5的到...

2021-02-14

86浏览

0评论

介绍关于JavaScript 的事件流

关于 JavaScript 的事件流前言正文甚麼是事件? 甚麼是事件流? 事件冒泡 vs 事件捕獲 DOM事件分級 DOM0 事件 DOM2 事件結語前言再看這篇前，建議各位可以先去看...

2021-02-14

70浏览

0评论

一起看看v-for中key属性的作用！

其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。我们知道，vue和react都实现了一套虚拟D...

2021-02-12

138浏览

0评论

Vuex中Mutations怎么理解？怎么用？

通俗的理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。怎么用mutations？mutation...

2021-02-12

125浏览

0评论

深入了解JS中的数据结构之链表（Linked-list）

对于 JS 初学者，理解链表可能是一项比较困难的任务，因为 JS 没有提供内置的链表。在像 JS 这样的高级语言中，我们需要从头开始实现此数据结构，如果你不熟悉此数据结构的工作方...

2021-02-12

113浏览

0评论

Typescript基础类型以及与Javascript对比讲解

文章目录 TypeScript数据类型以及与JavaScript对比介绍一、数据类型与基础数据类型 1.数据类型 2.基础数据类型 3.二者关系 4.实例二、字面量与变量 1.字面量(...

2021-02-12

71浏览

0评论

JavaScript canvas实现跟随鼠标移动小球

本文实例为大家分享了js跟随鼠标移动小球的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> canvas{ border...

2021-02-09

72浏览

0评论

javascript实现简单留言板案例

用Javascript实现留言板案例（附带删除留言），供大家参考，具体内容如下正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在一些网站的讨论品论区，我们通常可以看...

2021-02-09

71浏览

0评论

javascript实现下拉菜单效果

用Javascript实现下拉菜单，供大家参考，具体内容如下正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教下拉菜单，或者侧拉菜单在实际开发当中非常的实用代码：<!...

2021-02-09

64浏览

0评论

用javascript实现倒计时效果

用Javascript实现倒计时效果，供大家参考，具体内容如下正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在某些商城网站中，我们常常可以看见其网站或者app上...

2021-02-09

94浏览

0评论

javascript实现倒计时关闭广告

用Javascript实现倒计时关闭广告案例正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在很多app与网页中，我们可以看到这样的广告：进入某个网站后，会弹出一...

2021-02-09

93浏览

0评论

javascript实现固定侧边栏

用javascript实现固定侧边栏，供大家参考，具体内容如下正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教我们在逛某某商城的时候，或者某些网站的时候，通常会遇...

2021-02-09

88浏览

0评论

JavaScript实现前端倒计时效果

本文实例为大家分享了JavaScript实现前端倒计时效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...

2021-02-09

118浏览

0评论

Vue+Bootstrap实现简易学生管理系统

利用vue和bootstrap做了一个比较简易的学生管理系统，供大家参考，具体内容如下废话不多说，先来看看效果图附上源代码:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset=...

2021-02-09

142浏览

0评论

vue-cli-service不是内部或外部命令怎么解决

vue-cli-service 不是内部或者外部命令原因一、新拉取的项目没有执行 npm install，找不到相关的依赖包（也就是说没有node_modules文件夹）。解决方法：执行下 npm install 即可...

2021-02-08

热门文章