JavaScript - 教程之家

259浏览

0评论

VUE 记账凭证模块组件的示例代码

效果如下所示：<template> <div class="voucher-container"> <div class="voucher_header"> <div class="voucher_header_title">记账凭证</div> <div class="voucher_he...

2022-03-01

142浏览

0评论

vue实现选项卡案例

本文实例为大家分享了vue实现选项卡案例的具体代码，供大家参考，具体内容如下实现步骤实现静态UI效果用传统的方式实现标签结构和样式基于数据重构UI效果将静态的结构和样式重...

2022-03-01

198浏览

0评论

一文教你如何实现localStorage的过期机制

目录前言cookie过期机制expires和max-age的区别localStorage数据过期需求分析：动手实践参考文章总结前言我们都知道cookie存储的数据是可以添加过期时间属性（Expires/Max-Age），...

2022-03-01

133浏览

0评论

localStorage设置有效期和过期时间的简单方法

目录前言实现思路实现代码总结前言总所周知localStorage默认是不会过期的，也没有可设置过期的api，如果要实现过期清除就需要自己实现一个api实现思路在Storage原型上新增两个...

2022-03-01

59浏览

0评论

jquery addclass()怎么用

在jquery中，addclass()方法用于向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。提示：如需添加多个类，请使用空格分隔类名。语...

2022-03-01

266浏览

0评论

jquery怎么修改visibility属性

visibility 属性规定元素是否可见。可以设置的属性值：值描述 visible 默认值。元素是可见的。 hidden 元素是不可见的。 collapse 当在表...

2022-03-01

97浏览

0评论

jquery怎么替换class

jquery替换class（类）实现方法：使用removeClass()删除旧的class 使用addClass()添加新的class实现代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src=...

2022-03-01

119浏览

0评论

jquery怎么隐藏子元素

jquery隐藏子元素实现方法：首先需要选取子元素 children()方法：获取该元素下的直接子集元素 find()方法：获取该元素下的所有（包括子集的子集）子集元素然后使用hide()...

2022-03-01

66浏览

0评论

jquery val()方法怎么用

jquery val()方法在jquery中，val()方法用于返回或设置被选元素的 value 属性的值。当用于返回值时：该方法返回第一个匹配元素的 value 属性的值。$(selector).val() 当用...

2022-03-01

133浏览

0评论

JavaScript模块化编程规范之CommonJS、AMD、CMD、ES6

一、前言AMD、CMD、CommonJs是ES5中提供的模块化编程方案，import/export是ES6中新增的模块化编程方案。那么，究竟什么什么是AMD、CMD、CommonJs？他们之间又存在什么区别呢？项目...

AMD

2022-03-01

172浏览

0评论

jquery怎么修改type属性

在jquery中，通过取得input对象，使用attr()方法可以改变type类型。语法：$(selector).attr("type","新值");$(selector).attr({type:新值});示例：在p标签内，使用input标签创建一个...

2022-03-01

86浏览

0评论

jquery stop()方法有什么用

在jquery中，stop()方法用于为被选元素停止当前正在运行的动画效果。语法：$(selector).stop(stopAll,goToEnd)stopAll 和 goToEnd 都是可选参数，它们的取值都是布尔值，默认值都是...

2022-03-01

99浏览

0评论

jquery contains()方法有什么用

jquery contains()方法contains()方法用于判断指定元素内是否包含另一个元素。简而言之，contains()方法用于判断另一个DOM元素是否是指定DOM元素的后代。语法$.contains( con...

2022-03-01

125浏览

0评论

聊聊node中怎么使用Nest.js 实现简易版请求监控

平时我们做业务处理时，想看一个时间端的业务请求实况，看下某些接口 cpu 内存等使用情况，做出针对性的接口优化时要做一个监控系统。但是如果是自己搞一个小项目没有那么多资...

2022-03-01

79浏览

0评论

看看这些jQuery常见面试题，帮助你更好理解基础知识！

jQuery 面试问题和答案　　JavaScript 是客户端脚本的标准语言，而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用...

2022-02-28

73浏览

0评论

聊聊Angular中的元数据（Metadata）和装饰器（Decorator）

作为“为大型前端项目”而设计的前端框架，Angular 其实有许多值得参考和学习的设计，本系列主要用于研究这些设计和功能的实现原理。本文主要围绕 Angular 中随处可...

2022-02-28

81浏览

0评论

通过一个实战，来看看PWA怎么应用于Angular项目

PWA 有如下一些优点：无连接(offline)状态下的可用性加载速度快屏幕快捷方式如果情况允许，还是推荐大家将其用于项目中的，提升性能，也提升用户的体验。更加详细的说明，可以查看...

2022-02-18

104浏览

0评论

一文带你深入解析vue双向绑定原理（彻底搞懂它）

自定义vue类 vue最少需要两个参数：模板和data。创建Compiler对象，将数据渲染到模板后，挂载到指定跟节点中。class MyVue { // 1，接收两个参数：模板（根节点），和数据对象 constru...

2022-02-18

91浏览

0评论

一起聊聊JavaScript闭包（总结分享）

1.闭包自结闭包概念：函数执⾏后返回结果是⼀个内部函数，并被外部变量所引⽤，如果内部函数持有被执⾏函数作⽤域的变量，即形成了闭包。可以在内部函数访问到外部函数作⽤域。使⽤...

2022-02-17

99浏览

0评论

聊聊不使用Vuex怎么封装登录状态判断

在项目中肯定会有用户登录状态的判断，所以我们需要封装判断登录状态，用来满足整个项目的应用，当然刚不使用封装的话，会造成耦合度高，代码冗余等结果，在项目中可能常常用到vuex状态...

2022-02-17

81浏览

0评论

Vue实现滑动验证功能

用Vue实现滑动验证码，鼠标点击滑动验证，验证成功之后会显示验证通过。程序分析1、鼠标的点击
2、滑块的拖动
3、未验证之前滑动条上显示的文字
4、滑块箭头指向Vue函数
5、判...

2022-02-16

109浏览

0评论

聊聊Angular中父子组件间怎么传递数据

环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6 IDE: Visual Studio Code组件之间传递数据，最主要的就是父子组件之间传递数据，例如：<parent-compone...

2022-02-16

98浏览

0评论

javascript怎么判断今年是否为闰年

javascript判断今年是否为闰年首先我们要获取到当前年份，可以利用Date对象和getFullYear()。var myDate = new Date();var Year = myDate.getFullYear();//简写：var Year = ne...

2022-02-15

69浏览

0评论

浅析JavaScript的继承和原型链

浅析JavaScript的继承和原型链一、前言JavaScript的继承和原型链是我在学习前端过程中遇到的较为少有的难以理解的部分，这里便将我所有知道和了解到的东西记录了下来，希望能够...

2022-02-15

154浏览

0评论

Vue3中如何实现过渡动画？组件和动画库方法解析

在实际开发中，为了增加用户体验，经常会使用到过渡动画，而过渡动画在CSS中是通过transition和animation实现的。而在Vue中，Vue本身中内置了一些组件和API可以帮助我们方便的实现...

2022-02-15

103浏览

0评论

Node项目中用images+imageinfo库给图片批量添加水印

环境准备安装 images 库npm install images安装 imageinfo 库npm install imageinfo实现本例 addimageinfo.js 与 marklogo.png 、imagest文件夹、node_modules 文件夹在同...

2022-02-15

95浏览

0评论

探索Node中如何应用反应式编程？优缺点分析

反应式编程提供了先进的数据流，能够以一种可预测的方式创建和操作事件流。本文将告诉Node.js开发者如何在Node中应用反应式编程，以及它的好处和利弊。本文将涉及以下内容。 ...

2022-02-14

205浏览

0评论

一文带你详解Vue2 中的可选链式调用操作符“?.”

一、先说一下什么是?.（可选链式调用操作符）可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操...

2022-02-14

315浏览

0评论

聊聊Node.js + worker_threads如何实现多线程？（详解）

通常情况下，Node.js被认为是单线程。由主线程去按照编码顺序一步步执行程序代码，一旦遇到同步代码阻塞，主线程就会被占用，后续的程序代码的执行都会被卡住。没错Node.js的单线程...

2022-02-13

195浏览

0评论

JS实现情人节爱心满屏飘落的唯美特效（附完整代码）

先看最终效果↓↓↓前言：文中效果是利用snowfall.jquery.js实现的，需要先引入jquery和snowfall.jquery.js。snowfall.jquery.js下载地址：https://www.npmjs.com/pa...

2022-02-13

101浏览

0评论

javascript怎么修改元素节点的属性

javascript修改元素节点的属性setAttribute() 方法设置属性值使用元素的 setAttribute() 方法可以设置元素的属性值。用法如下：setAttribute(name, value)参数 name 和 value...

2022-02-09

63浏览

0评论

一起聊聊Javascript之Proxy与Reflect

ECMAScript 在 ES6 规范中加入了 Proxy 与 Reflect 两个新特性，这两个新特性增强了 JavaScript 中对象访问的可控性，使得 JS 模块、类的封装能够更加严密与简单，也让操作对象时...

2022-02-09

67浏览

0评论

Node.js深入学习之浅析require函数中怎么添加钩子

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。早期的 Node.js 采用的是 CommonJS 模块规范，从 Node v13.2.0 版本开始正式支持 ES Modules 特性。直到 v15.3...

2022-02-09

93浏览

0评论

vue-cli3 设置端口号(81)无效的解决

目录vue-cli3 设置端口号(81)无效vue-cli3.0怎么修改端口vue-cli3 设置端口号(81)无效用vue-cli3创建的项目端口号从8080开始，被占用依次加1，也就是说8080用不了用8081，8081用...

2022-02-08

56浏览

0评论

深入了解JavaScript基础之函数与作用域

1、函数函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。1.1、函数的使用函数在使用时分为两步：声明函数和调用函数①声明函数//声明...

2022-02-07

169浏览

0评论

移动uni-app项目怎么实现发送位置的地图交互

公司新项目要内置一个地图，或者说旧地图要改版，搞一个新的地图，在UI和交互上要对齐微信，功能上贴合业务需求。其实这些都挺简单的，主要麻烦的地方在于下面的动图交互。不过先说悔...

2022-02-07

138浏览

0评论

Vue中怎么进行网页预渲染？prerender-spa-plugin的用法浅析

预渲染通常情况下，Vue项目是单页项目，也就是渲染出来的项目，只有一个index.html。这样的缺点很明显：部署到Nginx，需要做try_files $uri $uri/ /index.html内部重定向，才可以用通...

2022-02-07

96浏览

0评论

聊聊Node中的各种I/O模型

我们以网络请求IO为例，首先介绍服务端处理一次完整的网络IO请求的典型流程：应用程序获得一个操作结果，通常包括两个不同的阶段：等待数据准备好从内核向进程复制数据以下，我们...

2022-02-07

98浏览

0评论

jquery实现字母(大小写)数字生成随机密码

代码如下：<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>//在线链接<script type="text/javascript">$(document).ready(function() {$('#g...

2022-01-25

130浏览

0评论

JavaScript中的Map数据结构详解

目录1.&ensp;什么是 Map2.&ensp;Map 构造函数2.1)&ensp;数组2.2)&ensp;Set2.3)&ensp;Map3.&ensp;Map 的实例属性和方法3.1) Map 的属性size3.2) Map 的方法setgethasdeletec...

2022-01-24

76浏览

0评论

爆肝整理JavaScript之面向对象（总结分享）

1、面向对象面向对象更贴近我们的实际生活, 可以使用面向对象描述现实世界事物. 但是事物分为具体的事物和抽象的事物面向对象的思维特点：抽取（抽象）对象共用的属性和行为组织...

2022-01-24

112浏览

0评论

怎么在node中使用koa框架调用高德地图接口

高德开放平台调高德接口我们最重要需要什么❓ 需要高德地图的key。按照如下的步骤进入高德开放平台。创建应用添加key这里注意一下不同的服务平台，对应不同的可使用服务。如...

2022-01-24

64浏览

0评论

你必须了解的JavaScript闭包

从定义上来讲，它是一个脚本语言，而且是一个相对容易学习的脚本语言。不需要太多的专业知识，你也能够在一定程度上使用js（JavaScript的简写）代码。当然如果你已经学习了一前端知识...

2022-01-22

194浏览

0评论

用javascript怎么求1到100的累加

用javascript求1到100的累加在javascript中，想要求1到100的累加，可以利用for循环语句使用for循环遍历1到100for (var i = 1; i <= 100; i++) {}在循环体中，将遍历的数相加即可，...

2022-01-22

123浏览

0评论

浅析node Express框架中的 res.send() 和 res.end()

在使用 Node.js 的服务端代码中，如果使用的是 Express 框架，那么对于一个请求，常常会有两种响应方式：// 方法1app.get("/end", (req, res, next) =>{ res.end(xxx);});// 方...

2022-01-22

89浏览

0评论

JavaScript实例 ODO List分析

目录一、实例代码HTMLCSSJavaScript二、实例演示三、实例剖析一、实例代码HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA...

2022-01-20

74浏览

0评论

node.js在Linux下执行shell命令、.sh脚本的问题

首先，引入子进程模块var process = require('child_process');执行shell命令调用该模块暴露出来的方法execprocess.exec('shutdown -h now',function (error, stdout, stderr...

2022-01-20

85浏览

0评论

Vue开发实践指南之应用入口

目录前言创建应用添加 Loading 效果开始创建应用多页面改造总结前言Vue 开发实践为本人的最佳实践，非业内最佳，仅用于提供给各位做参考，这是系列文，但发布时间和内容不固定。通...

2022-01-20

57浏览

0评论

一篇文章让你轻松记住js的隐式转化

目录前言一、包装类Boolean()扩展Number()引用类型转换Number原始类型转Number还有这些混淆点是需要注意的:扩展String()Object.prototype.toStringArray.prototype.toStrin...

2022-01-20

66浏览

0评论

聊聊使用jQuery如何实现动画（代码详解）

预定义动画显示与隐藏show() 方法和 hide() 方法是 jQuery 中最基本的动画方法。具体语法如下:$element.show([speed],[easing],[fn]);$element.hide([speed],[easing],[fn]...

2022-01-20

热门文章