【面試題】Vue2動態添加路由 router.addRoute()
- 2022 年 9 月 26 日
- 筆記
Vue2动态添加路由 点击打开视频讲解更加详细 场景: 一般结合VueX和localstorage一起使用 router.addRoutes vue-router4后 已废弃:使用 router.addRoute() 代替。 vue-router4版本前也可用 函数签名: router.addRou …
Continue ReadingVue2动态添加路由 点击打开视频讲解更加详细 场景: 一般结合VueX和localstorage一起使用 router.addRoutes vue-router4后 已废弃:使用 router.addRoute() 代替。 vue-router4版本前也可用 函数签名: router.addRou …
Continue Reading@ 目录 为什么需要响应式网页 什么是响应式网页 如何实现响应式网页 1. 设置前置 meta 元素 2. 设置了固定宽度的区域 3. 使用布局的区域 4. 图片 5. 字体 为什么需要响应式网页 点击打开视频讲解更加详细 随着网页数量和质量的上升,以及设备种类和数量的增加,不同设备查看不同网页导致 …
Continue Reading一、this指向 点击打开视频讲解更加详细 this随处可见,一般谁调用,this就指向谁。this在不同环境下,不同作用下,表现的也不同。 以下几种情况,this都是指向window 1、全局作用下,this指向的是window console.log(window); console.log(t …
Continue Reading
一、案例效果 点击打开视频讲解更加详细 二、实现思路 创建游戏背景板; 创建我方战机,鼠标进入游戏面板后其随鼠标轨迹运动; onmousemove 创建子弹,让子弹周期性的在战机处发出并让其向 top 值减小的方向(向上)移动,top 小于 0 也就是子弹走出游戏面板时删除自身; 创建敌机,让敌机周 …
Continue ReadingJS使用parseInt()和正则截取字符串中数字 点击打开视频讲解更加详细 parseInt() 函数 定义和用法 parseInt() 函数可解析一个字符串,并返回一个整数。 当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数 当忽略 …
Continue Reading多个元素的过渡 点击打开视频讲解更加详细 我们之后讨论多个组件的过渡,对于原生标签可以使用 v-if/v-else。最常见的多标签过渡是一个列表和描述这个列表为空消息的元素: <transition> <table v-if="items.length > 0"> <!-- ... --> </ta …
Continue Reading
JS第七种数据类型Symbol详解 点击打开视频讲解更加详细 一、什么是Symbol? Symbol是ES6中引入的一种新的基本数据类型,用于表示一个独一无二的值。它是JavaScript中的第 七种数据类型,与undefined、null、Number(数值)、String(字符串)、Boolea …
Continue Reading
js实现将excel表格copy到页面 点击打开视频讲解更加详细 其实最核心的技术,还是copy的是我们粘贴板上的数据 就像平常怎么粘贴复制其他的数据一样,只是我们在excel粘贴的是一个表格数据 这时我们首先也时获取我们粘贴板上的数据,如何对粘贴板上的数据进行处理,处理成 我们想要的表格形式。 完 …
Continue Reading
【前端特效】程序员给你的专属告白,快来转发给你心爱的那个她吧! 点击打开视频讲解更加详细 <template> <div class="content"> <img src="../assets/live.gif" alt="" /> <section class="cloud-bed"> <div …
Continue Reading
Array.apply(null, { length: 1000 }) 点击打开视频讲解更加详细 在阅读VueJS教程时有这么段demo code: render: function (createElement) { return createElement('div', Array.apply( …
Continue Reading