Vue实现移动端开屏广告+滑动登录，前端零基础开发，又是一年金九银十

• 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名来获取到这个元素，惊醒一系列你想要做的操作

• 移动端滑动登录

• 在PC端中我们是使用onmousemove onmousedowm onmouseup来实现拖动，因为移动端时没有鼠标的，所以含有mouse的事件都不能使用，相对应的也就改成了touchstar touchmove touchup

• 因为Vue中有data属性记录值，所以我们可以多多的使用falg这种值来判断是否成功，像v-if来绑定这些flag，就可以实现满足某些内容再惊醒页面内容的更替。

• 

• 数学问题：什么时候时拖动到重点：拖动的距离（滑块移动的距离）= 容器宽度-滑块的宽度。换成代码就是movex > (this. r e f s . f a t h e r . o f f s e t W i d t h − t h i s . refs.father.offsetWidth - this. refs.father.offsetWidth−this.refs.boxs.offsetWidth

• ruguo要取消某个绑定的事件我们不方便直接取消 就可以使用flag的方式间接的取消 只有当flag为true’的时候可以使用这个功能 这样就能完美的解决

• 

• 

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

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。

• 技术要深入到什么程度？

• 做久了技术总要转型管理？

• 我能做什么，我想做什么？

• 一技之长，就是深耕你的专业技能，你的专业技术。（重点）

• 独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）

• 拥有事业，选择一份使命，带领团队实现它。（创业）

一技之长分五个层次

• 栈内技术 - 是指你的前端专业领域技术

• 栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识

• 工程经验 - 是建设专业技术体系的“解决方案”

• 带人做事 - 是对团队协作能力的要求

• 业界发声 - 工作经验总结对外分享，与他人交流

永远不要放弃一技之长，它值得你长期信仰持有。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。

。