我想谈一谈我的前端学习

最新推荐文章于 2024-07-04 16:37:43 发布
最新推荐文章于 2024-07-04 16:37:43 发布
阅读量141 收藏
点赞数
文章标签： 前端 学习 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62643012/article/details/131036712
版权

我想谈一谈我的前端学习

文章目录

1. 写此片文章动机

晚上准备清理以下电脑桌面，看见前端学习的文件夹，还是不忍心直接丢进回收站，仅以此文纪念我所学习的过程。

2. 学习动机

考研失败后，开始好好准备学习一个可以吃饭的手艺，作为计算机专业的学生，我的技术虽然不太行，但是还是不想放弃计算机这碗饭。

刚刚开始学的是Java，Java学了一周左右的时间，总感觉缺少点什么，没有很好的拿起兴趣。这时候在兴趣和硬学直接徘徊，对前端还是稍微有点兴趣，Java就是硬学了。思索再三还是选择了前端。

3. 学习路线

开始学习的时候，我找了各种学习路线，什么技术该学，什么技术不该学，我都进行了参考。我知道自己是时间紧，任务重，争取在春招中找到一个前端的工作。

整理的学习路线罗列如下：
有一个路线还是看一个是视频自己大致做的笔记：

  • 1.Html +Css+JS（难）
    web api （Dom） 学会的标准：随便打开的网页，可以做出来

  • 2 框架：jQuery+Bootstrap （了解）+移动端开发
    以上针对的是网页

  • 3.mongodb MySQL nodejs（重点）
    mongos 连接网页数据库服务器

  • 4.webpack 打包工具 以上是MPA 多页面

  • 5 新的框架： 埃格拉 瑞埃克特 vue（重点） —解决SPA

  • 6.微信小程序开发 +Git 的应用

第一阶段
HTML CSS JavaScript
Web API(DOM)

第二阶段
jQuery(简单了解这个就行，应用不太广泛)
Bootstrap（响应式页面，应用不太广泛，简单了解这个就行）
移动端开发（重要）

第三阶段
mongoDB(数据库，简单了解一下原理，前端必须要学的数据库)
mongoose(一个框架，把mongoDB和node.js连起来)
node.js(了解一下，非常重要，用js写服务器)
KOA 、 Express(node.js服务器框架、把页面连起来)
webpack（打包工具，非常重要，简单）

第四阶段
三个单页面框架 （推荐都要学）
Angular.js 谷歌 （市场小）
react.js facebook （建议学习）
VUE.js 中国的 （重要）

第五阶段
微信公众号和微信小程序（副业）

第六阶段
git(代码管理工具)三个架构
HTML CSS JavaScript Web API(DOM) jQuery Bootstrap 移动端开发 页面架构
mongoDB mongoose 数据库架构
node.js 服务器架构
webpack
以上技术，传统的是 MPA 多页面应用现在主流使用SPA(单页面应用)，使用react或vue

以下的学习路线摘自网上：
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4. 学习过程

确定好学习路线之后，着手开始具体的实施。关于学习课程的资源是找的某培训机构的内部视屏，花了一点小小的money。报的想法就是，这内部的视频，即使不能学到十分，学到六七分找到一个工作应该还是可以的。

关于学习的那个阶段，不受外界的打扰，就是学习，每天可以从早学到晚，整理笔记，写代码，我的同学们说，那段时间我都有点走火入魔。

每天的学习记录如下：这个记录实在是不想直接删掉：

第一套视频 html+css

日期内容
2023年1月26日 I HTML基础 (半天)
2023年1月27日CSS进阶 选择器 Emmett 背景 显示模式
2023年1月28日盒子模型 浮动
2023年1月29日学成在线项目 定位
2023年1月30日CSS装饰 前端认知 小鲜兔项目header以上
2023年1月31日小鲜兔项目完成

第二套视频 移动web

日期内容
2023年2月1日3D转换 动画 弹性盒子
2023年2月2日小兔鲜移动端与PC开发(练习flex盒子)
2023年2月3日移动适配 rem less m-bilibili项目
2023年2月4日响应式布局

**第三套视频

日期内容
2023年2月5日复习第一套第二套视频(半天)
2023年2月6日JS基础 常量 变量 运算符 循环
2023年2月7日for循环 数组 函数
2023年2月8日对象类型 基础总结 练习题实战
2023年2月09日webAPI DOM基础了解
2023年2月10日定时器 banner 定时器自动播放案例
2023年2月11日事件监听 事件类型 事件对象 综合案例 tab联动导航
2023年2月12日休息一日
2023年2月13日事件流 事件委托 其他事件 元素的尺寸与位置 综合案例—电梯导航
2023年2月14日日期对象 节点操作 M端事件 JS插件（swiper） 综合案例----学生信息表
2023年2月15日window对象 本地存贮 综合案例—学生信息表 使用map与本地存储
2023年2月16日正则表达式 小兔鲜综合案例–页面存储信息的跳转
2023年2月17日小兔鲜美项目–鼠标刷入放大镜效果
2023年2月18日休息一日(灯塔图书馆)
2023年2月18日复习webAIP笔记 完成鼠标移入放大镜效果 编写web移动markdown笔记
2023年2月19日复习知识点
2023年2月20日休息一日
2023年2月21日开始返校
2023年2月22日返校途中
2023年2月23日js高级 闭包 作用域
2023年2月24日函数高级 箭头函数 解构赋值 深入对象 内置构造函数
2023年2月25日项目 商品数据渲染 毕设周报
2023年2月26日—jQuery 开始学习 毕设周报
2023年2月27日jQuery 操作html css 文档处理 筛选 经典案例
2023年2月28日DOM事件处理 动画 遍历Jquery对象 练习案例
2023年2月28日– PHP 超文本处理器
2023年3月01日–MySQL数据库 前后端登录注册页面联动 json 初步了解
2023年3月02日–Ajax 异步处理 get/post 传递参数 对json数据处理 案例-快递单号查询
2023年3月03日ajax封装 跨域处理
2023年3月04日–本地存贮 cookie JavaScript 高级第三天-构造函数 原型
2023年3月05日JavaScript高级第四天
2023年3月06日JavaScript高级第四天 招聘会
2023年3月07日–Vue指令第一天
2023年3月08日Vue基础组件
2023年3月10日Vue组件基础-组件-插槽-生命周期
2023年3月12日Vue高级组件
2023年3月12日Vue路由
2023年3月13日Vue路由实现登录 axios
2023年3月14日Vue后台数据请求，实现真是数据页面渲染
2023年3月15日Echart地图使用
2023年3月16日Vuex
2023年3月17日穷游网项目
2023年3月18日穷游网项目
2023年3月19日穷游网项目
2023年3月20日穷游项目完结-----回顾项目
2023年3月21日易购项目基础部署
2023年3月22日易购项目
2023年3月23日易购项目
2023年3月24日Vue3新特性
2023年3月25日招聘会 Vue3新特性
2023年3月26日易购后台管理系统
2023年3月27日易购后台管理系统
2023年3月28日易购后台管理系统
2023年3月29日易购后台管理系统
2023年3月30日易购后台管理系统
2023年3月30日易购后台管理系统
2023年4月01日-Git使用、优化简历
2023年4月02日海投、复习
2023年4月03日海投、复习
……海投

5. 投递简历

投了很多，面试的机会寥寥无几。
在这里插入图片描述
在这里插入图片描述
这在之后依旧是投了，前者没有一个正向的结果导向，使得后续的记录没了意义，后续便不在记录。

6 转向

  • 前端学习投递的结果并不是很理想，眼瞅着马上春招就结束了，毕业的日子越来越近，想到一毕业就失业这个情况还是有点后怕。

  • 我开始投递国企和央企，虽然和前端的岗位有失偏颇，但是计算机专业是一个敲门砖，有了计算机专业和四级的成绩，基本的国企央企的门槛是达到了。

  • 国企的投递并不是很顺利，投了好几个还是没有回复，相较于前端，我把更多的经历放在国企和央企上面，有的收到了笔试的机会，对于到手的机会，我格外的珍惜。

  • 在四月末，某一个央企通知去沈阳面试，对于这个来之不易的机会，欢喜中带着忧郁。欢喜的是，终于收到了一个面试的机会；忧郁的是，和我一起竞争的还有研究生，此去，不知道能够有结果。

  • 但是，我还是去了，东平西凑借了一身正装，赴沈阳。

  • 我记得很清楚，出发去沈阳的早上，我所在的城市下雪了，我穿的稍微厚点，还是感到寒风刺骨。达到沈阳的晚上，堵车很严重，天色渐黑，狂风大雨，打着伞，拉着行李箱，前往住处。风很大，掀翻了伞，雨很大，浸试了鞋。到达住处，名宿老板换了房间，不太满意，退房重新找。到达新的住处时间挺晚，我爸期间问了到了没到，我说早到了，已经吃饱了。然而真是的情况是，不仅没到，而且还很饿。

  • 第二天面试比较顺利，双方都比较满意。

  • 面试回来过来几天，再次安排线上面试，公式结束后，我被拟录取了。

7 微感言

关于学习

  • 如果现在问我没有从事前端行业后遗憾不？我的回答多少是有遗憾的。学了几年的计算机专业，最后的工作确实不是最贴合的，多少还是有点遗憾。但是不并不后悔，我也是尝试了，我没有一开始就选项放弃，一开始就放弃自己的计算机梦想。
  • 学习技术的掌握还是不太精，导致有零星几个机会摆在眼前时，却没有抓住。
  • 别人培训班六个月的课程我，我我想的是四个月拿下，吃的太多，消化的不太及时。

关于就业

  • 不知道今年是不是今年疫情放开的缘故，我所看到的就业形式还是比较严峻的。某个国企，青海的某岗位，资格通过五百多人，招聘两人。陕西莫国企，进面一百多人，招聘一人。
  • 每每看见这些数据，我窃喜我找到了工作，同时稍微略带伤感，哪个同学的背后不是一个家庭，他们的家长那个不希望自己的孩子在读完大学之后有一个好的归宿。

关于其他

  • 学弟学妹们如果想吃互联网这碗饭，就好好学技术，一口吃一个胖子不太现实。关于我学习的各种资源，如果有需要可以私信，我看到一定回复，看到可能不太及时。
  • 关于国企央企，四六级基本功，一定拿下。有时间就看看笔试题，很有用。

8 总结

路漫漫其修远矣,吾将上下而求索！

TreeShaking
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
谈一谈我对前端的学习路线及方法的一些心得
孙叫兽的博客
09-12 3960
到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。 首先是前端的基础知识,常常有一些工作多年的工程师,在看到一些我认为很基础的JavaScript语法的时候,还会惊呼“居然可以这样”。是的,基础知识的欠缺会让你束手束脚更限制你解决问题的思路。 其次,技术上存在短板,就会导致前端开发者的上升通道不甚顺畅。特别是一些小公司的...
浅谈一下前端单元测试
m0_63588797的博客
03-22 3640
单元测试
适合普通大学生的前端开发学习路线
热门推荐
帅地
04-12 4万+
大家好，我是帅地。 假如你没有明确的目标，或许可以按照我说的学习路线来学习一波，我写的每一份学习路线，不会很全面，因为我认为，东西列的太多，反而不利于新手的学习，所以我列举的，都是比较必要的知识，当你把这些知识学了的时候，我相信你不需要别人的学习路线，也能知道自己接下来需要学啥了。 虽然帅地的技术栈是后端开发，不过后端和前端显然是一对的，还是经常要和前端打交道，所以在之前也学习过不少前端的知识，下面总结的这套前端学习路线，是我参考了别人大量的学习经历 + 自己的思考 + 咨询前端大佬后提取出来的，可能不会像
浅谈web前端理解一(前端学习路线)
zhiqingxue的博客
11-10 2208
提到学习web前端，在外行人或者初学者的眼里，应该是绚丽的画面，精彩的布局，或者各种UI以及依据前端开发出来的小游戏。但经过一段时间的学习，你会发现其实本质上是一种搬砖经验的积累，以及布局框架的积累。 简单来说: web前端分为html，css，javascript三个模块。 将最终的前端网页比喻成一个建筑的话 html——>建筑材料(接地气一点就是砖头，水泥) css——>装饰（装饰建筑材料，以及给建筑材料合理布局。） javasrcipt——>智能响应系统(建筑里安装的设施，例如电梯，
浅谈微前端
知所云
11-23 2289
前言：之前公司开发一个系统，由多个不同功能的小项目组合成一个比较大的系统，当时考虑直接一个系统开发，但是发现小的项目可以在其他系统中使用，于是想到使用微前端进行项目开发，将不同功能的小项目进行独立开发，然后通过门户进行系统合并，这样的话后期其他项目需要用到这些小项目的系统时，可以直接拿过来进行使用，所以当时采用了single-spa进行开发的，前面也有说single-spa的使用，那么现在我聊聊微前端 什么是微前端 1、它于2016年首次出现，将后端的微服务的概念扩展到前端世界 2、微服务：微服务是面向服务
前端菜鸟浅谈Web前端开发技术
xuezhangmen的博客
06-15 2684
Web前端开发技术按照过程遵循了由容易到困难，这就请求Web前端开发工作技术员方面要熟练学习基础的Web开发技术，关于网站性能的美化、SEO以及基础的关于服务器端方面的知识；另一方面还对开发人员有具体要求，比如能够熟练且灵敏的使用各类工具，辅助开发。 与此同时，要掌握相关知识基础理论，其中具有代表性的包括了：代码的可维护性，分层语义模板、组件的易用性等，前端开发技术涵盖了Javascript, CSS等传统的技术和Adobe RIA, Google Gears,概念性比较强的交互式设计以及含有浓厚的艺术色彩
个人前端面试经验略谈
王三六博客
04-28 4891
一、面试前期准备 面试需求多面几家公司，找找面试感觉，让自己进入这个状态，不需求可以去背面试题，是个一边面试，一边总结，一边学习，面试完要把面试的题回来搞懂。面试过程中要学会链式回答，尽量避免冷场，如果碰到不会，果断说不是太了解，说个感觉类似的知识点说有点了解，不要在不知道的问题上耽误面试时间，在这个短暂的时间中更多体现你会的。一般面试问题几乎都是看的你简历来问的，首先就是要把自...
浅谈前端开发必备知识点及未来发展方向
On the way
04-14 3208
文章目录一、关于前端二、前端技术路线1.基础掌握2.进阶能力3.前端框架4.前端工程化5.技术加持6.全栈开发三、前端开发工具1.WebStorm2.Vscode3.Sublime三、前端发展方向1.web开发2.游戏开发3.多屏多端开发 一、关于前端 很多人总是以为前端人员就是写写页面这么简单，其实不是这样的，现代的前端岗位是一个综合素质要求很高的行业。 首先，作为前端程序员，不仅要掌握开发语言、数据结构、算法等编程素养，现在的前端应用场景复杂程度非常高，这就要求我们必须向后端程序员那样，具备很高的软件
浅谈前端八大UI库
LGD_Sunday的专栏
05-25 4万+
之前在3月份的时候做过一个《浅谈前端八大UI库》的公开课，反馈还不错，当时就想着等有时间了，就把公开课讲的东西，组织成一个博客。这一等，就等了两个多月。 先说一下什么样的同学适合看这个博客。 如果 - 你急需一个高品质的 UI 库 如果 - 你不知道如何为你的项目设计 UI 如果 - 你不知道如何为你的项目选择UI库 如果 - 你对于前端UI库的散乱感到无所适从 如果 - 你希望在前端长期发展，并且目前处于初级的瓶颈 那么这篇博客应该都可以帮助到你。 但是，本博客不会讲授 UI库 的具体使用，因为如果
零基础学前端系列教程 | 和前端谈恋爱的第004天——打扮漂亮
朝阳39的博客
02-08 3525
恭迎前端化妆神器——【CSS】 ，闪亮登场！
个人的中小型项目前端架构浅谈
02-20
鉴于作者本人的能力有限（非常有限），并且依然在学习中，因此本文的高度和深度必然有所欠缺。欢迎（并且非常欢迎）大家来批评指正，如果能详细的说明问题在哪里，如何解决和改正，那么就太感谢了！！！我最喜欢听...
浅谈前端开发中容易被忽略CSS特性
12-10
CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑 大小写不敏感 虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的 .test{ background-...
WEB标准,Web前端工程师定位浅谈
12-10
先给前端工程师的工作下个一句话定义：运用前端技术，实现体验的良好传达。如果在前面加上Web，那么是针对Web这个领域的，主要是互联网，也可以将移动通信网络和其他传媒网络（比如IPTV）包含在内，因为其理念是一致...
9前端大厂面试HR 面：谈钱不伤感情.md
03-31
「检验一个人是否掌握一个专业知识，看他能不能把专业知识通俗易懂地对一个外行讲明白」。在面对 HR 询问项目或者技术点的细节时，你应该尽量通俗易懂地将知识点讲明白。怎样做到通俗易懂？笔者建议多作类比，跟生活...
Vuex 核心揭秘：打造高效前端状态库
a3098448071的博客
07-03 1101
状态（State）类似于 Vue 组件的data属性，用于存储组件的响应式数据。在 Vuex 中，state用于存储整个应用的全局状态。Getters类似于 Vue 组件的computed计算属性，它们用于从其他数据派生出新的数据。在 Vuex 中，getters用于从state中派生出一些状态，这些状态可以根据state的变化而缓存或重新计算。Mutations类似于 Vue 组件的methods中的方法，用于改变组件的data。在 Vuex 中，mutations用于改变state。
WHAT - NextJS 的路由系统和 react-router-dom
最新发布
weixin_58540586的博客
07-04 898
不，Next.js 的路由系统并不基于。Next.js 本身内置了自己的路由系统，并且在其生命周期和工作方式上与有所不同。
【vueUse库Component模块各函数简介及使用方法--上篇】
xiejunlan的博客
07-02 1398
vueUseComponent函数理解 `computedInject` 的概念模拟 `computedInject`使用场景总结构想`createReusableTemplate`的用途可能的实现方式方法一：使用高阶组件（HOC）方法二：使用插槽（Slots）和默认插槽内容结论构想`createTemplatePromise`的用途可能的实现方式使用Vue 3的异步组件构想中的`createTemplatePromise`结论使用Vue的`ref`属性在模板中引用元素或组件示例：引用模板中的DOM元素。
Vue前端打包
weixin_63680330的博客
07-04 293
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
JWT（JSON Web Token）
Casual_Lei的博客
07-03 1294
JWT 提供了一种简洁而强大的方式来进行身份验证和授权，特别适用于分布式系统和微服务架构。Spring Security 通过其强大的扩展机制，使得与 JWT 的集成变得非常简单和高效。通过了解和应用这些技术，开发者可以构建出安全、可靠的现代 Web 应用。
我想写一篇前端实习日志
03-09
前端实习日志是一篇记录你在前端实习期间所学到的知识和经验的文章。你可以从实习的第一天开始，记录你所做的项目、遇到的问题、解决问题的方法、学习到的新技能等等。这样不仅可以帮助你巩固所学的知识，还可以在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值