JavaScript - 教程之家

89浏览

0评论

vue使用mui遇到的坑及解决

目录使用mui遇到的坑记录mui的js冲突了,有2种解决方法方法1方法2使用mui遇到的坑记录主要用到webpack打包工具与mui，mint ui，其中mui有不少坑，在此记录先是用mui的tab组件做了...

2022-03-29

74浏览

0评论

Vue中使用js制作进度条式数据对比动画

本文实例为大家分享了Vue中使用js制作进度条式数据对比动画的具体代码，供大家参考，具体内容如下实现的效果：(初始化以及浏览器resize的时候两侧的条形为向两侧递增的动画，其中两...

2022-03-29

81浏览

0评论

深入了解JavaScript引擎如何执行JS代码

我们大概经常能听到“执行环境”、“作用域”、“原型（链）”、“执行上下文”等内容，它们都在描述什么？JS代码的运行我们知道了js是弱...

2022-03-29

98浏览

0评论

深入分析下JS中的事件执行机制

前段时间一道笔试题，有点迷糊。今天彻底分析下JS的事件执行机制。先看一段代码各位小伙伴可以试着写出打印顺序单线程JS主要作为浏览器的脚本语言，Js的主要用途是操作DOM，这就...

2022-03-29

88浏览

0评论

聊聊怎么利用Memoization提高React性能

在本教程中，我们将学习如何在 React 中实现 Memoization。Memoization 通过缓存函数调用的结果并在再次需要时返回这些缓存的结果来提高性能。我们将介绍以下内容： React 是如...

2022-03-29

100浏览

0评论

简单对比Node中的setHeader和writeHead，聊聊差异

今天在学习Node的时候发现Node/http中的setHeader和writeHead很相似，都可以设置响应头部，我们来详细的说说吧！setHeader参数response.setHeader(name, value)复制代码 name 属...

2022-03-24

132浏览

0评论

VUE3快速上手及常用API函数汇总！

Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址(https://github.com/vuejs/vu...

2022-03-24

81浏览

0评论

angular学习之浅析响应式表单

响应式表单Angular 提供了两种不同的方法来通过表单处理用户输入：响应式表单和模板驱动表单。响应式表单：提供对底层表单对象模型直接、显式的访问。它们与模板驱动表单相比，...

2022-03-24

114浏览

0评论

浅析vue中的生命周期钩子mounted

聊之前我们先看一个场景<div id="app"> <aC /> <bC /></div>如上所示，App.vue文件里面有两个子组件，互为兄弟关系组件里面自各有created和mounted两个生命周期钩子，a表示...

2022-03-24

115浏览

0评论

了解Node.js Nest.js的AOP 架构，聊聊其好处

Nest.js 是一个 Nodejs 的后端框架，它对 express 等 http 平台做了一层封装，解决了架构问题。它提供了 express 没有的 MVC、IOC、AOP 等架构特性，使得代码更容易维护、扩展。...

2022-03-21

252浏览

0评论

vite2打包的时候vendor-xxx.js文件过大的解决方法

vite2是一个非常好用的工具，只是随着代码的增多，打包的时候 vendor-xxxxxx.js 文件也越来越大，这就郁闷了。打包时遇到警告输出文件名字/static/vendor.9b5698e4.js 806.03kb /...

2022-03-20

126浏览

0评论

jquery中怎么给元素增加一个类

jquery中给元素增加一个类1、使用attr()方法attr() 方法设置或返回被选元素的属性值。根据该方法不同的参数，其工作方式也有所差异。<!DOCTYPE html><html> <head> <meta ch...

2022-03-19

211浏览

0评论

浅析Node.js使用worker_threads多线程进行并行处理

JavaScript 本身最初是为了做一些简单的事情而创建的，比如验证表单、做出响应等，直到 2009 年，Node.js 的创建者 Ryan Dahl 才使使用 JavaScript 编写服务器端代码成为可能。支...

2022-03-17

185浏览

0评论

了解Node中的事件循环、process.nextTick()

什么是事件循环事件循环是 Node.js 处理非阻塞 I/O 操作的机制——尽管 JavaScript 是单线程处理的——当有可能的时候，它们会把操作转移到系统内核中去...

2022-03-11

161浏览

0评论

jquery怎么清除同级元素

jquery清除同级元素实现方法：首先获得同级元素，一般有七个方法：siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil() siblings()方法，主要用于...

2022-03-10

151浏览

0评论

jquery怎么删除上级元素

jquery删除上级元素（父元素）方法1：使用unwrap()方法unwrap() 方法可以移除被选元素的父元素，但保留自身（和兄弟元素，如果存在）在原来的位置。<!DOCTYPE html><html> <head> <meta...

2022-03-10

175浏览

0评论

带你了解JSON.stringify，看看怎么使用

JSON.stringify 作为日常开发中经常使用的方法，你真的能灵活运用它吗？学习本文之前，小包想让大家带着几个问题，一起来深入学习 stringify 。 stringify 函数有几个参数，每个参数...

2022-03-10

279浏览

0评论

Vue3！ElementPlus！更加优雅的使用Icon

前言这可能是目前最便捷、最合适的 Icon 使用方式了，特别是在 Vue3 中，等等，你以为它只是适用于 Vue3？不，不要被标题欺骗，它支持 Vue2/Vue3、React、Preact、Solid、Svelte 等多种...

2022-03-02

304浏览

0评论

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

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

2022-03-01

159浏览

0评论

vue实现选项卡案例

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

2022-03-01

234浏览

0评论

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

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

2022-03-01

163浏览

0评论

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

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

2022-03-01

76浏览

0评论

jquery addclass()怎么用

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

2022-03-01

287浏览

0评论

jquery怎么修改visibility属性

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

2022-03-01

117浏览

0评论

jquery怎么替换class

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

2022-03-01

147浏览

0评论

jquery怎么隐藏子元素

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

2022-03-01

81浏览

0评论

jquery val()方法怎么用

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

2022-03-01

167浏览

0评论

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

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

AMD

2022-03-01

195浏览

0评论

jquery怎么修改type属性

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

2022-03-01

104浏览

0评论

jquery stop()方法有什么用

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

2022-03-01

123浏览

0评论

jquery contains()方法有什么用

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

2022-03-01

150浏览

0评论

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

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

2022-03-01

96浏览

0评论

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

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

2022-02-28

97浏览

0评论

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

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

2022-02-28

103浏览

0评论

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

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

2022-02-18

129浏览

0评论

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

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

2022-02-18

109浏览

0评论

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

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

2022-02-17

121浏览

0评论

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

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

2022-02-17

99浏览

0评论

Vue实现滑动验证功能

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

2022-02-16

128浏览

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

116浏览

0评论

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

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

2022-02-15

89浏览

0评论

浅析JavaScript的继承和原型链

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

2022-02-15

177浏览

0评论

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

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

2022-02-15

121浏览

0评论

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

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

2022-02-15

121浏览

0评论

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

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

2022-02-14

250浏览

0评论

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

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

2022-02-14

351浏览

0评论

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

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

2022-02-13

209浏览

0评论

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

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

2022-02-13

124浏览

0评论

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

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

2022-02-09

78浏览

0评论

一起聊聊Javascript之Proxy与Reflect

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

2022-02-09

热门文章