JavaScript - 教程之家

75浏览

0评论

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

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

2021-01-28

260浏览

0评论

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

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

2021-01-28

157浏览

0评论

一起看看ECMAScript和JavaScript的区别

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

2021-01-27

140浏览

0评论

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

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

2021-01-27

213浏览

0评论

vscode自定义vue模板的实现

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

2021-01-27

183浏览

0评论

JavaScript实现切换多张图片

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

2021-01-27

93浏览

0评论

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

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

2021-01-27

231浏览

0评论

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

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

2021-01-27

147浏览

0评论

JavaScript实现点击切换功能

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

2021-01-27

156浏览

0评论

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

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

2021-01-27

111浏览

0评论

怎样在vue中使用jquery

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

2021-01-27

251浏览

0评论

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

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

2021-01-26

95浏览

0评论

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

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

2021-01-26

126浏览

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

171浏览

0评论

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

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

2021-01-26

86浏览

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

80浏览

0评论

vue 组件基础知识总结

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

2021-01-26

179浏览

0评论

vue3 watch和watchEffect的使用以及有哪些区别

1.watch侦听器
引入watchimport { ref, reactive, watch, toRefs } from 'vue'对基本数据类型进行监听----- watch特性：1.具有一定的惰性lazy 第一次页面展示的时候不会执行，...

2021-01-26

110浏览

0评论

js基本数据类型有哪些

JavaScript的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）。●　常用的基本数据类型包括undefined、null、number、boolean、string；●　引用数据类型也...

2021-01-25

105浏览

0评论

vue和javascript的区别是什么

vue和javascript的区别：javaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。Vue.js可...

2021-01-25

157浏览

0评论

全面解析js中的原型,原型对象,原型链

理解原型
我们创建的每一个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。看如下例子...

2021-01-25

138浏览

0评论

js中实现继承的五种方法

借用构造函数
这种技术的基本思想很简单，就是在子类型构造函数的内部调用超类型的构造函数。另外，函数只不过是在特定环境中执行代码的对象，因此通过使用apply()和call()方法也...

2021-01-25

117浏览

0评论

javascript实现点击产生随机图形

本文实例为大家分享了javascript实现点击产生随机图形的具体代码，供大家参考，具体内容如下点击产生随机图形效果如下：用javascript来实现主要用canvas和随机函数完成各种图形第...

2021-01-25

244浏览

0评论

json.stringify()与json.parse()的区别以及用处

一、JSON.stringify()和JSON.parse() 区别
我们都用过JSON.stringify()和JSON.parse() ，从名字上就能知道
JSON.stringify()的作用是将JavaScript对象转换为JSON 字符串
JSON...

2021-01-25

143浏览

0评论

如何在Vue项目中添加接口监听遮罩

一、业务背景
使用遮罩层来屏蔽用户的非正常操作，是前端经常使用的方式。但是在一些项目中，并没有对遮罩层进行统一管理，这就会造成如下的问题：
（1）所有的业务组件都要引入遮罩层...

2021-01-25

130浏览

0评论

JS中循环遍历数组的四种方式总结

本文比较并总结遍历数组的四种方式：for 循环：for (let index=0; index < someArray.length; index++) { const elem = someArray[index]; // ···}for-in 循环：for (const ke...

2021-01-23

137浏览

0评论

js简单粗暴的发布订阅示例代码

什么是发布/订阅？我打个比方，你去某个门店买衣服，你和门店店长相互并不认识，门店店长只管卖他的衣服，并不关心是谁来买，而你也只管买你想要的衣服，并不关心是哪个门店在卖，这时，门店...

2021-01-23

142浏览

0评论

jquery给元素设置/取消readonly和disabled属性

jquery设置元素的readonly和disabled1.readonly$('input').attr("readonly","readonly")//将input元素设置为readonly$('input').removeAttr("readonly");/...

2021-01-22

165浏览

0评论

了解Nodejs中的模块载入

使用Nodejs，就不可避免地引用第三方模块，它们有些是Nodejs自带的（例：http，net...），有些是发布在npm上的（例：mssql，elasticsearch...）本篇章聚焦3个问题：1.Nodejs模块的加载过程。2.应用...

2021-01-22

155浏览

0评论

JavaScript实现UTF-8编解码

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

2021-01-22

174浏览

0评论

Angular和Vue.js的区别是什么？Angular和Vue.js的深度对比

Vue.js 是开源的 JavaScript 框架，能够帮助开发者构建出美观的 Web 界面。当和其它网络工具配合使用时，Vue.js 的优秀功能会得到大大加强。如今，已有许多开发人员开始使用 Vue....

2021-01-22

213浏览

0评论

vue form表单post请求结合Servlet实现文件上传功能

前端测试页面代码：<template> <div> <input type="file" name="file" @change="change($event)"> </div></template><script> export default { created(){ this.path =...

2021-01-22

170浏览

0评论

nodejs中使用worker_threads来创建新的线程的方法

简介之前的文章中提到了，nodejs中有两种线程，一种是event loop用来相应用户的请求和处理各种callback。另一种就是worker pool用来处理各种耗时操作。nodejs的官网提到了一个...

2021-01-22

110浏览

0评论

动态实现element ui的el-table某列数据不同样式的示例

问题描述
在饿了么ui的框架中，输入数据el-form，输出数据el-table。有时候产品想让枯燥的表格来点动态的样式，比如不同的内容展示不同的样式，对于这个需求，其实方式有很多种，本文列...

2021-01-22

151浏览

0评论

DOM节点和元素之间有什么区别

文档对象模型(DOM)是一个将HTML或XML文档视为树形结构的接口，其中每个节点都是文档的一个对象。DOM还提供了一组方法来查询树、改变结构、样式。DOM 还使用术语元素(Element)...

2021-01-21

159浏览

0评论

浅谈Nodejs获取参数的几种方法

NodeJs 取参的四种方法参考：https://my.oschina.net/u/2519530/blog/535309获取请求中的参数是每个web后台处理的必经之路，nodejs的 express框架提供了四种方法来实现。 req...

2021-01-21

113浏览

0评论

Angular使用ngrx/store做状态管理

Angular中使用ngrx做状态管理简介ngrx/store的灵感来源于Redux，是一款集成RxJS的Angular状态管理库，由Angular的布道者Rob Wormald开发。它和Redux的核心思想相同，但使用RxJS实...

2021-01-21

154浏览

0评论

Vue仿Bibibili首页的问题

工程结构工程分为两部分，bilibili-api是api接口服务，其他是前端的部分，工程结构如下。运行截图

如何运行运行前，需要你在本地已经安装Node和Vue的运行环境，为了保证项目的正常运...

2021-01-21

139浏览

0评论

浅谈jQuery中的遍历函数

jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述 .add() 将元素添加到匹配元素的集合中。 .andSelf() 把堆栈中...

2021-01-20

210浏览

0评论

nodejs怎怎么读写json文件？方法介绍

读json文件'use strict';const fs = require('fs');let rawdata = fs.readFileSync('student.json');let student = JSON.parse(rawdata);console....

2021-01-20

148浏览

0评论

实现原生js实现轮播图

使用原生js实现轮播图今天分享一个使用原生JS实现轮播图的案例，并且配上比较详细的过程讲解，欢迎小伙伴的浏览和批评指正。静态效果图如下：
核心思想将一些图片在一行中平铺，然...

2021-01-20

168浏览

0评论

原生js实现自定义滚动条

本文实例为大家分享了js实现自定义滚动条的具体代码，供大家参考，具体内容如下1.HTML文件div1是滚动条，div2是滚动小球，div3是文本区域容器，div4是文本区域。<div id="div"> <div...

2021-01-20

160浏览

0评论

JavaScript实现下拉列表

本文实例为大家分享了JavaScript实现下拉列表的具体代码，供大家参考，具体内容如下这一次写了一个比较简单的下拉列表的实现，点击出现列表内容，再次点击列表消失，研究了很久，发现这...

2021-01-20

154浏览

0评论

浅谈Vue开发人员的7个最好的VSCode扩展

在Visual Studio中添加正确的VS Code扩展可以让你作为开发者的生活变得更加轻松。
它们可以帮助格式化、可伸缩性、强制执行最佳实践，从而自动化开发过程中许多容易忘记的任...

2021-01-20

152浏览

0评论

详解实现vue的数据响应式原理

这篇文章主要是给不了解或者没接触过 vue 响应式源码的小伙伴们看的，其主要目的在于能对 vue 的响应式原理有个基本的认识和了解，如果在面试中被问到此类问题，能够知道面试官想...

2021-01-20

71浏览

0评论

vue实现简易计算器功能

本文实例为大家分享了vue实现简易计算器的具体代码，供大家参考，具体内容如下功能介绍1、可以实现加减乘除
2、可以实现归零
3、实现退格
效果图一般般，样式随便写的，主要看功能...

2021-01-20

99浏览

0评论

vue使用过滤器格式化日期

本文实例为大家分享了vue使用过滤器格式化日期的具体代码，供大家参考，具体内容如下案例要求案例讲解1、查看未过滤格式化的日期格式
2、设置模板函数format 接收日期值和日期...

2021-01-20

327浏览

0评论

uniapp微信小程序:key失效的解决方法

uniapp 代码<template> <view> <image v-for="(item, i) in fileList" :key="item[urlKey]" :src="item[urlKey]"></image> </view></template><script> export defau...

2021-01-20

252浏览

0评论

Nodejs 微信小程序消息推送的实现

选择或创建订阅消息模板
登录到微信小程序里面找到功能->订阅消息。可以在公共模板库里选择需要的模板，如果没有找到自己需要的也可以自己创建然后等待审核、
选择完模板查看...

2021-01-20

162浏览

0评论

Vue实现图书管理案例

本文实例为大家分享了Vue实现图书管理的具体代码，供大家参考，具体内容如下案例效果案例思路
1、图书列表
实现静态列表效果基于数据实现模板效果处理每行的操作按钮
2...

2021-01-20

热门文章