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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

但是ElementUi官方...

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

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

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

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

2.全选与取消全选

二、计算属性
1.computed

2.methods

3.setter

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

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

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

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

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

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

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

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

for 循环

for … in …

for …of…

小结终止循环break

continue

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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