vue技巧
13篇文章 · 0订阅
  • 一行代码解决深拷贝问题，JavaScript新特性解析
    深拷贝是JavaScript里一个常见而又棘手的问题，长久以来，我们不得不依赖各种自定义方法或第三方库来解决这一问题。大多数人都会使用JSON.parse(JSON.stringify(obj))这种
    前端
  • CSS 滚动驱动动画终于正式支持了~
    在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了~有了它，几乎以前任何需要JS监听滚动的交互都可以纯 CSS
    前端 CSS
    CSS 滚动驱动动画终于正式支持了~
  • 重新学习 scrollIntoview
    大家可能都知道 dom 有一个 scrollIntoview方法，它可以轻易的让目标元素滚动到可视范围之内，而无需手动计算偏移量 效果如下 这样跳转比较生硬，因此可能还知道有这样一个参数 这样就能平滑
    前端 JavaScript CSS
    重新学习 scrollIntoview
  • JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示
    一、代码注释详解 参数相关 date为传入时间 例："2023/5/10 11:32:01" 2023-02-01 09:32:01 type为返回类型 例：YYYY-MM-DD YYYY年MM月DD
    前端 JavaScript 程序员
    JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示
  • 判断是否每天第一次进入页面
    ``` function firstOpenPage() { let firstOpenTime = localStorage.getItem('firstOpenTime') let now = n
    JavaScript 前端
  • 使用Vue来3分钟撸一个滚动公告效果！
    使用vue中的transition组件实现滚动公告效果，关于如何灵活使用vue的transition组件，可以多看看vue的文档。
    Vue.js
  • 10分钟快速上手Vue3过渡动画
    在实际开发中，为了增加用户体验，经常会使用到过渡动画，而过渡动画在CSS中是通过transition和animation实现的。而在Vue中，Vue本身中内置了一些组件和API可以帮助我们方便的实现过
    Vue.js CSS
    10分钟快速上手Vue3过渡动画
  • axios的二次封装以及扩展功能
    axios二次封装 在项目中使用axios时通常需要二次封装，比如添加请求头，或者统一处理响应状态 设置默认配置
    前端 axios
  • keep-alive与router-view的相爱相杀🍃
    前言 keep-alive概念 属性： include 只有名称匹配的组件会被缓存🙄(名称指的是组件中定义的name)。 exclude。任何名称匹配的组件都不会被缓存🧵。 max。最多可以缓存多少组
    前端 Vue.js
    keep-alive与router-view的相爱相杀🍃
  • vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践
    2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时，要保存上次已经加载的数据和自动还原上次的浏览位置。 最近在项目中遇到这个问题，思考了几套方案，总是不太完善。百度搜到的方案也基本都只能满足一些很简单的需求。对于复杂一些的情况，还是有些不完善的地方。以下是个人对于这…
    Vue.js JavaScript 前端