04 2021 档案

摘要:使用vue写项目的准备工作 前言 Hello大家好,学习vue的小伙伴,在学习vue-cli脚手架之前,总会遇到一些困惑,我在真正使用vue开发项目的时候,我该怎么去做?走哪些流程? 我先说一下我的学习心得:学脚手架之前,那些Vue模板语法,常用特性,组件化开发,前后端交互从Promise异步处理到 阅读全文
posted @ 2021-04-21 10:30 竹子up 阅读(112) 评论(0) 推荐(0)
摘要:VUE中的函数的防抖和节流 以及应用场景 先看看概念 函数防抖(debounce): 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。 应用场景: search搜索联想,用户在不断输入值时,用防抖 阅读全文
posted @ 2021-04-20 17:28 竹子up 阅读(923) 评论(0) 推荐(0)
摘要:一部分的用户行为会频繁的触发事件执行,而对于DOM操作,资源加载等耗费性能的处理,很有可能导致界面卡顿,甚至浏览器的崩溃,防抖和节流就是解决这种问题的 防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 防抖就是在函数需要频繁触发情况时,只有足够空闲的时间,才执行 阅读全文
posted @ 2021-04-20 16:19 竹子up 阅读(66) 评论(0) 推荐(0)
摘要:节流和防抖 是前端开发中老生常谈的问题,要说两者之间的区别 可能 很难说的很明。很多人 好像懂了 又好像没有懂 ,下面 我用比喻的方式 让大家理解下 什么是防抖 和节流的区别: 首先说说节流 :就好比城市的地铁 每隔 5分钟左右会来一辆,不伦地铁上有没有人或者有几个人 到时间就走;就好比窗口滚动事件 阅读全文
posted @ 2021-04-20 14:34 竹子up 阅读(149) 评论(0) 推荐(0)
摘要:Vue 组件传参的八种方式总结 Vue 组件的使用不管是在平常工作还是在面试面试中,都是频繁出现的。因此系统的梳理一下组件之间的传参还是非常有必要的 一、props 传参 子组件定义 props 有三种方式: // 第一种数组方式 props: [xxx, xxx, xxx] // 第二种对象方式 阅读全文
posted @ 2021-04-14 10:34 竹子up 阅读(7294) 评论(0) 推荐(0)
摘要:移动端1px解决方案 作者:empty@毛豆前端 前言 移动端web项目越来越多,设计师对于UI的要求也越来越高,比如1px 的边框。在高清屏下,移动端的1px 会很粗。 比如,这个是假的1像素 这个是真的1像素 一、产生原因 那么为什么会产生这个问题呢?主要是跟一个东西有关,DPR(deviceP 阅读全文
posted @ 2021-04-10 17:19 竹子up 阅读(411) 评论(0) 推荐(0)
摘要:移动端H5页面开发坑点指南 前方高能! 视频兼容相关 在安卓中,直接使用原生 video 会导致全屏播放,盖住所有元素,因此使用 x5 播放器。但是 x5 播放器还是存在问题,虽然不会盖住元素,但是会自己添加特效(盖一层导航栏蒙层)。 <video id='live-player' controls 阅读全文
posted @ 2021-04-10 16:08 竹子up 阅读(283) 评论(0) 推荐(0)
摘要:【建议收藏】90%的前端都会踩的坑,你中了吗? 写在前面 移动开发时代,前端同学刚刚送别了让人头秃的IE浏览器,却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛,始终相信好记性不如烂笔头。每次在项目开发过 阅读全文
posted @ 2021-04-10 15:47 竹子up 阅读(120) 评论(0) 推荐(0)