JavaScript - 教程之家

153浏览

0评论

带你详解vue中实现全页面或局部刷新的方法

一.全页面刷新1.修改 App.vue，代码如下：<template> <div id="app"> <router-view v-if="isRouterAlive" /> </div></template><script>export default { name: 'App...

2021-12-29

86浏览

0评论

JavaScript立即执行函数用法解析

我们知道，在一般情况下，函数必须先调用才能执行，如下所示，我们定义了一个函数，并且调用，function fn(){ console.log(1); } fn();打印结果为： ...

2021-12-28

120浏览

0评论

js中toString方法3个作用

目录一、toString方法的三个作用
二、返回一个【表示对象】的【字符串】
三、自定义的toString()
一、toString方法的三个作用
1.返回一个【表示对象】的【字符串】 2.检测...

2021-12-28

189浏览

0评论

JavaScript怎样实现点击出现效果

JavaScript怎样实现点击出现效果先创建一个按钮并且给按钮绑定事件处理函数，在事件处理函数中可以实现元素显示效果。示例如下：<!DOCTYPE html><html lang="en"><head> <met...

2021-12-28

126浏览

0评论

javascript怎样判断class是否存在

javascript怎样判断class是否存在可以利用getAttribute() 方法通过名称获取属性的值。然后利用if语句来判断获取到的属性值是否为空。若为空则指定class不存在，若不为空则指...

2021-12-28

79浏览

0评论

认识一下vue中的$attrs和$listeners属性，聊聊用法

多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。但仅仅是传递数据，不做中间处理，使用 vuex 处理，未免有些大材小用了。所以就有了 $attrs 、 $listeners两个属性，通常配...

2021-12-28

143浏览

0评论

带你聊聊JavaScript中的回调函数，区分下同步和异步回调

回调函数是每个 JS 开发人员都应该知道的概念之一。回调用于数组，计时器函数，promise，事件处理程序等中。在本文中，会解释回调函数的概念。另外，还会帮助智米们区分两种回调：同...

2021-12-27

106浏览

0评论

vue中indexof的用法是什么

vue 中的indexofindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)参数描述 searchvalue：必需。规定需...

2021-12-27

189浏览

0评论

vue和elementui有什么区别

vue是什么Vue 是一套用于构建用户界面的渐进式 JavaScript 框架，开发者只需要关注视图层，它不仅易于上手，还便于与第三方库或既有项目的整合。Vue是基于MVVM（Model-View-ViewM...

2021-12-27

94浏览

0评论

vue中通过什么指令控制元素显示隐藏

v-show指令v-show指令是控制元素的display属性判断是否显示的，当v-show的属性值是true的时候，元素进行显示，否则是不显示v-show是根据表达式的真假值切换元素的displayCSS属性（...

2021-12-27

190浏览

0评论

深入理解JS数据类型、预编译、执行上下文等JS底层机制

JavaScript是一门直译式的解释型脚本语言，它具有动态性、弱类型、基于原型等特点。JavaScript植根于我们使用的Web浏览器中，它的解释器为浏览器中的JavaScript引擎。这一门广...

2021-12-27

99浏览

0评论

数据结构的学习之使用JavaScript实现链表的操作（实例详解）

链表有以下几个特点：可以动态扩展空间（在js中，数组也是这样的，但是有的语言中数组的长度是固定的，不能动态添加，如c语言）需要一个头节点需要知道下一个节点的地址&ensp;&ensp...

2021-12-25

154浏览

0评论

浅析AntdV Upload组件customRequest怎么自定义上传方法

需求场景后台管理系统，UI框架是Ant Design of Vue上传图片用的是Upload组件。需求描述：上传图片，转为base64实现方法API方法中，有一个自定义上传行为的方法，通过覆盖默认的上传行...

2021-12-25

259浏览

0评论

JavaScript实现余额数字滚动效果

目录1.实现背景
2.实现思路
3.实现过程
1.实现背景
上周在一个完成任务领取红包的活动需求中，需要实现一个用户点击按钮弹出领取红包弹窗后，在关闭弹窗返回原来的页面时，页面余额...

2021-12-25

61浏览

0评论

浅析JS原始值和引用值问题

原始值->基本类型Number String Boolean undefined null存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置动态语言->脚本语言->解释型语言->弱类型语...

2021-12-25

55浏览

0评论

如何通过Vue实现@人的功能

本文采用vue，同时增加鼠标点击事件和一些页面小优化基本结构新建一个sandBox.vue文件编写功能的基本结构 <div class="content">  <div class="edit...

2021-12-25

49浏览

0评论

深入了解Vue组件七种通信方式

目录1. props/$emit简介代码实例2. v-slot简介代码实例3. $refs/ $parent/ $children/$root简介代码实例4. $attrs/$listener简介代码实例5. provide/inject简介代码实例6...

2021-12-25

64浏览

0评论

一篇文章带你了解Vue组件的创建和使用

目录一、什么是组件？二、创建全局组件方式一1、Vue.extend2、Vue.component方式二直接使用Vue.component方式三三、创建局部组件四、组件中的data 和 methods五、组件间的通...

2021-12-25

85浏览

0评论

react实现todolist的增删改查详解

目录以todolist为例目录如下app.jsInput.jsList.jsItem.jsTotal.jsMask.js（弹窗）bus.jsApp.css总结
以todolist为例
目录如下app.js import React, { PureComponent } from 'r...

2021-12-25

62浏览

0评论

聊聊Node.js中如何实现Stream流（可读、可写、双工和转换流）

引入 Stream假设我们有这么一个需求，我们需要复制一个文件中的内容到另一个文件中，我们会写出以下代码const fs = require('fs');const path = require('path&#39...

2021-12-22

95浏览

0评论

详解Vue-cli来构建Vue项目的步骤

首先需要安装Vue-cli：npm install -g vue-cli全局先安装Vue-cli，安装好了Vue-cli。就可以使用它来构建项目vue init webpack vw-layout
进入到刚创建的vw-layout:cd vw-layout...

2021-12-20

65浏览

0评论

Vue开发常用方法详解

目录$nextTick()$forceUpdate()$set().sync——2.3.0+ 新增（Vue 3.x中已被v-model替换，不再支持）总结
$nextTick()this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在...

2021-12-20

107浏览

0评论

Vue2 cube-ui时间选择器详解

目录前言一、需求及效果需求效果二、代码实现index.vue(html)datemethods测试效果三、资料参考inputTimePicker(时间选择器)详细在官网地址：
总结
前言vue2 整合 cube-ui 时间...

2021-12-20

77浏览

0评论

JS中 includes() vs indexOf()，聊聊它们有什么区别

1、基本区别 includes()和indexOf()都是用来检查数组是否包含某些元素，includes()返回值是布尔值，indexOf()返回的是索引值，如果没有返回-1。let arr = [1,2,3]arr.indexOf(0)...

2021-12-20

53浏览

0评论

十分钟带你深入了解javascript的原型和原型链

一，函数对象所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型）所有函数拥有prototype属性（显式原型）（仅限函数）原型对象：拥有prototype属性的对象，在定义函数时就被创建二，构造...

2021-12-20

62浏览

0评论

通过7个问题来简单认识一下Node.js

1. Node诞生于哪一年？Node诞生2009年2009年3月，Node的作者在其博客上宣布准备基于V8创建一个轻量级的Web服务器并提供一套库同年5月，在GitHub发布最初的版本2011年7月，在微软的...

2021-12-20

50浏览

0评论

经典技巧之JavaScript全局函数详解

一、JavaScript全局函数有哪些? 函数描述 decodeURI() 解码某个编码的 URI。 decodeURIComponent() 解码一个编码的 URI 组件。 encodeURI...

2021-12-20

138浏览

0评论

ElementUI中的el-dropdown传入多参数的实现方法

最近工作中因为业务中按钮的增多，导致页面排版按钮过多，页面不够美观，用户体验不佳，于是想到利用el-dropdown做一个下拉按钮（把多个按钮整合到了一起，下拉实现）

但是ElementUi官方...

2021-12-13

110浏览

0评论

elementUI组件el-dropdown(踩坑)

选择即改变：click选择哪个，就显示当前的值，页面UI显示并伴随css样式的变化。重点：v-if 和 v-else-if 的搭配使用，缺一不可。效果图：正确的代码如下：重要提示：
我之前使用的全部是v-i...

2021-12-13

116浏览

0评论

微信小程序实现猜数字小游戏的实战过程

目录功能介绍效果图一.首页效果图（index03）的代码二.开始游戏页面（index）代码三.游戏规则页面（index01）代码四.关于其他页面（index02）代码总结功能介绍用户输入1-100之间的数字，...

2021-12-12

98浏览

0评论

flask和vue前后端分离项目部署的示例代码

前段时间开发了一个项目, 我后端用的是flask框架写接口,前端用的是vue框架,项目前后端完全分离,部署的时候遇到一点问题,记录一下.
部署环境:centos6.5、Python3.6.3 、flas...

2021-12-12

69浏览

0评论

Vue监听属性和计算属性

目录一、watch监听属性
1.购物车

2.全选与取消全选

二、计算属性
1.computed

2.methods

3.setter

一、watch监听属性
这个属性用来监视某个数据的变化，并触发相应的回调函数执...

2021-12-12

80浏览

0评论

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

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

2021-12-12

89浏览

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

80浏览

0评论

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

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

2021-12-12

77浏览

0评论

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

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

2021-12-12

66浏览

0评论

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

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

2021-12-10

99浏览

0评论

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

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

2021-12-10

83浏览

0评论

JavaScript 程序循环结构详解

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

for 循环

for … in …

for …of…

小结终止循环break

continue

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

2021-12-06

73浏览

0评论

Vue基础之侦听器详解

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

2021-12-06

111浏览

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

71浏览

0评论

JavaScript事件委托原理

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

2021-12-06

61浏览

0评论

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

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

2021-12-06

146浏览

0评论

浅析nodejs中的dirname和filename变量

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

2021-12-02

86浏览

0评论

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

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

2021-12-02

64浏览

0评论

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

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

2021-11-29

86浏览

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

74浏览

0评论

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

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

2021-11-29

65浏览

0评论

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

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

2021-11-29

80浏览

0评论

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

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

2021-11-28

热门文章