野路子前端开发--《前端那些事》

简介: 其实我是一个纯血Java开发,强行被拽上前端的车。为什么呢?因为老板说不管前端、还是中端亦或是后端,都可以学。就像你说你学软件的,我看你修起来公司的电脑也是蛮六六的。这里建议大家在公司不要说自己会修电脑或是装系统,不然后面有这些事情就想起你来了。不过,前端学起来蛮有意思的,就是更新的太快了。

引言

其实我是一个纯血 Java 开发,强行被拽上前端的车。为什么呢?
因为老板说不管前端、还是中端亦或是后端,都可以学。
就像你说你学软件的,我看你修起来公司的电脑也是蛮六六的。
这里建议大家在公司不要说自己会修电脑或是装系统,不然后面有这些事情就想起你来了。
不过,前端学起来蛮有意思的,就是更新的太快了。

新手村

  1. 当年在创业型公司,要前后端都着手去做。那时候的前端还是 jsp,一通声明 JQueryBootstrap 等,就开始写了。写完好大一堆,甚至里面还放一些 Java 代码,这个是支持的。这些代码后面再也不想去看了。
  2. 然后期间写了很长一段时间,基本上页面的元素都是通过 document 去操作。写了一年多以后,知道了一个东西叫做 AngularJs,可以双向绑定。很开心了,因为 jsp 那个东西只能获取键盘上输入了什么然后拼接进行赋值。
  3. 然后在这个前端知识海洋里一直狗刨式游啊游,开始去学一些骚东西。组件像幻灯片一样的特效飞来飞去,图片轮播定时器等,现在基本忘完。所以现在的封装好的框架,用起来很机械式的操作,不知道会不会以后把程序员变成简单的配置工人。

稍微入门

  1. 再后来,我就开始学习 Vue 了。跟着教程视频去看了 Vue2.x 版本的,学习以后就开始用。基本上也写完整个模块。现在也是忘个七七八八。依稀记得createdmountedwatch等。没有系统的去学习前端是因为,项目紧,任务重。不得不学一点东西,能看懂这些组件是干嘛的,就用上开始往代码里灌屎了。
  2. 截止目前,2021 年 8 月 15 日,一直在用 Vue3.x 的版本,也用上了Typescript。现在对待学习很浮躁,学一会总想打开 QQ 或者微信水一会,找人唠一会。这也直接导致,我又一次没有系统的去学习前端的知识。但是我个人的建议是,去看看企业招聘前端需要的技能点去学习,而不是去看一下大佬发的学习路线。
  3. 大佬们发的学习路线基本上都是从 JQuery 开始的,你时间不够的。有点基础还是建议拿项目直接上手撸,例如撸一个增删改查带业务的软件,用上现成的框架。
  4. 现有框架:

现有框架在 GitHub 上开源的模板:

image.png

类似这种开源项目模板还有很多,直接在 Github 的搜索中输入你想用的前端框架就能搜索到

目前在用的模板

vue-vben-admin

示例图片:

image.png

比着照葫芦画瓢基本也写完一个系统,如下:

总结

  • 建议直接上手撸项目
  • 遇到组件或者模块不会的,百度或者 Google 下。简单学一下组件,不要浪费太多时间。组件之间关联很多,简单看一下就好,还是不要浪费太多时间。因为我们能高度集中精力学习的时间太少了。
  • 我没有去系统学习过,因此在系统学习的道路上,没有很好的建议。系统学习的时候,一定要打好笔记,因为真的真的太容易忘了。你这周学完了 promise,下周学完 emit,下下周再学其他的而不复习,等于没学。
相关文章
|
9天前
|
前端开发 UED
前端开发新趋势:响应式设计与微前端架构的崛起
【6月更文挑战第26天】响应式设计适应多设备需求,通过弹性布局和媒体查询确保跨平台优化体验。微前端架构则将复杂应用拆分成独立模块,实现独立开发部署,增强技术栈灵活性和系统容错性,两者共同推动前端开发效率与用户体验提升。
|
22天前
|
前端开发 JavaScript 测试技术
web前端语言框架:探索现代前端开发的核心架构
web前端语言框架:探索现代前端开发的核心架构
23 4
|
2月前
|
前端开发 算法 搜索推荐
Web前端开发之面试题全解析 一(1),2024年最新前端组件化面试
Web前端开发之面试题全解析 一(1),2024年最新前端组件化面试
|
2月前
|
前端开发 JavaScript Windows
前端利器SASS之入门篇,前端开发你需要了解的那些事
前端利器SASS之入门篇,前端开发你需要了解的那些事
|
2月前
|
移动开发 前端开发 UED
【专栏:HTML与CSS前端技术趋势篇】渐进式增强与优雅降级在前端开发中的实践
【4月更文挑战第30天】前端开发中的渐进式增强和优雅降级是确保跨浏览器、跨设备良好用户体验的关键策略。渐进式增强是从基础功能开始,逐步增加高级特性,保证所有用户能访问基本内容;而优雅降级则是从完整版本出发,向下兼容,确保低版本浏览器仍能使用基本功能。实践中,遵循HTML5/CSS3规范,使用流式布局和响应式设计,检测浏览器特性,并提供备选方案,都是实现这两种策略的有效方法。选择合适策略优化网站,提升用户体验。
|
2月前
|
XML 前端开发 JavaScript
前端CSS样式零基础教学总结,UI、前端开发都适用
前端CSS样式零基础教学总结,UI、前端开发都适用
|
2月前
|
移动开发 前端开发 JavaScript
Web前端开发之面试题全解析 一(3),前端面试题背不下来怎么办
Web前端开发之面试题全解析 一(3),前端面试题背不下来怎么办
|
8天前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
|
8天前
|
前端开发 安全 NoSQL
技术笔记:Security前端页面配置
技术笔记:Security前端页面配置
|
1月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
32 2