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

简介: 其实我是一个纯血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,下下周再学其他的而不复习,等于没学。
相关文章
|
1月前
|
监控 前端开发 JavaScript
前端工程化和传统前端开发的区别是什么?
前端工程化相比传统前端开发,在开发模式、代码组织与管理、构建与部署流程、团队协作、性能优化以及技术选型等方面都有了显著的改进和提升,能够更好地应对现代前端应用开发的复杂性和高要求。
|
4月前
|
前端开发 JavaScript API
解锁高效应用构建:Vuex与后端交互的前端状态同步策略,让数据流动如行云流水,紧跟前端开发的热点趋势
【8月更文挑战第27天】本文深入探讨了Vue框架下的前端状态管理库Vuex与后端服务交互时的状态同步策略。通过剖析Vuex的核心机制——状态(State)、变异(Mutation)、动作(Action)及模块(Module),文章展示了如何优雅地将后端数据加载并更新至前端状态中。特别地,借助示例代码解释了Action处理API调用、Mutation更新状态的过程,并介绍了如何通过模块化和命名空间提高状态管理的准确性和时效性。此外,还讨论了组件如何利用`mapState`和`mapActions`简化状态访问与操作的方法。遵循这些策略,开发者可以在构建复杂应用时显著提升性能与用户体验。
58 0
|
4月前
|
前端开发 UED
中后台前端开发问题之中后台前端开发中的复杂交互问题如何解决
中后台前端开发问题之中后台前端开发中的复杂交互问题如何解决
41 0
|
1月前
|
前端开发 JavaScript 开发者
前端小白逆袭记:从零开始,如何快速掌握前端开发精髓?
本文从一个前端小白的视角,分享了快速掌握前端开发核心技能的逆袭之路。通过学习HTML、CSS和JavaScript,逐步接触前端框架如Bootstrap、Vue.js和React,克服挑战,最终实现从入门到精通的蜕变。
31 4
|
3月前
|
缓存 人工智能 前端开发
前端技术博客:探索现代前端开发的奥秘
前端技术博客:探索现代前端开发的奥秘
44 11
|
4月前
|
前端开发 持续交付 开发者
探索现代前端开发中的微前端架构
微前端架构作为一种新兴的前端开发模式,旨在解决传统单体前端应用在可维护性和可扩展性方面的挑战。本文将深入探讨微前端的基本概念、实施方式以及其在提升团队协作效率和应用灵活性方面的优势。同时,我们还将探讨微前端架构的实现细节和常见的技术选型,以帮助开发者在实际项目中成功应用这一理念。
|
6月前
|
前端开发 UED
前端开发新趋势:响应式设计与微前端架构的崛起
【6月更文挑战第26天】响应式设计适应多设备需求,通过弹性布局和媒体查询确保跨平台优化体验。微前端架构则将复杂应用拆分成独立模块,实现独立开发部署,增强技术栈灵活性和系统容错性,两者共同推动前端开发效率与用户体验提升。
|
6月前
|
前端开发 JavaScript 测试技术
web前端语言框架:探索现代前端开发的核心架构
web前端语言框架:探索现代前端开发的核心架构
96 4
|
2月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
192 2
|
2月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
56 0