94浏览

0评论

基于JavaScript ES新特性let与const关键字

目录1.let关键字1.1基本用法
1.2不存在变量提升
1.3暂时性死区1.4不允许重复声明1.5与函数的关系2.const关键字2.1基础用法
1.let关键字
1.1基本用法
let是ECMAScript 2015...

• 2022-01-09

132浏览

0评论

vue3.0报错Cannot find module‘worker_threads‘的解决办法

 记录一下vue3.0的第一次尝试，启动项目的时候报错Cannot find module ‘worker_threads'，查了一下发现是因为个人电脑node版本太低，查看了一下版本
node -vv11.2.0然后升级一...

• 2022-01-09

104浏览

0评论

Vue.js通过组件处理Icon图标

 Icon图标处理方案记录一次对于想使用element-plus之外的图标，如何封装成一个组件，是本次记录的目标，希望在工作时能帮助自己处理图标问题。分析，对于element-plus的图标可以通...

• 2022-01-09

149浏览

0评论

超详细教程实现Vue底部导航栏TabBar

目录项目介绍：项目目录：TabBar效果预览：TabBar实现思路一、如果在下方有一个单独的TabBar组件，如何封装二、TabBar中现实的内容由外界决定。三、自定义TabBarItem，可以传入图片和...

• 2022-01-09

165浏览

0评论

vue项目中使用ts（typescript）入门教程

目录1、引入Typescript2、配置文件webpack配置3、让项目识别.ts4、vue组件的编写data()中定义数据props传值完整代码案例最近项目需要将原vue项目结合ts的使用进行改造，这个...

• 2022-01-09

116浏览

0评论

json文件书写格式详解

目录 JSON是什么为什么有这个技术JSON 如何使用- 数据格式- 注意事项- JS 内置两个Json方法实例： JSON是什么JSON ( JavaScript Object Notation) ，是一种数据交互格式。为...

• 2022-01-09

89浏览

0评论

JS深入浅出Function与构造函数

目录 1.概述1.1利用Function构造函数创建函数
1.2Function与Object
2.构造函数2.1自定义否则函数
2.2对象的constructor属性
2.3构造函数与函数
3.Function对象的属性和方...

• 2022-01-09

91浏览

0评论

一文带你了解vite对浏览器的请求做了什么

目录工作原理：浏览器做的什么事啊宿主文件index.htmlmain.js其他裸模块了解一下预打包服务器做的什么事啊请求首页index.html请求以.js结尾的文件基础js文件对main中的依赖进...

• 2022-01-09

107浏览

0评论

Linux通过yum命令彻底删除node.js并重新安装

第一步用自带的包管理先删除一次 yum remove nodejs npm -y手动删除残留 进入 /usr/local/lib 删除所有 node 和 node_modules文件夹 进入 /usr/local/include 删除所...

• 2022-01-09

76浏览

0评论

jQuery实现全部购物车功能实例

目录一、全选二、增减商品数量三、修改商品小计四、计算总计和总和五、删除商品 六、选中商品添加背景七、html 全部核心代码今天是一些购物车的基本功能实现，全选、增减商...

• 2022-01-09

77浏览

0评论

vue实现网页语言国际化切换

一、基本步骤1：安装 yarn add vue-i18n 在此路径新建一个.js文件：src/lang/index.js后： 2:导入import VueI18n from 'vue-i18n'3:注册import Vue from 'vue'Vue.use(VueI18n...

• 2022-01-09

63浏览

0评论

一次VUE项目中遇到XSS攻击的实战记录

目录前言发现原因自定义过滤规则总结前言随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人...

• 2022-01-09

74浏览

0评论

tkinter使用js的canvas实现渐变色

目录1. 使用rgb表示颜色2. tkinter canvas组件3. 设置渐变3.1 渐变的原理3.2 实例1总结之前呢，我一直对GUI不是很感兴趣，但是呢，最近由于某些特殊原因，导致不得不用tkinter，需要...

• 2022-01-09

73浏览

0评论

JavaScript阻止事件冒泡的方法

我们需要注意的是：事件冒泡本身的特性，会带来的坏处，也会带来的好处，在后续的博客我会详细说明。
所以我们在这里将论述一下如何阻止事件冒泡。 比如现在有一个子盒子和...

• 2022-01-09

54浏览

0评论

JS高级ES6的6种继承方式

目录1.原型链继承2.借助构造函数继承3.组合式继承4.原型式继承5.寄生式继承6.寄生组合式继承前言：
继承是面向对象中老生常谈的一个内容，在ECMAScript6之前，JavaScript中的继承...

• 2022-01-09

67浏览

0评论

JS ES新特性 模板字符串

目录1.模板字符串是什么2.多行模板字符串2.1带表达式的模板字符串
3.带标签的模板字符串4.原始字符串5.判断是否包含某字符串5.1includes()方法
5.2startsWith()方法
5.3end...

• 2022-01-09

69浏览

0评论

javascript之函数进阶详解

目录函数定义方式函数的调用(6种）this指向问题严格模式高阶函数闭包递归：函数里面调用自己，需要有结束条件函数定义方式function fn(){}//命名函数 var fun=function(){}//匿名...

• 2022-01-09

61浏览

0评论

Vue中的 watch监听属性详情

目录一.watch监听一般数据的变化(数值，字符串，布尔值)1.数值
2.字符串
3.布尔值
二.watch 监听 复杂类型数据的变化1.对象
2.数组
3.对象数组
4.对象数组的属性
首先要确认 wa...

• 2022-01-09

58浏览

0评论

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

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

• 2022-01-09

51浏览

0评论

详解Vue与VueComponent的关系

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

• 2022-01-09

61浏览

0评论

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

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

• 2022-01-09

52浏览

0评论

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

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

• 2022-01-09

67浏览

0评论

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

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

• 2022-01-09

67浏览

0评论

ECMAscript新特性对象介绍

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

• 2022-01-09

75浏览

0评论

JavaScript实现放大镜详细

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

• 2022-01-09

62浏览

0评论

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

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

• 2022-01-09

79浏览

0评论

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

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

• 2022-01-09

63浏览

0评论

Vue中的局部组件介绍

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

• 2022-01-09

139浏览

0评论

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

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

QQ
• 2022-01-09

76浏览

0评论

JavaScript实现优先级队列

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

• 2022-01-09

66浏览

0评论

JavaScript严格模式use strict的介绍

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

• 2022-01-09

58浏览

0评论

JavaScript高级之自定义异常

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

• 2022-01-09

65浏览

0评论

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

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

• 2022-01-09

137浏览

0评论

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

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

• 2022-01-09

58浏览

0评论

JavaScript执行机制详细介绍

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

• 2022-01-09

65浏览

0评论

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

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

• 2022-01-09

97浏览

0评论

Vue中路由守卫的具体使用

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

• 2022-01-09

86浏览

0评论

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

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

• 2022-01-09

79浏览

0评论

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

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

• 2022-01-09

77浏览

0评论

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

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

• 2022-01-09

95浏览

0评论

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

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

• 2022-01-09

69浏览

0评论

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

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

• 2022-01-09

113浏览

0评论

Vue中的计算属性介绍

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

• 2022-01-09

80浏览

0评论

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

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

• 2022-01-09

57浏览

0评论

JavaScript数据扁平化详解

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

• 2022-01-09

69浏览

0评论

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

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

• 2022-01-09

65浏览

0评论

JavaScript函数的使用详解

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

• 2022-01-09

87浏览

0评论

ECMAscrip新特性函数介绍

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

• 2022-01-09

67浏览

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

86浏览

0评论

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

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

• 2022-01-09