第一种，用jquery的ajax发请求 用户注册时，判断用户名不能重复，可以用到监听器。监听器，用watch,需要监听哪个值的变化，就把这个值，放在watch里面。 拿到新值，调用接口，去请求...

目录 1、修改app.vue页面 2、创建登录页面（/views/login/login.vue） 2.1、在router/index.js中添加登录页面路由 3、创建主页面（/components/index.vue） 3.1、创建主页面路由 4、修改首页 4.1、开启菜单...

很多项目中都需要实现倒计时功能，例：发送验证码。现在举例实现一个简单的倒计时按钮功能。简单布局，简单操作，简单效果，最主要的是思路和倒计时步骤理解！！！ 例、代码如...

目录 一、搭建本地仓储 二、创建npm包，并上传到私有仓储 三、设置npm 安装包时从多个仓储源查找 随着前后端分离技术的发展成熟，越来越来越多的后台系统甚至前端系统采用前后端...

一、直接在子组件中通过this.$parent.event来调用父组件的方法 !-- 父组件 --templatedivchild/child/div/templatescriptimport child from '~/components/dam/child';export default {components: {child},methods: {fatherMethod ()...

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript的完全编程的能力，这就是 render 函数，它比 template 更接近编译器。 在 HTML 层， 我们决...

自定义一个demo指令 Vue自定义指令语法如下： Vue.directive(id, definition) 传入的两个参数，id是指指令ID，definition是指定义对象。其中，定义对象可以提供一些钩子函数。 div id="app"!-- input输...

最近学习vue项目，遇见elementui导出数据为xlsx、excel表格，今天就介绍给大家，也给自己留个笔记，方便查询 我这里为了同学们好理解，把所有元素都写到一个页面。 1.第一步安装插件...

混合以一种灵活的方式为组件提供分布复用功能。混合对象可以包含任意的组件选项。当组件使用了混合对象时，混合对象的所有选项将被“混入”组件自己的选项中。 一、Mixins的基本...

目录 一、typeof 二、instanceof 三、区别 一、typeof typeof 操作符返回一个字符串，表示未经计算的操作数的类型 使用方法如下： typeof operandtypeof(operand) operand表示对象或原始值的表达式，其...

目的： 让在vuex中管理的状态数据同时存储在本地。可免去自己存储的环节。 在开发的过程中，像用户信息（名字，头像，token）需要vuex中存储且需要本地存储。 如果有别的模块也需要...

首先对setInterval做了Hook化封装 import { useEffect, useRef } from 'react'/** * interTerval hooks组件 * @param fn 执行函数 * @param delay 时间 * @param options immediate为true时，先立即执行一次fn函数后再执行定时...

:is 动态组件 使用 v-bind:is=”组件名”，会自动去找匹配的组件名，如果没有，则不显示； div id="app" test v-bind:is="which_to_show"/test海外服务器https://www.68idc.cn/divscript var demo = new Vue({ el: "#...

目录 前言 props context state 总结 前言 现代前端框架都是基于组件的方式来开发页面。按照逻辑关系把页面划分为不同的组件，分别开发不同的组件，然后把它们一层层组装起来，把根组...

尽管有 prop 和事件，但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。 ref 为子组件指定一个引用 ID，使父组件能通过 ref 直接访问子组件中...

目录 前言 类型推论 真值窄化 相等性窄化 in操作符窄化 instanceof窄化 窄化的本质 联合类型的窄化 总结 前言 TS最好用的地方就是强类型,随之而来的就是类型窄化,摸鱼的时候顺道总结下...

目录 没有插槽的情况 Vue2.x 插槽 有插槽的情况 具名插槽 没有slot属性 插槽简单实例应用 作用域插槽 ( 2.1.0 新增 ) Vue3.x 插槽 插槽 作用域插槽 没有插槽的情况 div id="app" child span1111/spa...

目录 第一步：在项目需要安装 node_modules 的目录下 第二步：先安装 rimraf 工具 第三步：删除 node_modules 包和 package-lock.json 文件 第四步：清除缓存 第五步：重新安装依赖包 第六步：重启...

目录 node版本不对应，升级node或者降级 使用nvm对node版本进行管理和切换 node-sass版本不匹配 查看node-sass和sass-loader版本是否对应 查看node-sass和node版本是否对应 node -v 具体对应版本如下...

本文实例为大家分享了canvas ，js 实现一个简单的飞机大战，供大家参考，具体内容如下 预览图： 代码： !DOCTYPE htmlhtmlhead meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta n...

本文实例为大家分享了js实现简单圆盘时钟的具体代码，供大家参考，具体内容如下 预览图： 代码： css： style .disc { position: relative; margin: 200px auto; width: 300px; height: 300px; border: 1px soli...

目录 一、父组件向子组件传值（props） 二、子组件向父组件传值（$emit） 三、兄弟组件传值（EventBus） 1. 初始化（new Vue()） 2. 发送事件（$emit()） 3. 接收事件（$on()） 4. 移除事件监听者...

实现方法分位三步： 在template中设置2个按钮，通过v-if ，v-show来控制； data中设置按钮的默认值； methods中控制点击按钮切换效果。 template el-table :data="tableData" border style="width: 100%" el-t...

目录 一、简介 二、优点 三、使用步骤 1. 安装Vuex 2. 引用Vuex 3. 创建仓库Store 四、包含模块 1. State 2. Getters 3. Mutations 4. Action 5. Modules 五、Vuex最最简单的项目实例 1. 存储数据 2. 获取数据...

本文实例为大家分享了js实现简单轮播图效果的具体代码，供大家参考，具体内容如下 使用transform = translateX()实现的图片切换 style .box { position: relative; overflow: hidden; margin: 200px auto; wid...

本文为大家分享了JQuery实现隐藏和显示动画效果的具体代码，供大家参考，具体内容如下 隐藏和显示 语法 $(selector).fadeIn([speed,callback]); $(selector).fadeOut([speed,callback]); $(selector).fadeToggle...

在开始之前我先强调一下： process.env.NODE_ENV默认只有两种状态即development和production，development指代本地开发即localhost环境（本地的开发），而production代表发布在任何服务上的服务（不管...

笔者将node安装到了D盘，同时也需要改变npm全局包默认安装的路径，因为不想占C盘空间 第一步当然是去node官网下载对应的版本，同时安装到D盘，先要在D盘新建一个nodejs文件夹 安装不...

1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例...

在Vue3中封装一个导航栏组件，并且实现，随着滚动条滚动实现一个吸顶效果，供大家参考 导航栏组件的效果图： 滚动条滚动以后的吸顶效果示意图： 具体代码展示： template header cla...

前言： 把一个功能模块使用组件化的思想充分封装，如导航栏，这无论对我们的开发思想还是效率都有许多好处，在开发中，我们要尽量多得运用组件化的开发思想，不要把所有代码都...

目录 1、逆转数字 2、获取数组中最大的n个数字 3、计算阶乘 4、判断当前运行环境是否为浏览器 5、判断当前运行环境是否为Node.js 6、获取url上的参数 7、rgb(x,x,x)颜色表达方式格式转换...

在实现这个功能时借鉴的原博主的方法没有实现切换变色，琢磨了好久终于知道了怎么切换变色（小菜鸟的咆哮）！！！记录下来以供参考，以下是vue的完整tab页切换并变色的代码框架...

1. css: dragTable.css @charset "UTF-8"; .w-table{ height: 100%; width: 100%; float: left;}/* 拖动过程中，鼠标显示样式 */.w-table_moving .el-table th .thead-cell{ cursor: move !important;}.w-table_moving .el-table__fixed{ cursor:...

目录 1.数组去重 2.数组去重里面的对象去重 3.根据数组某个字段相同，修改另外字段值 总结 1.数组去重 /********************************************** ╚description: ╚作者: 麒麟社 ╚时间: 2021-09...

JS里类的定义和继承实在五花八门，所以单独开一个笔记本记录。 定义 派生于Object的方式 1.new Object:在创建对象后动态定义属性、方法var Car = new Object;Car.color = "red";Car.showColor = function...

目录 在Tree的项目上增加代码； 一、点击左侧菜单；右侧Tab页显示相关信息（死数据） 1、存放右侧相关信息页面（userManage.jsp） 2、点击左侧菜单显示对应页面 3、显示界面 二、造数据...

本文实例为大家分享了JavaScript实现简单拖拽效果的具体代码，供大家参考，具体内容如下 先看实现的效果： 思路： 里面用到了三个事件，鼠标按下、移动、松开事件 那么首先创建盒...

本文实例为大家分享了Vant Uploader实现上传一张或多张图片组件，供大家参考，具体内容如下 html部分 template div class="contWrap" van-uploader v-model="fileList" :multiple="true" :before-read="beforeRead" :a...

最近遇到需求: 全局加载loading,所有接口都要可以手动控制是否展示加载等待的功能 百度了一下,发现好多是写在拦截器内的,在拦截器内调用element ui的loading方法,在接口请求的时候开始启...

1.fullpage.js 下载地址 https://github.com/alvarotrigo/fullPage.js 2.fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有： 支持鼠标滚动 支持前进后退和键盘控...

目录 1、什么是事件 2、如何使用事件 3、bindtap和catchtap的区别 4、小程序中事件分为冒泡事件和非冒泡事件。 事件之targetcurrentTarget区别 5、例子 1、什么是事件 (1) 事件是视图层到逻辑层...

目录 前言： 实现效果： 1、聚合效果： 2、撒点效果： 具体实现步骤： 1、项目中引入openlayer 2、配置(按需引入) 3、实现地图展示 4、撒点功能 5、聚合效果 前言： openlayer是目前我们...

Openlayers 是一个模块化、高性能并且功能丰富的WebGIS客户端的JavaScript包，用于显示地图及空间数据，并与之进行交互，具有灵活的扩展机制。 简单来说，使用 Openlayers（后面简称ol） 可...

本文为大家分享了Vue实现可拖拽、拖拽组件，供大家参考，具体内容如下 描述： 组件仅封装拖拽功能，内容通过#header、#default、#footer插槽 自定义 效果： 代码： template div ref="wrapper"...

目录 一、前言 二、使用 1 . @Component 2.compued、data、methods 3.@props 4.@watch 5.@emit 三 、总结 一、前言 TypeScript 是基于 vue-class-component 库而来，这个库vue官方推出的一个支持使用 class 方式来...

目录 1. 写在前面 2. overlay 实现popup弹窗 2.1 vue 页面 addPopup() 方法详解 2.2 autoPan 属性为false效果 3. overlay 实现 label标注信息 4 overlay 实现 text文本信息 5. 附上完整代码 1. 写在前面 常见的地...

目录 前言 一、数组遍历方法 1. forEach() 2. map() 3. for of 4. filter() 5. some()、every() 6. reduce()、reduceRight() 7. find()、findIndex() 8. keys()、values()、entries() 二、对象遍历方法 1. for in 2. Object.keys()、...

1. overlay 简述 overlay是覆盖物的意思，顾名思义就是在地图上以另外一种形式浮现在地图上，这里很多同学会跟图层layers搞混淆，主要是放置一些和地图位置相关的元素，常见的地图覆盖...

目录 前言 interface type 附：interface和type不同点 总结 前言 interface 和 type 都是用来定义类型，可以理解定义 shape ，那么 shape 表示一种设计大框，或者说只要具有某些特征或者行为就是为...