JavaScript严格模式use strict的介绍

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

JavaScript高级之自定义异常

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

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

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

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

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

JavaScript执行机制详细介绍

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

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

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

Vue中路由守卫的具体使用

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

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

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

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

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

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

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

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

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

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

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

Vue中的计算属性介绍

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

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

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

JavaScript数据扁平化详解

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

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

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

JavaScript函数的使用详解

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

ECMAscrip新特性函数介绍

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

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

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

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

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

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

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

JS 中Json字符串+Cookie+localstorage

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

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

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

JavaScript定时器原理详解

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

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

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

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

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

深入了解最常用的JavaScript 事件

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

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

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

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

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

JavaScript实现队列结构过程

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

JavaScript内置对象介绍

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

JavaScript递归详述

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript流程控制(循环)

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

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

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

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

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

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

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

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

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

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

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

JavaScript的三种BOM对象

目录一、location对象1、URL2、location 对象的属性3、location 对象的方法二、navigator对象三、history对象总结window 对象给我们提供了一个 location 属性用于获取或设...

深入了解Vue使用vue-qr生成二维码的方法

目录npm下载步骤(1)导入(2)vue-qr参数
示例总结“二维码”的英文是“QR Code”,“QR”是“Quick Response”的缩写,反映出这种二维码具有“超高速识读”的特点。“Quick Response...

浅谈JavaScript作用域

目录一、作用域1、全局作用域
2、局部作用域
二、变量的作用域1、全局变量
2、局部变量
3、全局变量和局部变量的区别
三、作用域链一、作用域
通常来说,一段程序代码中所用...

JavaScript闭包closure详述

目录一、什么是闭包二、 闭包的作用前言:在JavaScript部分,闭包是很重要的东西,所以我们今天就闭包的相关知识做一总结。首先,在了解闭包前,我们先要知道作用域的相关知识,前面 作...

VUE render函数使用和详解

目录前言render的作用render函数讲解render和template的区别render举例总结前言在平时编程时,大部分是通过template来创建html。但是在一些特殊的情况下,使用template方式时,就...

JavaScript实现单链表过程解析

前言:要存储多个元素,数组是最常用的数据结构,但是数组也有很多缺点:
数组的创建通常要申请一段连续的内存空间,并且大小是固定的,所以当当前数组不能满足容量需求时,需要进行...

返回顶部
顶部