前端案例：简易登录表单的制作，包括用户名、密码、随机验证码（代码完整，复制即用

css

1，盒模型 2，如何实现一个最大的正方形 3，一行水平居中，多行居左 4，水平垂直居中 5，两栏布局，左边固定，右边自适应，左右不重叠 6，如何实现左右等高布局 7，画三角形 8，link @import导入css 9，BFC理解

js

1，判断 js 类型的方式 2，ES5 和 ES6 分别几种方式声明变量 3，闭包的概念？优缺点？ 4，浅拷贝和深拷贝 5，数组去重的方法 6，DOM 事件有哪些阶段？谈谈对事件代理的理解 7，js 执行机制、事件循环 8，介绍下 promise.all 9，async 和 await, 10，ES6 的 class 和构造函数的区别 11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式, 12，介绍一下rAF(requestAnimationFrame) 13，javascript 的垃圾回收机制讲一下, 14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

开源分享：docs.qq.com/doc/DSmRnRG… npm i element-ui -S

//vue项目中全局引入 src/main.js中 import ElementUI from 'element-ui'; Vue.use(ElementUI);

        element ui 的使用方式参见官网：[Element - The world's most popular Vue UI frameworkElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库![](https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/bf568f813cae42a997d9472fd6da9c5e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1772525818&x-signature=QZoBEeLeCD%2Bl7vFxNXn7PQPsipM%3D)https://element.eleme.cn/#/zh-CN](https://element.eleme.cn/#/zh-CN "Element - The world's most popular Vue UI framework")


#### **完整代码+详细注释**

.login { background-color: #3a92a4; border: 2px solid black; border-radius: 10px; width: 5.5rem; height: 5.4rem; margin: auto; } .login > p { float: left; color: white; font-family: "Agency FB"; font-size: 25px; font-weight: bolder; margin: 15px 15px; } /*表单区域*/ .form { width: 80%; height: 90%; margin: 1.1rem auto; } .form .userAndPass { margin-bottom: 0.5rem; } /*验证码图片*/ .form #code_img { position: absolute; top: 4.31rem; width: 1.1rem; height: 0.5rem; border: 1px solid #7EDDB4; left: 10.63rem; cursor: pointer; background-color: #E6F9F2; ### 自学几个月前端，为什么感觉什么都没学到？？ ---------------------------------------------------------------------------------- 这种现象在很多的初学者和自学前端的同学中是比较的常见的。 因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。 最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。 很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。 这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。 但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。 **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)**  还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。 所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。