编程开发 - 教程之家

51浏览

0评论

JavaScript实现放大镜详细

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

2022-01-09 20:09:30

39浏览

0评论

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

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

2022-01-09 20:09:29

57浏览

0评论

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

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

2022-01-09 20:09:25

43浏览

0评论

Vue中的局部组件介绍

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

2022-01-09 20:09:24

106浏览

0评论

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

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

2022-01-09 20:09:23

52浏览

0评论

JavaScript实现优先级队列

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

2022-01-09 20:09:21

43浏览

0评论

JavaScript严格模式use strict的介绍

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

2022-01-09 20:09:20

34浏览

0评论

JavaScript高级之自定义异常

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

2022-01-09 20:09:19

40浏览

0评论

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

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

2022-01-09 20:09:18

101浏览

0评论

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

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

2022-01-09 20:09:16

38浏览

0评论

JavaScript执行机制详细介绍

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

2022-01-09 20:09:14

48浏览

0评论

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

布局部分：<div id="slider">  <label for="range" :style="{'color':getHappinessColor}">情...

2022-01-09 20:09:13

62浏览

0评论

Vue中路由守卫的具体使用

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

2022-01-09 20:09:11

68浏览

0评论

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

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

2022-01-09 20:09:10

56浏览

0评论

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

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

2022-01-09 20:09:09

50浏览

0评论

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

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

2022-01-09 20:09:08

68浏览

0评论

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

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

2022-01-09 20:09:07

48浏览

0评论

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

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

2022-01-09 20:09:05

90浏览

0评论

Vue中的计算属性介绍

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

2022-01-09 20:09:03

52浏览

0评论

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

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

2022-01-09 20:09:02

38浏览

0评论

JavaScript数据扁平化详解

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

2022-01-09 20:09:01

46浏览

0评论

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

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

2022-01-09 20:09:00

48浏览

0评论

JavaScript函数的使用详解

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

2022-01-09 20:08:59

60浏览

0评论

ECMAscrip新特性函数介绍

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

2022-01-09 20:08:57

43浏览

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 20:08:55

60浏览

0评论

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

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

2022-01-09 20:08:52

68浏览

0评论

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

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

2022-01-09 20:08:51

41浏览

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 20:08:49

56浏览

0评论

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

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

2022-01-09 20:08:48

57浏览

0评论

JavaScript定时器原理详解

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

2022-01-09 20:08:46

48浏览

0评论

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

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

2022-01-09 20:08:40

52浏览

0评论

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

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

2022-01-09 20:08:38

49浏览

0评论

深入了解最常用的JavaScript 事件

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

2022-01-09 20:08:37

52浏览

0评论

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

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

2022-01-09 20:08:36

48浏览

0评论

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

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

2022-01-09 20:08:34

33浏览

0评论

JavaScript实现队列结构过程

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

2022-01-09 20:08:32

50浏览

0评论

JavaScript内置对象介绍

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

2022-01-09 20:08:26

39浏览

0评论

JavaScript递归详述

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

2022-01-09 20:08:23

61浏览

0评论

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

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

2022-01-09 20:08:21

46浏览

0评论

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

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

2022-01-09 20:08:19

51浏览

0评论

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

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

2022-01-09 20:08:18

48浏览

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 20:08:17

56浏览

0评论

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

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

2022-01-09 20:08:15

60浏览

0评论

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

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

2022-01-09 20:08:14

44浏览

0评论

JavaScript流程控制(循环)

目录一、for 循环二、双重 for 循环三、while 循环四、do while 循环五、循环小结六、continue break1、continue关键字
2、break关键字
一、for 循环在程序中，一组被重复执...

2022-01-09 20:08:12

58浏览

0评论

Element-ui Layout布局(Row和Col组件)的实现

目录基本说明以及用法Row组件的分析render函数源码分析Col组件的分析组件分析响应式布局我们在实际开发中遇到一些布局的时候会用到Layout布局，这个布局只要配置一些参数就能...

2022-01-09 20:08:10

61浏览

0评论

JavaScript构造函数与原型之间的联系

目录一、构造函数和原型1、构造函数
2、构造函数的问题
3、构造函数原型 prototype
4、对象原型 __proto__
5、constructor 构造函数
6、构造函数、实例、原型对象三者之间...

2022-01-09 20:08:03

49浏览

0评论

JavaScript之BOM location对象+navigator对象+history 对象

目录一、location对象1、URL
2、location 对象的属性3、location 对象的方法
二、navigator对象三、history对象前言：window 对象给我们提供了一个 location 属性用于获取或...

2022-01-09 20:07:58

57浏览

0评论

Layui实现多条件查询的示例代码

最近做一个档案系统，发现字段超多带分页的多条件查询（分页需要后端分页，传page给后端才可实现，前端无法直接实现）当我们点击搜索按钮时会筛选出输入值的相关数据，多条件查询是建立...

2022-01-09 20:07:57

42浏览

0评论

TypeScript使用vscode监视代码编译的过程

安装全局安装ts命令 npm install -g typescript 安装结束后运行tsc -v命令显示版本号表示安装成功接下来可以使用tsc 文件名称可以将ts文件转化为js文件 js文...

2022-01-09 20:07:55

热门文章