2022年9月1日
061_末晨曦Vue技术_过渡 & 动画之自定义过渡的类名
摘要： 自定义过渡的类名 点击打开视频讲解更加详细 我们可以通过以下 attribute 来自定义过渡类名： enter-class enter-active-class enter-to-class (2.1.8+) leave-class leave-active-class leave-to-clas 阅读全文
posted @ 2022-09-01 13:46 程序猿咬棒棒糖拽天下 阅读(245) 评论(0) 推荐(0) 编辑
060_末晨曦Vue技术_过渡 & 动画之CSS动画
摘要： CSS动画 点击打开视频讲解更加详细 CSS 动画用法同 CSS 过渡，区别是在动画中 v-enter 类名在节点插入 DOM 后不会立即删除，而是在 animationend 事件触发时删除。 完整案例： <template> <div id="app"> <div id="example-2"> 阅读全文
posted @ 2022-09-01 11:16 程序猿咬棒棒糖拽天下 阅读(19) 评论(0) 推荐(0) 编辑
059_末晨曦Vue技术_过渡 & 动画之CSS过渡
摘要： CSS过渡 点击打开视频讲解更加详细 常用的过渡都是使用 CSS 过渡。 完整例子： <template> <div id="app"> <div id="example-1"> <button @click="show = !show"> Toggle render </button> <tran 阅读全文
posted @ 2022-09-01 10:27 程序猿咬棒棒糖拽天下 阅读(15) 评论(0) 推荐(0) 编辑
2022年8月31日
【面试题】js 问号(?)的强大之处，你知道吗？？
摘要： 问号(?)的强大之处 点击打开视频讲解更加详细 一、问号点（?.） obj: { name: "末晨曦吖", }, console.log(this.obj.age, "年龄"); //undefined console.log(this.obj.hobby, "爱好"); //undefined 阅读全文
posted @ 2022-08-31 22:59 程序猿咬棒棒糖拽天下 阅读(883) 评论(1) 推荐(2) 编辑
Vue + Elementui 实现登录页 手机验证码、倒计时等功能
摘要： Vue + Elementui 实现登录页 手机验证码、倒计时等功能 点击打开视频讲解 更加详细 <template> <div id="app"> <div class="left">用代码改变世界</div> <el-form class="content" ref="refForm" :rul 阅读全文
posted @ 2022-08-31 10:14 程序猿咬棒棒糖拽天下 阅读(367) 评论(0) 推荐(0) 编辑
2022年8月30日
058_末晨曦Vue技术_过渡 & 动画之过渡的类名
摘要： 进入/离开 & 列表过渡 点击打开视频讲解更加详细 概述 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 阅读全文
posted @ 2022-08-30 13:26 程序猿咬棒棒糖拽天下 阅读(94) 评论(0) 推荐(0) 编辑
VsCode六种插件，前端效率神器！！！
摘要： VsCode六种插件，前端效率神器！！！ 点击打开视频讲解更加详细 live serve（实时刷新插件） 操作图示： indent-rainbow（彩色缩进插件） 操作图示： bracket pair colorizer（着色括号匹配） 操作图示： Format On Save（格式化代码） 操作图 阅读全文
posted @ 2022-08-30 09:13 程序猿咬棒棒糖拽天下 阅读(72) 评论(0) 推荐(0) 编辑
2022年8月29日
057_末晨曦Vue技术_处理边界情况之强制更新和创建低开销的静态组件
摘要： 强制更新和创建低开销的静态组件 点击打开视频讲解更加详细 强制更新 如果你发现你自己需要在 Vue 中做一次强制更新，99.9% 的情况，是你在某个地方做错了事。 你可能还没有留意到数组或对象的变更检测注意事项，或者你可能依赖了一个未被 Vue 的响应式系统追踪的状态。 然而，如果你已经做到了上述的 阅读全文
posted @ 2022-08-29 09:46 程序猿咬棒棒糖拽天下 阅读(64) 评论(0) 推荐(0) 编辑
2022年8月28日
【面试题】Vue中的$router 和 $route的区别
摘要： Vue中的$router 和 $route的区别 点击视频讲解更加详细 this.$route：当前激活的路由的信息对象。每个对象都是局部的，可以获取当前路由的 path, name, params, query 等属性。 this.$router：全局的 router 实例。通过 vue 根实例中 阅读全文
posted @ 2022-08-28 09:46 程序猿咬棒棒糖拽天下 阅读(267) 评论(0) 推荐(0) 编辑
2022年8月27日
【面试题】如何去掉vue的url地址中的#号?及其原理？
摘要： 如何去掉vue的url地址中的#号?及其原理？ 点击打开视频讲解更加详细 如何去掉vue的url地址中的#号? import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter) // 1. 定义一些路由 // 阅读全文
posted @ 2022-08-27 22:02 程序猿咬棒棒糖拽天下 阅读(2118) 评论(0) 推荐(1) 编辑