前端学习记录与感悟
前端的学习记录和一些碎碎念
很多学习时的源文件在我github repo里面mtedium/front_end_start
前面的记录暂时不想写，懒，慢慢补吧
2025.11.25
今天学了JS的数组和方法，函数，对象，math对象和方法以及data对象和方法。
JS数组，对象，和C/C++，Python都大差不差，所以说有了别的语言基础来学一门新的编程语言，真的是触类旁通。和别的语言相似的部分我不想要花很长时间，用不到的占多数，用到的时候去查就行，常用的会随着不断使用自然记住。学js是为了做出东西来，不是为了背下来。工科学生就要不断实践，看书看资料这类理论的东西，永远不会等到你书翻烂了，再开始实践的，要在实践的过程中慢慢的把书翻烂。把重心放在后面关于dom的部分最重要！！！
目前在学ES5的部分等学完了会去跟进ES6的
2025.11.26
js es5的到一段落了，开始纠结到底是做项目还是继续学dom和es6。我知道知道自己为什么纠结，因为长期的没有对外的产出使得有点动力不足。只能感叹很多时候就是没有正反馈的，还是动起来吧，选择哪个都可以，反正基本功还不扎实，有的要练习的。可能我现在的学习路线确实不是满分的，甚至也有可能及格分也没有，但是这不意味着我不可以走，我现在在探索期，要允许自己碰壁，但不能长期出现不去学在找资料的情况，还是要以实践为主吧，相信量变会引起质变。虽然没啥底气，但还是再坚持以下吧。
2025.11.27
今天还是感觉，慢就是快，还是要多练习，不是赶进度。
因为我发现即便是学会了html+css+最基础的js我无法进行创作和较为流畅地完成设计稿（就是做不出来东西的意思）。网上搜了搜别人的学习感想，我发现很多人在新手阶段遇到的问题都差不多，解决方法就是多敲，一开始可以模仿，后面去完成设计稿，慢慢地就能设计并独立完成了，所以我现差的就在练习上。我总想着赶进度就是因为现在的行业真的不乐观，而且我想寒假去实习（现在大二上），感觉还是负面信息听多了，变的浮躁了，然后逐渐就不把重心放在实践上了，所以我要及时回头。
今天开始了小米商城的复现项目的网课（和上面那个是配套的），我准备跟敲一遍，遇到问题的时候就记录下来，问问ai，查查资料。
2025.11.30
前面休息了几天，这几天接着小米商城。
具体的github上有commit记录，这个教程的小米商城好像只有纯html+css，不过不要紧，先开始练手也好的
参考文章：
CSS绝对定位（absolute）、相对定位（relative）方法（详解）_position: relative-CSDN博客
十分钟搞懂CSS属性border相交画三角形的原理及规律_border为什么可以做成三角-CSDN博客
2025.12.2
今天仍旧在做小米商城，还有就是接手学长的项目有段时间了，但是一直没去看，今天搞了个账号去调试了下Google的AI IDE，Antigravity。 让AI分析了下文件夹目录等，因为目前还没学Vue，所以不敢下手改，不过也快了，等我做完小米商城就去学完ES6，之后马上去入门vue，感觉得有段时间，有点小高估自己了。
代码是手工活啊，还是要多敲，虽然我现在是跟敲，但依旧有比较多的收获。以前我总以为手抄代码没啥用，现在有所改观。人类学习一个东西都是从模仿开始的，加油把💪。
2025.12.3
CSS box-sizing: border-box：现代 Web 布局的基石-CSDN博客
2025.12.8
今天把小米商城完成了
transition 必须定义在元素的默认（非 hover）状态中，而不是 hover 状态中。
CSS 的 transition 属性是用来声明“当某些属性发生变化时，如何过渡”。它本身不触发动画，只是定义动画规则。
- 当你把
transition写在.video-box>div（即默认状态）里，浏览器就知道：“一旦这个元素的任何可过渡属性（比如 transform、box-shadow 等）发生变化，就用 0.2 秒线性地过渡”。 - 如果你把
transition写在:hover里，那只有鼠标移上去之后才“开始监听过渡”，但此时属性已经瞬间变了，所以进入 hover 时没有动画；而当你移开鼠标时，因为默认状态没有transition，离开时也不会有动画。
总结：
transition 要写在元素的初始状态（非 hover）中，才能让 hover 进入和离开时都触发动画效果。
它不是“动画本身”，而是“动画的说明书”。
CSS transition 小技巧！如何保留 hover 的状态？ - 前端侦探 - SegmentFault 思否
CSS transition 属性在 :hover 动画中的正确应用-html教程-PHP中文网
2025.12.10
前一阵正好感冒，休息了几天，现在把小米商城完成后，是准备打算继续把网课的内容（es6和dom）继续看下去的，但是多少感觉有点枯燥和没动力，所以我在想接下来到底是咬牙坚持下去，还是换点内容甚至是换个学习方式。
之前有试过项目驱动学习的方式，可是当时我感觉这种学习方法有点痛苦，而且学到的东西都是零零散散的，没啥系统性。但是真系统性学习就会像我现在一样间歇性的陷入不想学习的这种情绪当中，我以前反思过原因，就是系统学，虽说学到的全，有大局意识，但也是不够深入的，因为计算机这种实践学科光是看理论和脱离实际需求的练习总是不够的，同时很多的内容是冗余的生成时很少会用到。
总结下就是，边做边学，用什么学什么，保证学的肯定实用性很强，代价是没有深度，碎片化；系统学，知识框架能建立，但是缺乏实践，即便有深度，但因为没有实际的需求没法完全理解；
所以还是要集体情况具体分析，今后打算先试试看把两者结合一下。学的进去的时候，就系统学；学不进去，就以先把东西做出来为主要目的去学习；关于看大部头的书，还是有基础的了解后想要深入再去细看，否则当字典为主。先这样试试看吧，实在不行在修改方法。
我很相信马克思主义，一切肯定要基于实践，光空想是没啥用的。人的认识也一定是螺旋上升的，是从认识到实践到再认识的过程。相信量变到质变的必然。
