Vue实现移动端开屏广告+滑动登录(1)，2024年最新程序员都学什么

Tomcat知识点大全

已于 2024-04-10 08:47:21 修改

阅读量854

点赞数 6

分类专栏： 2024年程序员学习文章标签： vue.js 前端 javascript

于 2024-04-10 08:47:19 首次发布

本文链接：https://blog.csdn.net/m0_57539910/article/details/137580299

版权

235 篇文章 0 订阅

订阅专栏

这个就是这个小Demo，我想表达的是Demo虽小，五脏俱全，很多知识点之前以为懂了，现在才知道都不懂，之前用原生JS做过pc端的滑动登录，现在用Vue.js做移动端的以为很简单，才发现事情没有想象的那么简单，移动端的滑动事件和pc端的事件并不是同一个事件，以至于我一直没有做成功
CSS知识点：
Dom.offsetWidth之的是原生自身的宽度，是包含边框的但是不包含边距
user-select: none; 是让文本不能够被选中
CSS没有啥太大的知识点，只要花时间都能够写出来，就是一个有时候我们想让伪类元素像::before这种伪元素居中我们可以给伪元素的宿主元素设置弹性布局
Vue.js部分：
mounted生命周期函数和created生命周期函数的区别，mounted表示的是页面已经渲染好了 created表示的是页面还没有渲染好，这两个经常使用
开屏广告部分时间在跳转就使用setInterval（）而没有使用setTimerOut了，因为前者可以一直使用反复的执行，而后者需要不断的调用，更加的不方便。
在Vue中我们如果想要修改一些元素的样式，可以使用ref引用的方式，这个就是虚拟Dom，因为Vue就是不愿意让我们使用dom元素，所以我们可以给元素设置ref属性，在JS里面再使用this.$refs.ref名来获取到这个元素，惊醒一系列你想要做的操作
移动端滑动登录

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

、大厂内推、面试辅导），让我们一起学习成长！**
[外链图片转存中…(img-yHXPlHVu-1712710023276)]

关注