vue中实现路由跳转的三种方式(超详细整理)
步骤 (7步法 ):下载模块到当前工程在main.js中引入VueRouter函数添加到Vue.use()身上 – 注册全局RouterLink和RouterView组件创建路由规则数组 – 路径和组件名对应关系用规则生成路由对象把路由对象注入到new Vue实例中用作为挂载点, 切换不同的路由页面
前端面试官常问的问题
标准回答:Promise的作用:Promise是异步微任务,解决了异步的问题,让代码的可读性更高,更容易维护Promise使用:Promise是ES6提供的一个构造函数,可以使用Promise构造函数new一个实例,Promise构造函数接收一个函数作为参数,这个函数有两个参数,分别是两个函数 和
五、vue3.0之组件通信详解(defineProps、defineEmits、defineExpose)
web前端vue3.2之组件通信详解(defineProps、defineEmits、defineExpose)
Vue中实现过渡动画
目前为止,过渡动画我们只要是针对单个元素或者组件的:要么是单个节点;要么是同一时间渲染多个节点中的一个;那么如果希望渲染的是一个列表,并且该列表中添加删除数据也希望有动画执行呢?这个时候我们要使用组件来完成;使用有如下的特点:默认情况下,它不会渲染成任何一个元素,但是你可以指定一个元素并以 tag
JS 数组中的 filter 方法
1、定义filter()创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。2、语法array.filter(function(currentValue,index,arr), thisValue);3、参数说明
el-table表格动态合并行、合并行列及详解
在写项目的时候有时候会经常遇到把行和列合并起来的情况,因为有些数据是重复渲染的,不合并行列会使表格看起来非常的混乱,如下:而我们想要的数据是下面这种情况,将重复的行进行合并,使表格看起来简单明了,如下:所谓的合并行就是将多行相同的数据变成一行来显示,直接上代码,页面的布局比较简单是el-table上
前端如何调用后端接口进行数据交互(极简)
axios,前后端数据交互,数据渲染,发请求,axjax
js 箭头函数详解
1. 认识箭头函数es6 新增了使用胖箭头(=>)语法定义函数表达式的能力,很大程度上,箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方,都可以使用箭头函数:// 普通函数let sum = function(a, b) { return a
webpack详解
一、什么是webpack1、官方解释:从本质上来讲,webpack是一个现在的javaScript应用的静态模块化打包工具。(从两点概括这句话即模块和打包)下面来说一下模块和打包的概念!2、前端模块化:前端模块化的一些方案:AMD、CMD、CommonJS、ES6(浏览器不能识别它们,但是webpa
Vue 3 介绍
vue3基础
前端爱心代码跟个风
光棍节new一个对象发给Ta
【前端】JavaScript —— WebAPI
JavaScript 之 WebAPI, 一起来学习吧! !
前端经典面试题 | 理解 节流 和 防抖(后附手写节流\防抖)
🖥️ 前端经典面试题专栏:前端经典面试题 | 理解节流和防抖🧑💼 个人简介:一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
前端复制功能(几种形式)
点击按钮,将内容复制剪贴板的多种形式
前端AST详解,手写babel插件
抽象语法树(Abstract Syntax Tree,AST),是源代码(不仅限于JavaScript,同时还应用于其他语言,例如: Python,Rust等)语法结构的⼀种抽象表示。它以树状的形式表现编程语⾔的语法结构,树上的每个节点都表示源代码中的⼀种结构。⾼级语⾔的编译、机器码的⽣成⼀些⾼级编
HTML小游戏8 —— 小霸王游戏机网页版(附完整源码)
本节教程我会带大家使用 HTML 、CSS和 JS 来制作一个 小霸王游戏机网页版,源码也可在文末进行获取。
Vue--》超详细教程——vue-cli脚手架的搭建与使用
它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack,从而目标只需专注在撰写项目应用上。,基于vue-cli这个系统,我们就可以快速搭建好“(英文名:Singleagepplication)简称SPA,顾名思义指的是,所有的功能与交互都在这
【原生Ajax】全面了解xhr的概念与使用。
xhr是浏览器提供的JavaScript对象,通过它,可以请求服务器上的数据资源,之前所学的jquery的ajax函数,就是基于xhr对象封装出来的。URL地址中,只允许出现英文相关的字母,标点符号,数字,因此。在URL地址中不允许出现中文字符。如果URL中需要包含中文这样的字符,则必须对中文字符进
【蓝桥杯Web】第十四届蓝桥杯(Web 应用开发)模拟赛 1 期-职业院校组 | 精品题解
上篇文章已经对大学组的十道题做了解析,有的小伙伴私信我说能不能出一篇职业院校组的解析,我去看了一下职业院校组模拟赛的题,发现就只有三道题与大学组的不同,于是这里就针对性的讲一下这三题,如果大家有问题,欢迎评论区留言,也欢迎私信我加入我们的前端技术交流群!
webpack看这一篇就够了
能够理解webpack基本概念和作用能够掌握webpack使用步骤能够使用webpack相关配置能够使用webpack开发服务器能够查阅使用webpack中文文档webpack官网现代 javascript 应用程序的 静态模块打包器 (module bundler)为要学的 vue-cli 开发环