目录 防抖 引入 防抖场景1(鼠标移入) 防抖场景2(键盘按键) 函数节流 防抖 经典应用常见: 手风琴效果 引入 没有做防抖的网站: 做了防抖的网站: 防抖场景1(鼠标移入) 抖动 ： 用户本来不...

目录 什么是预解析 变量和函数预解析的区别 重复声明var变量 变量提升和函数提升优先级 函数优先级大于变量优先级的深入探究 预解析流程 搜寻预解析关键字 执行预解析 几个需要注...

目录 一、什么是语法糖？ 二、VUE中语法糖有哪些？ 1、最常见的语法糖 v-model 2、v-bind 的语法糖 3、v-on 的语法糖 4、修饰符 5、动态css 6、注册组件语法糖 一、什么是语法糖？ 语法糖也...

目录 JS三座大山 同步异步 同步异步区别 作用域、闭包 函数作用域链 块作用域 闭包 闭包解决用var导致下标错误的问题 投票机 闭包两个面试题 原型、原型链 原型对象 原型链 完整原型...

目录 问题: 项目中2个Token, 一个时效2个小时(简称:短Token), 另一个时效14天(简称:长Token), 为什么要用2个Token 解答: 1.基于安全性, 防止Token泄露的考虑, 服务器资源中所有的请求都只能使用...

目录 1、关于JavaScript 2、JavaScript事件循环 3、宏任务和微任务 4、拓展宏任务微任务 下面一道关于宏任务和微任务的题： setTimeout(function(){ console.log('1')}); new Promise(function(resolve){ console...

目录 占位符替换 控制台打印 table() log、info、warn、error group()，groupCollapsed()，groupend() 占位符替换 控制台打印(conlose.log())或者拼接字符换, 可以借助占位符解决 %s 字符串 %d / %i 整数 %f...

前言： Vue3 发布已经很长一段时间了，最近也有机会在公司项目中用上了 Vue3 + TypeScript + Vite 的技术栈，所以闲暇之余抽空也在抽空阅读 Vue3 的源码。本着好记性不如烂笔头的想法，在...

目录 1、生成 AST 抽象语法树 2、创建 AST 的根节点 3、解析子节点 4、解析模板元素 Element 5、示例：模板元素解析 上一篇文章Vue3 编译流程-源码解析中，我们从 packges/vue/src/index.ts 的入口...

目录 1、什么是设计模式 2、设计模式五大设计原则（SOLID） 3、为什么需要设计模式？ 4、单例模式 前言： 设计模式在我们编程中是十分重要的！ 设计模式（Design pattern）代表了最佳的...

目录 1. props 2. .sync 3. v-model 4. ref 5. $emit / v-on 6. $attrs / $listeners 7. $children / $parent 8. provide / inject 9. EventBus 10. Vuex 11. $root 12. slot 下面把每一种组件通信方式的写法一一列出 1. props 父组件向...

目录 一、易阅读的代码 1、统一代码格式 2、去除魔术数字 3、单一功能原则 二、高性能的代码 1、优化算法 2、使用内置方法 3、减少作用域链查找 4、避免做重复的代码 三、健壮性的...

目录 一、computed介绍 1.1、get 和 set 用法 1.2、计算属性缓存 二、watch介绍 三、两者区别 3.1、对于 computed 3.2、对于 watch 四、应用场景 一、computed介绍 computed 用来监控自己定义的变量，该...

本文实例为大家分享了vue项目实现登陆注册效果的具体代码，供大家参考，具体内容如下 主要内容 本章目标：vue+element-ui完成注册以及登陆 1.效果展示 2.视图页面： views 注册页面效果...

目录 前言 一、Vue2中的生命周期 实例的生命周期 其它生命周期钩子 二、Vue3中的生命周期 Options API生命周期 Composition API生命周期 两个新的Vue3生命周期函数 最后 前言 如今学习Vue的人越...

本文实例为大家分享了js实现手风琴效果的具体代码，供大家参考，具体内容如下 效果： 实现代码： !DOCTYPE htmlhtml head meta charset="UTF-8" title/title style *{ margin:0; padding:0; } ul,li{ list-style:...

目录 1、前端路由实现原理 2、vue-Router 基本使用 2.1、安装 2.2、配置路由 2.3、实例化 2.4、挂载路由 2.5、页面上添加 router-link 和 router-view 3、router 的模式 3.1、hash 模式 3.2、history 模式...

本文实例为大家分享了JavaScript实现拖拽效果的具体代码，供大家参考，具体内容如下 1.1 拖拽的基本效果 思路： 鼠标在盒子上按下时，准备移动 (事件加给物体) 鼠标移动时，盒子跟随...

本文实例为大家分享了Vue实现商品放大镜效果的具体代码，供大家参考，具体内容如下 一、前言 在这个鼎盛的电商时代各种直播带货或者自主逛宝购物，我们对商品的认知和了解进一...

目录 1.使用插槽（slot）使组件更易于理解并且功能更强大 2.正确组织您的 Vuex 存储 3.使用操作（Vuex Actions）进行 API 调用和提交数据 4.使用 mapState，mapGetters，mapMutations 和 mapAction 简化代...

目录 1.通过ElementUI构建基本的样式 2.用点击提交按钮将 将账号密码框内的内容 传给后台数据 总结 1.通过ElementUI构建基本的样式 不了解ElementUI官方网站https://element.eleme.cn/#/zh-CN对Elemen...

javascript小游戏贪吃蛇实现思路讲解(完整代码实现)，供大家参考，具体内容如下 效果流程 1、首先我们要日本服务器http://www.558idc.com/jap.html操作的canvas !doctype htmlhtmlheadmeta charset="utf-8"...

本文实例为大家分享了vue3手动封装弹出框组件message的具体代码，供大家参考，具体内容如下 封装组件 template Transition name="down" div class="xtx-message" :style="style[type]" v-show='isShow' !-- 上面绑...

本文实例为大家分享了vue3.0手动封装分页组件的具体代码，供大家参考，具体内容如下 1.父组件引入 src/views/goods/components/goods-comment.vue !-- page表示初始化分页时，默认显示第几页 -- Xt...

目录 v-model input中使用双向绑定数据 组件中的v-model 其他写法 总结 v-model input中使用双向绑定数据 v-model在vue中我们经常用它与input输入框的输入值进行绑定，简单的实现原理大家也应该...

目录 前言 1、递归组件 2、右键菜单组件 总结 前言 今天在写项目时，遇到一个自定义右键菜单的需求。在菜单中还有子菜单，所以这个时候就要用到递归组件了。所以写下这篇文章来...

一、背景 1. 前端使用vue + vuex + socket.io-client npm install socket.io-client --save-dev 2. 后端使用node + express + socketio 1.搭建node开发环境 npm init -y 安装所需依赖 npm install express --save-dev npm install so...

本文主要介绍了基于vue-router的matched实现面包屑功能，分享给大家，具体如下： 如上图所示，就是常见的面包屑效果，面包屑的内容一般来说，具有一定的层级关系，就以上图为例，首...

基于vue和原生javascript封装的下拉刷新上拉加载组件，供大家参考，具体内容如下 upTilte插槽是下拉刷新的自定义内容放的地方 downTilte插槽是上拉加载的自定义内容放的地方 默认插槽为...

目录 什么是钩子（hooks） 类组件 函数组件 为什么创造Hooks 总结 什么是钩子（hooks） 消息处理的一种方法, 用来监视指定程序 函数组件中需要处理副作用，可以用钩子把外部代码“钩”...

给时间时间，让过去过去。 上节我们写过了【搜索】表单，以及查询、重置功能。本节对于需要展开收起效果的查询表单进行概述，主要涉及前端样式知识。 样式效果如下： 思路：在...

本文主要介绍了基于Vue3的全屏拖拽上传组件，分享给大家，具体如下： 知识点 浏览器拖拽 api fetch 请求 vue3 说来话长,长话短说,关于 html5 的拖拽 api 也只是做过一些拖拽排序的例子.其...

目录 前言 认识 实践出真知 前言 在 wabpack 中核心功能除了 loader 应该就是 plugins 插件了，它是在webpack执行过程中会广播一系列事件，plugin 会监听这些事件并通过 webpack Api 对输出文件做...

目录 一、菜谱大全 1.1、项目背景 1.2、技术栈 1.3、开发环境 1.4、项目效果展示 1.5、项目初始化 二、首页开发 2.1、antd-mobile 组件库 2.2、底部导航实现 2.3、菜谱大全顶部导航 2.4、轮播...

目录 1.Array.at() 2. Array.copyWithin() 3. Array.entries() 4. Array.fill() 5.find() 总结 1.Array.at() 功能 ：接受一个整数值并返回该索引处的项目，允许正整数和负整数。负整数从数组中的最后一项开始...

目录 场景 代码实现 总结： 场景 近期着手开发基于ElementUI的后台管理系统，偶然间发现「el-select」下拉选择时候遇到一个问题，当渲染下拉选项的「options」的数据量过多时「本项目中...

目录 数组去重 1 双层for循环（类似冒泡排序的双层循环写法） 2 循环和indexof、循环和includes 3 利用对象属性不能重复去重 4 ES6 Set 5 ES6 Array. prototype.filter() 6 ES6 Array. prototype.reduce() 总结...

目录 JavaScript原型链 Object的原型 顶层原型 创建Object对象的内存图 Object是所有类的父类 原型链实现继承 借用构造函数实现继承 总结 JavaScript原型链 每一个对象都有原型，指向另一个对...

本文为大家分享了微信小程序彩票号码生成器的具体代码，供大家参考，具体内容如下 一、案例说明 设计一个小程序，生成一注7个彩票号码(1-31)，并在圆形图标上显示，加上一个按钮...

本项目为大家分享了Vue+Router+Element实现简易导航栏的具体代码，供大家参考，具体内容如下 项目结构： 直接上代码：主要就是引入配置路由Router ①：引入Router（路由管理器） //config...

本文实例为大家分享了vue+Element实现分页效果的具体代码，供大家参考，具体内容如下 一般样式都是card里面包含列表和分页 这里就直接上代码了 el-card !-- 用户列表区域 -- el-table :data...

目录 1、自身可枚举属性 2、Object.values() 返回属性值 3、Object.entries() 4、对象属性的顺序 1、自身可枚举属性 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数...

本文实例为大家分享了Vue中东服务器http://www.558idc.com/dibai.html下拉菜单组件化开发的具体代码，供大家参考，具体内容如下 搞一个自定义组件，只是一个很简单的下拉菜单，也就是一个...

目录 一、原型、原型链相等关系理解 二：原型、原型链的意思何在 看完这篇文章，你会发现，原型、原型链原来如此简单！ 上面经典的原型链相等图，根据下文的学习，你会轻易掌握...

在开发后台管理项目时，需要统计后台用户数据，以折线图和饼图的形式显示，这边采用apache-echarts来实现需求。 1.安装echarts和引入 npm install echarts --save import * as echarts from 'echarts'; 2.使...

1、项目文件 2、使用HTML及css进行页面布局 HTML部分 div class="container" h1 class="score"0/h1 div class="progress"/div div id="start" h2锅打灰太狼/h2 button class="start"开始游戏/button/div div class="rules"游戏规则...

目录 一、别把对象当 Map 1、可能通过原型链访问到未定义的属性 2、对象的 Key 只能是字符串 二、使用 Map 1、Map 常用操作 2、遍历 Map 3、Map 中判断 key 相等 4、复制或合并 Map 5、Map 序列...

本文实例为大家分享了vue+element-ui实现头部导航栏组件具体代码，供大家参考，具体内容如下 话不多说，先上一张效果图： 这是一个头部导航栏，网站最常见的一个功能，鼠标点击切换...

本文实例为大家分享了Vue使用element-ui实现菜单导航的具体代码，供大家参考，具体内容如下 效果图 目录截图 安装vue-router 和 element-ui vue-route是官方路由导航,element-ui是饿了么封装的基...

本文实例为大家分享了vue.js使用Element-ui中实现导航菜单的具体代码，供大家参考，具体内容如下 写这个的原因是因为当时写这个功能时候element只有效果，但是功能没有实现，当时一头...