摘要: 1.性能提升 vue3对性能进行了优化,相较于vue2,在运行时的性能更高。vue3采用了Proxy代理机制,使得在数据变化时可以更快的更新视图,从而提供了更好的响应性能。 2.Composiiton API (组合式API) vue3引入了Compsition API,这是一种新的API风格,它允 阅读全文
posted @ 2023-07-27 15:39 竹子up 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 新版的 watch 和旧版对比,在使用方式上变化非常大!旧版是这样用的,和 data 、 methods 都在同级配置: // 旧版的写法: export default { watch: { // ... }, data () { return { // ... } }, methods: { / 阅读全文
posted @ 2023-07-27 15:22 竹子up 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 1.安装 npm install pinia --save 2.src文件夹下新建store文件夹,并新建index.ts import {createPinia } from 'pinia' const pinia = createPinia() export default pinia 2.在m 阅读全文
posted @ 2023-07-27 15:21 竹子up 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 使用vue写项目的准备工作 前言 Hello大家好,学习vue的小伙伴,在学习vue-cli脚手架之前,总会遇到一些困惑,我在真正使用vue开发项目的时候,我该怎么去做?走哪些流程? 我先说一下我的学习心得:学脚手架之前,那些Vue模板语法,常用特性,组件化开发,前后端交互从Promise异步处理到 阅读全文
posted @ 2021-04-21 10:30 竹子up 阅读(76) 评论(0) 推荐(0) 编辑
摘要: VUE中的函数的防抖和节流 以及应用场景 先看看概念 函数防抖(debounce): 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。 应用场景: search搜索联想,用户在不断输入值时,用防抖 阅读全文
posted @ 2021-04-20 17:28 竹子up 阅读(707) 评论(0) 推荐(0) 编辑
摘要: 一部分的用户行为会频繁的触发事件执行,而对于DOM操作,资源加载等耗费性能的处理,很有可能导致界面卡顿,甚至浏览器的崩溃,防抖和节流就是解决这种问题的 防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 防抖就是在函数需要频繁触发情况时,只有足够空闲的时间,才执行 阅读全文
posted @ 2021-04-20 16:19 竹子up 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 节流和防抖 是前端开发中老生常谈的问题,要说两者之间的区别 可能 很难说的很明。很多人 好像懂了 又好像没有懂 ,下面 我用比喻的方式 让大家理解下 什么是防抖 和节流的区别: 首先说说节流 :就好比城市的地铁 每隔 5分钟左右会来一辆,不伦地铁上有没有人或者有几个人 到时间就走;就好比窗口滚动事件 阅读全文
posted @ 2021-04-20 14:34 竹子up 阅读(114) 评论(0) 推荐(0) 编辑
摘要: Vue 组件传参的八种方式总结 Vue 组件的使用不管是在平常工作还是在面试面试中,都是频繁出现的。因此系统的梳理一下组件之间的传参还是非常有必要的 一、props 传参 子组件定义 props 有三种方式: // 第一种数组方式 props: [xxx, xxx, xxx] // 第二种对象方式 阅读全文
posted @ 2021-04-14 10:34 竹子up 阅读(6703) 评论(0) 推荐(0) 编辑
摘要: 移动端1px解决方案 作者:empty@毛豆前端 前言 移动端web项目越来越多,设计师对于UI的要求也越来越高,比如1px 的边框。在高清屏下,移动端的1px 会很粗。 比如,这个是假的1像素 这个是真的1像素 一、产生原因 那么为什么会产生这个问题呢?主要是跟一个东西有关,DPR(deviceP 阅读全文
posted @ 2021-04-10 17:19 竹子up 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 移动端H5页面开发坑点指南 前方高能! 视频兼容相关 在安卓中,直接使用原生 video 会导致全屏播放,盖住所有元素,因此使用 x5 播放器。但是 x5 播放器还是存在问题,虽然不会盖住元素,但是会自己添加特效(盖一层导航栏蒙层)。 <video id='live-player' controls 阅读全文
posted @ 2021-04-10 16:08 竹子up 阅读(214) 评论(0) 推荐(0) 编辑