100浏览

0评论

用Node.JS打造一个恶劣天气实时预警系统

目录序言：第一步：找到免费天气预报接口第二步：使用天气预报接口并生成程序代码第三步：利用nodemailer在NodeJS中发送邮件第四步：在nodeJS中定时获取天气并发送到指定邮箱注意事项...

• 2021-12-12

106浏览

0评论

JavaScript三种常用网页特效详解

目录1 元素偏移量offset系列1.1 offset概述1.2 offset与style的区别2 元素可视区client系列3 元素滚动scroll系列1 元素偏移量offset系列1.1 offset概述offset含义：offset的...

• 2021-12-12

101浏览

0评论

React各种状态管理器的解读及使用方法

首先我们要先知道什么是状态管理器，这玩意是干啥的？当我们在多个页面中使用到了相同的属性时就可以用到状态管理器，将这些状态存到外部的一个单独的文件中，不管在什么时候想使用...

• 2021-12-12

101浏览

0评论

浅析Node.js中怎么使用Puppeteer库

Puppeteer是谷歌官方出品的一个通过DevTools协议控制headless Chrome的Node库。可以通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为爬虫...

• 2021-12-12

91浏览

0评论

解析vue3响应式原理以及api编写

前言vue3响应式原理加api编写，快速明白vue3响应式原理GitHub博客:https://github.com/jiejiangzi/blog/issues/8vue3响应式原理实现先写一段代码看下实现effectvar name = &#...

• 2021-12-10

134浏览

0评论

介绍Vue3中Composition API及其核心用法

什么是Composition API?Composition API也叫组合式API，是Vue3.x中的新特性。通过创建Vue组件，我们可以将接口的可重复部分提取到可重用的代码段中，没有Composition API之前Vue...

• 2021-12-10

104浏览

0评论

JavaScript 程序循环结构详解

目录选择结构循环结构whiledo … while

for 循环

for … in …

for …of…

小结终止循环break

continue

二层循环总结
选择结构单分支的if结构if(条件){条件满足后执行的代码...

• 2021-12-06

91浏览

0评论

Vue基础之侦听器详解

目录vue中什么是侦听器侦听器的用法vue侦听器-watchvue侦听器-深度侦听和立即执行总结
vue中什么是侦听器 开发中我们在data返回的对象中定义了数据，这个数据可以通过插值...

• 2021-12-06

141浏览

0评论

vue+antv实现雷达图的示例代码

一、下载依赖npm install @antv/data-setnpm install @antv/g2二、代码实现<template> <div ref="container" /></template> <script>import DataSet from '@antv/data-set...

• 2021-12-06

87浏览

0评论

JavaScript事件委托原理

目录一、什么是事件委托
二、事件委托的原理
三、事件委托的作用
一、什么是事件委托
事件委托也称为事件代理。就是利用事件冒泡，把子元素的事件都绑定到父元素上。如果子元素...

• 2021-12-06

87浏览

0评论

聊聊Node.js中的events事件模块

引用官方说明：Node.js 的大部分核心 API 都是围绕惯用的异步事件驱动架构构建的，在该架构中，某些类型的对象（称为"触发器"）触发命名事件，使 Function 对象（"监听器"）被调用。通过对N...

• 2021-12-06

166浏览

0评论

浅析nodejs中的__dirname和__filename变量

1.问题背景写这篇文章的背景在于今天遇到一个神奇的报错，一起来看下// index.jsconsole.log(__filename);// 执行 node index.js// ReferenceError: __filename is not defin...

• 2021-12-02

113浏览

0评论

Vue中如何根据主题获取不同的资源切换图片

最近公司的一个小游戏Y需要实现本土化主题，即不同地区需要展示不同的主题，而且游戏的图片众多，如何优雅快速得加载正确的皮肤图片就变得尤为重要。css样式切换社区里已经有很多...

• 2021-12-02

82浏览

0评论

深入分析一下 Vue 中不推荐用 index 做 key的原因

前端开发中，只要涉及到列表渲染，那么无论是 React 还是 Vue 框架，都会提示或要求每个列表项使用唯一的 key，那很多开发者就会直接使用数组的 index 作为 key 的值，而并不知道 key...

• 2021-11-29

117浏览

0评论

详解JavaScript es6的新增数组方法

目录1. forEach()2. arr.filter()3. arr.every()4. arr.map()5. arr.some()总结
1. forEach()遍历数组,无return 即使有return，也不会返回任何值，并且会影响原来的数组
callbac...

• 2021-11-29

114浏览

0评论

JavaScript操作元素教你改变页面内容样式

目录1、操作元素1.1、改变元素内容1.2、innerText和innerHtml的区别1.3、操作元素 修改元素属性1.4、分时显示时间案例1.5、表单的属性操作1.6、仿京东隐藏显示密码操作1.7...

• 2021-11-29

99浏览

0评论

Vue组件之间的数据共享详解

目录一、在项目开发中，组件之间的最常见的关系分为如下两种：1.1 父子组件之间的数据共享1. 父 -> 子共享数据2.子 -> 父共享数据1.2 兄弟组件之间的数据共享总结
一、在项目开...

• 2021-11-29

111浏览

0评论

vue获取token实现token登录的示例代码

使用token做登录验证的思路大致如下：1、在第一次登录的时候前端调用后端的接口，把用户名和密码传给后端。2、后端收到请求，验证用户名和密码，验证成功后，返回给前端一个token值。...

• 2021-11-28

340浏览

0评论

解决vue项目运行出现warnings potentially fixable with the `--fix` option的报错问题

问题：vue-cil3 运行报错 warnings potentially fixable with the `--fix` option.原因：与创建项目 eslint 设置有问题，可以通过“—fix”选项修复解决办法：将一下部分："lint": "v...

• 2021-11-28

147浏览

0评论

如何利用vue实现css过渡和动画

目录一、过渡和动画的区别二、使用Vue实现基础得css过渡与动画1. 动画2. 过渡三、使用transition标签实现单元素/组件的过渡和动画效果 1. transition 的基本介绍 2. transi...

• 2021-11-28

143浏览

0评论

Postman自动化接口测试实战

目录背景描述创建一个GET请求在pre-request scripts构建签名脚本写在环境变量中postman console的用法Collection Runner 自动化API测试选择并运行自动化接口测试测试结果背...

• 2021-11-28

118浏览

0评论

vue默认插槽的理解与实例代码

目录什么是插槽默认插槽的理解代码片段总结什么是插槽插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 H...

• 2021-11-28

119浏览

0评论

详解怎么检测和防止JavaScript死循环

目录前言在 for 语句中修复无限循环在 while 语句中修复无限循环总结前言Js死循环是怎么造成的呢！其实在我们写代码时一些不注意或漏写，就写出死循环，就如下面代码：如果i++没有...

• 2021-11-28

170浏览

0评论

JS创建对象的四种方式

目录1.通过字面量的方式去创建对象2.使用new字符创建对象3.自定构造函数创建对象4.工厂模式创建对象创建对象的4种方式： 1.字面量的方式去创建对象 2.使用new字符创建...

• 2021-11-27

89浏览

0评论

JS构造函数和实例化的关系及原型引入

目录1、 构造函数与实例化2、构造函数与实例化之间的关系？3、per1.say是否等于per2.say4、per1.say不等于per2.say得出的结论5、举例代码问题5.1代码出现的问题5.2优化代码解...

• 2021-11-27

136浏览

0评论

JavaScript history 对象详解

目录1、路由导航2、历史状态管理API（1）hashchange 事件（2）popstate 事件（3）history.pushState() 方法（4）history.replaceState()方法3、补充：URL的hash前言：　　我们浏览一个网页时可...

• 2021-11-27

166浏览

0评论

利用js实现简单开关灯代码

body部分：<button>开关灯</button>script部分： <script> // window.onload 是窗口加载事件，可以实现将代码写到元素上面 window.addEventListener('load', fu...

• 2021-11-27

117浏览

0评论

JavaScript中的宏任务和微任务详情

目录1、微任务有哪些2、宏任务有哪些3、案例3.1 结论4、代码案例4.1 代码分析4.2 结论和运用的场景1、微任务有哪些Promiseawait和async2、宏任务有哪些setTimeoutsetInterv...

• 2021-11-27

188浏览

0评论

利用JavaScript写一个简单计算器

效果如下：参考程序：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport...

• 2021-11-27

151浏览

0评论

JavaScript中document.activeELement焦点元素介绍

目录1、默认焦点在body2、文本框手动获取焦点3、通过focus获取焦点4、tab切换焦点5、document.hasFocus()判断是否获取焦点前言：有时需要获取页面焦点在哪个元素上，通过焦点可...

• 2021-11-27

106浏览

0评论

JavaScript中MutationObServer监听DOM元素详情

一、基本使用可以通过MutationObserver构造函数实例化，参数是一个回调函数。let observer = new MutationObserver(() => console.log("change"));console.log(observer);obs...

• 2021-11-27

108浏览

0评论

关于JavaScript 中 if包含逗号表达式

有时会看到JavaScript中if判断里包含英文逗号 “,”，这个是其实是逗号表达式。在if条件里，只有最后一个表达式起判断作用。请看如下示例:let a = 1, b = 2, c = 3;// if只判断...

• 2021-11-27

149浏览

0评论

JavaScript选择器函数querySelector和querySelectorAll

目录一、querySelector查询单个元素1. Document实例调用2. Element实例调用二、querySelectorAll查询所有元素1、for in遍历的问题2、快照而非实时的问题三、小结选择器是Cs...

• 2021-11-27

130浏览

0评论

JavaScript利用html5新方法操作元素类名详解

目录1、classList属性2、实务应用早先JavaScript处理起来特别不方便，需要先取到class属性，然后对字符串进行处理。现在html5给所有元素增加了classList属性来操作类属性，非常方...

• 2021-11-27

121浏览

0评论

JavaScript 与 TypeScript之间的联系

目录1、什么是 JavaScript？2、JavaScript 有什么用？3、什么是 TypeScript？4、TypeScript 有哪些特点？5、TypeScript 相对于 JavaScript 的用途是什么？6、我们应该开始使用 TypeSc...

• 2021-11-27

142浏览

0评论

javascript Three.js创建文字初体验

目录效果开始创建文本首先创建字体加载器加载字体库创建文字几何体计算文字几何体外边界矩形创建镜像文字创建半透明平面渲染关于文本构造器参数当curveSegments设置越低时，...

• 2021-11-27

97浏览

0评论

详解JavaScript中的原型和原型链

目录原型链图原型必备知识prototype属性（显示原型）proto属性（隐式原型）constructor属性总结
原型链图原型必备知识要了解原型就必须搞清三个属性：__proto__、prototype、 construc...

• 2021-11-27

125浏览

0评论

vue+elementui实现下拉表格多选和搜索功能

本文实例为大家分享了vue+elementui实现下拉表格多选和搜索的具体代码，供大家参考，具体内容如下在elementui的基础上对下拉框和表格进行组合template<el-form :model="dataFor...

• 2021-11-27

84浏览

0评论

怎么利用配置文件来管理多个 Node.js 进程

一、问题简介有多个 Node.js 进程需要一起管理时，各自需要的参数也不同时，创建一个配置文件来管理是最好的方案。二、解决方案1、生成基础版本配置文件pm2 init simple ：可以生...

• 2021-11-27

222浏览

0评论

分享一个强大的 Vue 图片编辑插件（快来试试！）

最近用户提出了一个新的需求，老师可以批改学生的图片作业，需要对图片进行旋转、缩放、裁剪、涂鸦、标注、添加文本等。乍一听，又要掉不少头发。有没有功能强大的插件实现以上功...

• 2021-11-27

122浏览

0评论

jquery怎么去除class属性

jquery去除class属性有两种方法： 使用attr()将元素中class属性的值设为空 语法：$(selector).attr("class","") 使用removeAttr()移除元素中的class属性 语法：$(selector).rem...

• 2021-11-25

150浏览

0评论

jquery怎么移除td元素中的指定属性

在jquery中，可以使用removeAttr()方法来移除td元素中的指定属性。removeAttr() 方法可以从所有匹配的元素中移除指定的属性。语法：$(selector).removeAttr(attribute) attrib...

• 2021-11-25

102浏览

0评论

手把手教你搭建vue3.0项目架构

目录前言：一、用 vue-cli 创建项目二、安装路由三、完善目录结构，创建配置文件vue.config.js四、安装ant-design-vue，安装less、安装dayjs五、安装vuex、axios六、vue3的一些新...

• 2021-11-22

122浏览

0评论

jquery怎么删除指定元素后的兄弟节点

jquery删除指定元素后的兄弟节点的方法1、利用next()和remove()方法 使用next()获取被选元素的下一个兄弟节点。 使用remove()方法删除获取到的兄弟元素<!DOCTYPE html><h...

• 2021-11-22

106浏览

0评论

jquery怎样实现点击删除元素

jquery怎样实现点击删除元素第一步删除元素，可以通过jquery的remove()，remove()删除选择的元素和子元素。第二步下面通过实例来介绍jQuery怎么删除元素，新建一个html页面，引入jq...

• 2021-11-22

109浏览

0评论

怎样使用jquery实现拖拉效果

怎样使用jquery实现拖拉效果1、在HTML中界面引入jquery和jquery-ui，jquery一定要jquery-ui前面，否则无法实现想要的效果。给div嵌套一个div，并且添加id。我给div添加了f和s的id...

• 2021-11-22

92浏览

0评论

Vue之props 配置详解

<template> <div class="demo"> <h1>{{ msg}}</h1> <h2>学生姓名：{{name}}</h2> <h2>学生性别：{{sex}}</h2> <h2>学生的年龄：{{myage+1}}</h2> <button @click...

• 2021-11-21

93浏览

0评论

Vue之组件详解

<body> <div id="root"> <h2>{{name}}</h2> <hr> <school></school> <hr> <student></student> <hr> <!-- <h2>学...

• 2021-11-21

65浏览

0评论

Vue之生命周期函数详解

目录生命周期函数常用的生命周期的钩子

关于Vue销毁实例：

总结
生命周期函数生命周期函数又叫：生命周期回调函数，生命周期函数、 生命周期钩子
是什么：Vue在关键时刻帮我们调用一...

• 2021-11-21

80浏览

0评论

Vue之常用的内置指令详解

<body> <div id="root"> <h1 v-pre>好好学习</h1> <h1>{{name}}</h1> <h1 v-text="name"></h1> <h2 v-html="str"></h2> <h2 v-once...

• 2021-11-21