最后
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。
}
.words
{
position: fixed;
left: 50%;
top:30%;
transform: translate(-50%,-50%);
color: #fff;
font-size: 1.5em;
line-height: 2em;
font-weight: 500;
display: flex;
flex-wrap: wrap;
width: 1000px;
}
.img-con{
width: 100%;
height: 200px;
text-align: center;
position: fixed;
top: 50%;
display: none;
}
.img-con > img{
width: 300px;
}
.words span{
animation: jumpin 0.5s ease-out both;
}
@keyframes jumpin {
from{
transform: translateY(-20%);
opacity: 0;
}
to{
transform: translateY(0);
opacity: 1;
}
}
')1.4 JS文件
.css({
"transform": translate(${x}vw, -10px) scale(${scale}),
"opacity": opacity,
"animation": fall${i} ${t1}s -${t2}s linear infinite
}).appendTo($("body")).end()
setTimeout(()=>{
$(".img-con").fadeIn(2000);
},23000)
}
})
2.1 效果展示
爱心表白
2.2 代码如下（直接复制即可）
-
文件中已经做了详细的注释
-
复制过去即可使用，非常方便
3.1 效果展示（雪花会动~）
文字蒙版效果实现 *{ margin: 0; padding: 0; list-style: none; } body{ height: 100vh; position: relative; } img,h1{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } img{ /* 最佳最完美的居中自动剪裁图片的功能 */ object-fit: cover; } h1{ font-size: 20vw; text-align: center; line-height: 100vh; /* 取值为screen时，背景色将作为源的补差色混合在一起 */ mix-blend-mode: screen; background-color: #fff; } ## Vue 面试题 1.Vue 双向绑定原理 2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？ 3.你是如何理解 Vue 的响应式系统的? 4.虚拟 DOM 实现原理 5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异? 6.Vue 中 key 值的作用？ 7.Vue 的生命周期 8.Vue 组件间通信有哪些方式? 9.watch、methods 和 computed 的区别? 10.vue 中怎么重置 data? 11.组件中写 name 选项有什么作用？ 12.vue-router 有哪些钩子函数? 13.route 和 router 的区别是什么？ 14.说一下 Vue 和 React 的认识，做一个简单的对比 15.Vue 的 nextTick 的原理是什么？ 16.Vuex 有哪几种属性? 17.vue 首屏加载优化 18.Vue 3.0 有没有过了解？ 19.vue-cli 替我们做了哪些工作？ …  ## 算法 **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)** 1. 冒泡排序 2. 选择排序 3. 快速排序 4. 二叉树查找: 最大值、最小值、固定值 5. 二叉树遍历 6. 二叉树的最大深度 7. 给予链表中的任一节点，把它删除掉 8. 链表倒叙 9. 如何判断一个单链表有环 10. 给定一个有序数组，找出两个数相加为一个目标数 ...  >由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+评论6663.2 代码如下
