39浏览

0评论

JavaScript之BOM构成和常用事件详解

目录一、BOM2、BOM的构成二、window对象的常用事件1、窗口加载事件2、调整窗口大小事件总结一、BOM1、什么是BOM？BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内...

• 2022-01-09

35浏览

0评论

详解Vue与VueComponent的关系

下面这个案例 复习我们之前学过的原型链的知识点 // 定义一个构造函数 function Demo() { this.a = 1 this.b = 2 } //...

• 2022-01-09

40浏览

0评论

nodejs与浏览器中全局对象区别点总结

Node.js中，一个.js文件就是一个完整的作用域(module,模块)。因此 var 声明的变量只在当前.js文件中有效,而不是全局有效。 而global全局对象是独立于所有的.js(module,模块)...

• 2022-01-09

38浏览

0评论

微信小程序简洁登录页面的实现(附源码)

目录1.上图2.用户不存在3.上代码1.上图2.用户不存在3.上代码
3.1login.wxml<view class="v1" style="height:{{clientHeight&#63;clientHeight+'px':'auto'}}"> <!-- v2父...

• 2022-01-09

47浏览

0评论

JS实战面向对象贪吃蛇小游戏示例

目录思考一、贪吃蛇效果图二、贪吃蛇分析2.1 开始游戏功能2.2 运动功能2.2.1 蛇的不同方向的运动2.2.2 键盘控制方向运动功能2.3 吃食物功能2.3.1 食物的产生2.3.2 吃食物的...

• 2022-01-09

50浏览

0评论

ECMAscript新特性对象介绍

目录1.对象的属性1.1属性表示法
2.计算属性名3.Object 的方法3.1Object.is() 方法
3.2Object.assign()方法
4.super 关键字5.对象的扩展运算符1.对象的属性
1.1属性表示法
E...

• 2022-01-09

49浏览

0评论

JavaScript实现放大镜详细

目录1、效果图2、实现原理3、总结1、效果图2、实现原理
借助宽高等比例放大的两张图片，结合js中鼠标偏移量、元素偏移量、元素自身宽高等属性完成；左侧遮罩移动Xpx,右侧大图移...

• 2022-01-09

38浏览

0评论

Vue做一个简单的随机点名册

目录布局部分：<div id="app"> <p>{{result}}</p> <button @click="randomName()">{{txt}}</button> </div>Vue部分： <script> let vm = new Vue({...

• 2022-01-09

52浏览

0评论

js关闭浏览器时退出账号的处理

目录经典做法问题进一步问题需要注意问题经典做法
众所周知，为了账户安全，用户未主动点击注销系统时，直接关闭浏览器或标签页强制退出系统的方法：// 关闭时调用注销接口window.o...

• 2022-01-09

42浏览

0评论

Vue中的局部组件介绍

在Vue中我们可以自己定义(注册)局部组件
定义组件名的方式：var ComponentA = { /* ... */ }var ComponentB = { /* ... */ }然后在 components 选项中定义你想要使用的组件：ne...

• 2022-01-09

94浏览

0评论

使用vue.js 为基础的仿QQ聊天室

目录简介下面是效果演示图：
MChat组件效果图：
IChat组件效果图：
如何安装
使用 npm 安装使用
在main.js中引入如何进行二次开发
方案一：
方案二：
总结简介
这是一款基于 vue.js...

QQ
• 2022-01-09

49浏览

0评论

JavaScript实现优先级队列

目录一、优先级队列介绍二、优先级队列封装一、优先级队列介绍
我们知道，普通的队列插入一个元素，数据会被放在后端，并且需要前面所有的元素都处理完成后才会处理前面的数据。...

• 2022-01-09

43浏览

0评论

JavaScript严格模式use strict的介绍

目录1.概述1.1严格模式是什么
1.2严格模式的目的
2.开启严格模式2.1全局开启严格模式
2.2局部开启严格模式
3.严格模式中的变量3.1禁止意外创建变量
3.2静默失败转为异常
3....

• 2022-01-09

34浏览

0评论

JavaScript高级之自定义异常

目录1.概念1.1什么是错误与异常
1.2异常的分类
2.异常处理2.1try...catch语句
2.2finally语句
2.3throw语句
3.Error对象3.1自定义异常类型
前言：
在我们的实际编程中，抛出异...

• 2022-01-09

36浏览

0评论

JS ES新特性 扩展运算符介绍

一、扩展运算符
扩展运算符是三个点... , 允许将一个表达式原地展开，当需要多个参数(比如函数的调用时) 或者多个值(比如数组)它会将其转为用逗号分隔的参数序列。示例代码如...

• 2022-01-09

91浏览

0评论

手把手教你用Javascript实现观察者模式

目录什么是观察者模式？场景模拟代码实现重构代码总结什么是观察者模式？ 观察者模式一种设计模式。 观察者模式定义了对象间的一种 一对多 的依赖关系，当一个对象的状态发...

• 2022-01-09

35浏览

0评论

JavaScript执行机制详细介绍

目录1.进程与线程的概念2.浏览器原理3.同步与异步4.执行栈与任务队列5.事件循环（Event-Loop）6.定时器前言：
不论是工作还是面试，我们可能都经常会碰到需要知道代码的执行顺序的...

• 2022-01-09

46浏览

0评论

vue使用计算属性完成动态滑竿条制作

布局部分：<div id="slider"> <!-- 主要动画效果：字体和进度条以及表情随情绪程度百分比变化 --> <label for="range" :style="{'color':getHappinessColor}">情...

• 2022-01-09

54浏览

0评论

Vue中路由守卫的具体使用

目录1.全局守卫1.1 全局前置守卫1.2 全局后置路由守卫1.3 整合2. 路由独享的守卫3.组件内的守卫作用：对路由进行权限控制分类：全局守卫、独享守卫、组件内守卫1.全局守卫1.1...

• 2022-01-09

66浏览

0评论

javascript内嵌式与外链式的基本应用方式

目录javascript内嵌式与外链式基本应用JavaScript的三种书写方式：行内式、内嵌式、外链式1、行内式2、内嵌式3、外链式javascript内嵌式与外链式基本应用js语言可以完全放在h...

• 2022-01-09

48浏览

0评论

详解vue页面状态持久化详解

目录代码：补充：总结需求：左树右表。组织树选中某一节点后，进入详情页面，再返回时需要保持选中。其他查询条件也需要保持状态。思路：用vuex结合localStorage缓存数据。点击树节点或...

• 2022-01-09

47浏览

0评论

JS ES新特性之变量的解耦赋值

目录1.数组的解耦赋值1.1数组解耦赋值是什么
1.2数组解耦赋值失败
1.3不完全解耦赋值
1.4默认值
1.5数组解耦赋值的复杂情况
2.对象的解耦赋值2.1对象解耦赋值的特殊情况
2....

• 2022-01-09

65浏览

0评论

关于Vue中使用alibaba的iconfont矢量图标的问题

网上有很多引入方法，官方也给出了三种引入方法，但是大多数人引入后都不会显示，或者是不能自定义样式，下面这种方法不会存在上面的那些问题，是目前最好的引入方式。1、网址 阿里巴...

• 2022-01-09

45浏览

0评论

一文带你了解JavaScript基础之深拷贝和浅拷贝

目录浅拷贝深拷贝补充总结拷贝（又名克隆，复制等），但是又分深拷贝和钱拷贝。其实这个问题有时候想通了就很简单，如果想不通可能会有点绕，不过其难度比闭包等好理解的多。为什么又这...

• 2022-01-09

77浏览

0评论

Vue中的计算属性介绍

目录1、什么是计算属性2.计算属性的语法3.举例1、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维...

• 2022-01-09

44浏览

0评论

vue关闭浏览器退出登录的实现示例

目录1、beforeunload事件2、unload事件3、源码部分  项目需要：也在网上找了不少类似的文章，不过用起来多少有点问题，毕竟要适合自己的需求，我这里是vue3适用，理论上vue2也可以...

• 2022-01-09

37浏览

0评论

JavaScript数据扁平化详解

目录什么是扁平化递归tostringreduceundercore_.flatten_.union_.difference总结什么是扁平化数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有...

• 2022-01-09

46浏览

0评论

Vue中使用计算属性的知识点总结

计算属性
有些时候，我们在模板中放入了过多的逻辑，从而导致模板过重，且难以维护。例如：<div id="app"> {{ message.split('').reverse().join('') }}</div>碰到这样的情况，我们...

• 2022-01-09

41浏览

0评论

JavaScript函数的使用详解

目录1. 声明函数2. 调用函数3. 函数的参数4. 函数的返回值5. arguments的使用6. 函数可以调用另外一个函数7. 函数的两种声明方式总结1. 声明函数2. 调用函数3. 函数的参数4...

• 2022-01-09

57浏览

0评论

ECMAscrip新特性函数介绍

目录1.函数参数的默认值1.1函数参数指定默认值
1.2与解耦赋值配合使用
1.3函数参数的作用域
2.rest参数3.箭头函数3.1什么是箭头函数
3.2箭头函数的注意事项
4.函数的尾调用...

• 2022-01-09

40浏览

0评论

jquery+swiper组件实现时间轴滑动年份tab切换效果

实现效果：实现代码：需要配合swiper组件使用Swiper基础演示地址：https://www.swiper.com.cn/demo/index.htmlHTML:<div class="swiper-container box"> <div class="swiper-w...

• 2022-01-09

59浏览

0评论

vue中的生命周期及钩子函数

目录1.什么是生命周期2.vue 的生命周期3.生命周期钩子函数1.什么是生命周期Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 Dom、渲染 → 更新...

• 2022-01-09

59浏览

0评论

nodejs 全局变量和全局对象知识点及用法详解

1、全局对象所有模块都可以调用1）global：表示Node所在的全局环境，类似于浏览器中的window对象。2）process：指向Node内置的process模块，允许开发者与当前进程互动。例如你在DOS或终...

• 2022-01-09

38浏览

0评论

JS 中Json字符串+Cookie+localstorage

目录1.Json字符串1.1Json语法
1.2举例
2.Cookie2.1怎么用？
3.Localstorage3.1基本使用
3.2案例（记住用户名和密码）
1.Json字符串
Json主要用于前后端交互，是一种数据格式，相较于X...

• 2022-01-09

55浏览

0评论

js中的循环方式及各种遍历的方法

目录for循环while循环  do-while循环 循环的嵌套遍历方法for - infor - offor循环　 1、for有三个表达式：①声明循环变量；②判断循环条件；③更新循环变量；三个表达式之间，用;...

• 2022-01-09

56浏览

0评论

JavaScript定时器原理详解

目录一、 setTimeout() 定时器二、停止 setTimeout() 定时器三、setInterval() 定时器四、清除setInterval() 定时器五、电子时钟案例前言：在很多页面中，我们都可以看到一些倒...

• 2022-01-09

47浏览

0评论

js实现一个逐步递增的数字动画

目录背景实现类似滚轮的效果，容器固定，数字向上滚动利用两个元素实现滚动利用H5的requestAnimationFrame()API实现数字逐步递增的动画效果计时器对比requestAnimationFrame实...

• 2022-01-09

51浏览

0评论

ElementUI表格中添加表头图标悬浮提示

本文主要介绍了ElementUI表格中添加表头图标悬浮提示，分享给大家，具体如下：<el-table-column label="操作" fixed="right" :render-header="tableAction" width="1...

• 2022-01-09

47浏览

0评论

深入了解最常用的JavaScript 事件

目录JavaScript 事件：常用的事件：事件操作总结JavaScript 事件：事件指的就是当某些组件执行了某些操作后，会触发某些代码的执行。
常用的事件： 属性...

• 2022-01-09

46浏览

0评论

Javascript事件的捕获方式和冒泡方式详解

目录一、事件处理模型1、事件冒泡（1）给三个div元素绑定事件（2）运行结果：2、事件捕获（1）给三个div元素绑定事件（2）运行结果：二、阻止事件冒泡（1）w3c标准 event.stopPropagation();但ie9以...

• 2022-01-09

47浏览

0评论

Vue中的匿名插槽与具名插槽详解

目录1.匿名插槽2.具名插槽总结slot又名插槽，是Vue的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素，而这一个标签...

• 2022-01-09

32浏览

0评论

JavaScript实现队列结构过程

目录一、认识队列二、封装队列三、击鼓传花案列一、认识队列
前面的博客已经讲了受限的数据结构—栈，现在，我们再来看看队列（Queue）。 它是受限的线性表，先进先出（FIFO）,即first...

• 2022-01-09

49浏览

0评论

JavaScript内置对象介绍

目录一、内置对象二、Math对象1、Math对象的使用
2、生成指定范围的随机数
三、日期对象1、Date()方法的使用
2、日期对象的使用
3、获取时间戳
四、数组对象1、数组对象的...

• 2022-01-09

38浏览

0评论

JavaScript递归详述

目录一、什么是递归？二、利用递归求数学题1、求1 * 2 * 3 * 4 …*n的阶乘
2、 求斐波那契数列
三、利用递归求对应数据对象一、什么是递归？
如果一个函数在内部可以调用其本...

• 2022-01-09

58浏览

0评论

Vue后台管理系统之实现分页功能示例

本文主要介绍了Vue后台管理系统之实现分页功能，分享给大家，具体如下：效果图：功能描述： 显示数据的总数目 可选择每天的显示条数 点击页码跳转到指定页数 输入页码可...

• 2022-01-09

43浏览

0评论

element-ui直接在表格中点击单元格编辑

目录实现效果实现代码最近由于公司开始使用elementUI，开发的过程中需要用到对表格的单元格进行编辑，下面是我自己实现表格可编辑的方式，感兴趣的可以了解一下实现效果编辑之后...

• 2022-01-09

48浏览

0评论

Vue使用Tinymce富文本自定义toolbar按钮的实践

目录安装tinymce、tinymce ts、tinymce-vue声明文件封装组件组件使用Vue使用Tinymce富文本编辑器自定义toolbar按钮富文本编辑器有很多，流行的有UEditor , kindeditor, CKEdi...

• 2022-01-09

45浏览

0评论

Vue基础之MVVM,模板语法和数据绑定

目录1. Vue概述Vue官网MVVM架构模式Vue简介2. 初识Vue3. 模板语法 1、插值语法：2、指令语法：4. 数据绑定5. el与data的两种写法1、el有2种写法new2、data有2种写法3、一个重要...

• 2022-01-09

50浏览

0评论

一篇文章教你简单使用Vue的watch侦听器

目录侦听器watch 格式设置侦听器：总结侦听器watch  函数名就是要侦听的元素的名字 传入的参数第一个是变化后的新值newval，第二个是变化前的旧值oldval 格式方法格式...

• 2022-01-09

58浏览

0评论

JS如何通过FileReader获取.txt文件内容

目录JS通过FileReader获取.txt文件内容读取.txt文件方法JS: FileReader()读取文件下面开始实际例子读取txt文件读取图片文件JS通过FileReader获取.txt文件内容最近处理一个...

• 2022-01-09