JavaScript - 教程之家

104浏览

0评论

JavaScript快速实现日历效果

本文实例为大家分享了JavaScript快速实现日历效果的具体代码，供大家参考，具体内容如下效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta htt...

2021-03-08

112浏览

0评论

js实现调用网络摄像头及常见错误处理

最近由于业务的原因，需要在Web端页面接入调试各类的网络摄像头，遇到了很多匪夷所思的问题（说的就是读得出摄像头的品牌，读不出摄像头的分辨率）。于是整理了这篇文章作为备忘录，也...

2021-03-08

141浏览

0评论

node卸载命令是什么

node使用卸载命令卸载的方法使用包管理先删除一次sudo apt-get remove nodejs npm手动清理进入 /usr/local/lib 删除所有 node 和 node_modules文件夹进入 /usr/local/inclu...

2021-03-06

99浏览

0评论

javascript:void什么意思

Javascript中void 是一个操作符，该操作符指定要计算一个表达式但是不返回值。可以使用void实现a标签在点击时不会发生跳转。也可以采用void0取undefined。void 操作符用法jav...

2021-03-06

109浏览

0评论

利用JS十分钟判断数组中存在元素的多种方式

前言在前端开发中，经常会遇到要判断数组中是否存在某个元素。其实判断的方式有很多种，我们一个一个来了解下。我们先来定义一个数组：const arr = [ 13, false, 'abcd', undefin...

2021-03-06

98浏览

0评论

7道关于JS this的面试题，你能答对几个

前言在 JavaScript 中，this 是函数调用上下文。正是由于 this 的行为很复杂，所以在 JavaScript 面试中，总是会问到有关 this 的问题。做好的准备面试的方法是练习，所以本文针对...

2021-03-06

89浏览

0评论

不用typsescript如何使用类型增强功能

前言由于 JS 的弱类型、宽松的编写规范、以及开发工具的弱鸡支持，我们在维护前人的代码时，经常会出现不知道某一个方法或字段命名来自于哪里，一定要在全局搜索以后慢慢筛查才能...

2021-03-06

275浏览

0评论

vue中axios封装使用的完整教程

前言
如今，在项目中，普遍采用Axios库进行Http接口请求。它是基于promise的http库，可运行在浏览器端和node.js中。此外还有拦截请求和响应、转换JSON数据、客户端防御XSRF等优秀...

2021-03-03

94浏览

0评论

three.js如何实现3D动态文字效果

前言
大家好，这里是 CSS 魔法使——alphardex。之前在逛国外网站的时候，发现有些网站的文字是刻在3D图形上的，并且能在图形上运动，视觉效果相当不错，于是笔者就也想用three.js来...

2021-03-03

116浏览

0评论

Webpack3+React16代码分割的实现

项目背景最近项目里有个webpack版本较老的项目，由于升级和换框架暂时不被leader层接受o(╥﹏╥)o，只能在现有条件进行优化。webpack3 + react16webpack v3配置检查很明显项目的...

2021-03-03

115浏览

0评论

NodeJS和浏览器中this关键字的不同之处

前言
学习过JavaScript的人肯定清楚处在不同环境下this的指向问题。那么看下面的代码var type = 1function toWhere(){ this.type = 2;}toWhere();console.log(type)你们肯...

2021-03-03

277浏览

0评论

微信小程序input抖动问题的修复方法

发现问题先看问题，小程序中，使用 Vant 的 Dialog 组件 + 小程序元素 input 组件，在弹出的时候 placeholder 文字会抖动一下，即初始位置偏上，再抖动到正确的位置上。有问题的录屏：...

2021-03-03

114浏览

0评论

js怎么删除数组中某一元素

首先可以给JS的数组对象定义一个函数，用于查找指定的元素在数组中的位置，即索引，代码为： Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length;...

2021-03-02

98浏览

0评论

js中箭头函数和普通函数的区别是什么

普通函数在es5中就有了，箭头函数是es6中出现的函数形式，当然也可以继续用普通函数。普通函数大家知道：形式基本一致来看看箭头函数：开发时根据实际情况可以省略一些东西单条处理...

2021-03-02

125浏览

0评论

js如何获取图片宽高

js获取图片宽高的方法：一、简陋的获取图片方式// 图片地址后面加时间戳是为了避免缓存var img_url = ‘upload/2013/13643608813441.jpg?'+Date.parse(new Date())...

2021-03-02

125浏览

0评论

js className如何修改class属性

js className修改class属性的方法：1、修改className 1）修改class类名为p-a-0 2）在保留class="p1"的基础上再添加一个类名为p-a-02、删除className1).结果需删除class="addp1"正...

2021-03-02

127浏览

0评论

Vue多选列表组件深入详解

多选列表（Multi-Select）是一种将所有选项列出，并允许用户利用 Ctrl/Shift 键进行多选的 UI 元素。这是一种常见的设计元素。有时候为了节省空间，我们会将选项折叠于 Combo Box...

2021-03-02

73浏览

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

132浏览

0评论

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

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

2021-03-02

132浏览

0评论

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

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

2021-03-02

189浏览

0评论

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

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

2021-03-02

112浏览

0评论

nodejs怎么创建文件

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

2021-03-01

221浏览

0评论

js怎么判断数组长度

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

2021-03-01

270浏览

0评论

js如何创建字符串数组

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

2021-03-01

92浏览

0评论

jquery怎样创建元素节点

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

2021-03-01

170浏览

0评论

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

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

2021-03-01

105浏览

0评论

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

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

2021-03-01

54浏览

0评论

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

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

2021-03-01

101浏览

0评论

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

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

2021-02-25

222浏览

0评论

html引入js不生效怎么办

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

2021-02-25

135浏览

0评论

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

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

2021-02-25

85浏览

0评论

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

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

2021-02-25

148浏览

0评论

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

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

2021-02-25

102浏览

0评论

JavaScript仿京东轮播图效果

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

2021-02-25

126浏览

0评论

基于JavaScript实现随机点名器

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

2021-02-25

312浏览

0评论

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

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

2021-02-25

93浏览

0评论

详解nodejs中的queryString模块

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

2021-02-23

84浏览

0评论

学习javascript里的DOM知识

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

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

2021-02-23

117浏览

0评论

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

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

2021-02-23

733浏览

0评论

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

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

2021-02-23

113浏览

0评论

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

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

2021-02-22

108浏览

0评论

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

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

2021-02-22

100浏览

0评论

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

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

2021-02-21

87浏览

0评论

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

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

2021-02-21

188浏览

0评论

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

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

2021-02-21

95浏览

0评论

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

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

2021-02-21

110浏览

0评论

详解JavaScript模块加载器--RequireJS

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

2021-02-19

187浏览

0评论

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

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

2021-02-18

157浏览

0评论

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

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

2021-02-16

107浏览

0评论

如何在 Vue 中使用 JSX

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

2021-02-16

热门文章