个人实际开发心得感悟及学习方法

前言

我的学习路线应该和大多数人的学习路线差不多,快速的学习完html和css,很多东西都没有记住的情况下就进入了js的学习,js学的懵懵懂懂就进入了node.js的基础学习和webpack的了解式学习,然后就跨度到了vue和react框架的学习。

节奏很快,学习的基础也极其不扎实。正如同那句经典名言,会写vue就能上班了

等到工作之后,才开始磕磕绊绊的深入学习一些内容。

现在我认为,基础很重要。特别是js的基础知识,是后续进阶的所有基础。就好比你想当一名赛车手,你说你只会开车,不懂车的构造,那肯定是不行的。

如果你刚上班,每天curd,vue+element-ui式编程,可以理解。但是,这样的情况如果超过半年,工作技能稳定,那就需要好好的去重新学习一遍。

技术方面

html

大多情况下,我们是不需要写原生的html文件了,基本都是用现成的ui组件,但是还是需要去整体的了解一下html,就算不需要你从头到尾的去练习一遍,也得大概的去看一遍html的各种标签和作用。

比如html中iframe和input的所有类型,这些你至少需要去看一下,因为就算是element-ui或者antd等ui库,它们也都是在原始标签上封装的,很多方法都是原生标签上携带的方法。a标签有很多强大的功能,跳转,下载甚至电话拨号,想必好些人也是没了解过的。

总之,所有的标签都看一遍,还是有必要的。


css

玄学的东西。。。

开发业务,多多少少都得写css。但大多数人的重心也都不是放在css上面,基本上也就只用那些常用的属性。然后再面试前看看,圣杯双飞翼,垂直居中,cs3特性等面试题。甚至很多面试都不带问css的。

怎么说呢,我感觉css也是需要花一些时间去看的。至少很多属性,你都需要自己去尝试一下,里面很多属性其实我也记不住,其实也没必要死记硬背,浪费精力。

而且,实际开发时,调整样式很多时候都是打开开发者工具,在浏览器上直接调整属性和值,无疑是很方便的。

css还是需要去看一看和练一练的,至少开发中遇到比较纠结的,可以自己记录一下问题。


javascript

啥也不说了,js是所有的核心。

一定要认真地去学习一遍,如果你只是在b站上看了一些《js从入门到精通》等视频,那些是远远不够的。

js的学习一定要花时间,有耐心的去练一遍。遇到任何问题,都不要不懂装懂。

js基础中还是有很多经典面试题的,闭包,原型链,事件模型,class,promise等等,面试题无数,答案无数。你可以去背,但是更重要的是要自己去理解,一定要理解。

比如就拿闭包来说,很多人都知道函数嵌套函数,内部函数引用外部函数变量。但是很多人在开发过程中感觉自己也没碰到闭包啊,也用不到闭包思想。

不可否认,你要是只写curd,传统业务,确实用不到闭包思想。但是你但凡深入的学习一些东西,比如防抖节流,设计模式等等,你就不可避免的需要用到闭包了。

想学习好闭包,你就得学习好作用域链和函数本身的特性,如果你对作用域链和函数通透了,你对闭包的理解一定会更加通透的,那个时候你就不需要在每次面试前背八股文了,更重要的是,当你去学习设计模式或者学习一些源码的时候,你就不会因为闭包而头疼。

js是最重要的,要去看官方文档mdn ,或者买一些书籍,《你所不知道的javascript》 或者红宝书之类的。花大量精力去学习js本身,是绝对稳赚不赔的买卖。


nodejs

这个我就不多评价了,很多人也仅仅是用安装环境和使用npm的时候才会接触这个东西。

我个人是用express开发过服务端的,平时写一些demo,也都会自己去启动一些node服务。

学不学,看自己,可以不学的。


canvas

这个技术也是,学不学看自己。

但是如果你要深入可视化的方向,这个是必须要学习的。


webpack

webpack还是很有必要去学习的,就算你没有完整的学习一遍,你也应该在有机会的时候,去专门的学一学webpack基础。

如果你要独立负责一个工程,webpack方面的知识你绝对是需要去掌握的。不要说vite现在是新星,基于webpack构建的项目目前依然是最多的。

而且,最直接的来说,你要是面试高级开发,你要说你webpack只是处于最基本的学习过,那就没啥戏了。

还是要好好去看的,并且自己配置一套工程


vite

和webpack一样,卷吧,未来的主流构建工具


react

个人建议,还是要学一学的,当然,你也可以完全不学,不影响。

react算是手动挡汽车,比vue学习成本高一些,不过工资方面也是比vue会好一些。

要么不学,要么就认真系统的学习一遍。


vue

对于巨大多数前端码农,饭碗级别的东西。

一定要把vue官网以及官方的插件vuex,vue-router等学习一遍,一遍不行就几遍。

看视频,从github上拉优质项目去学习,总之,用尽所有方法,吃透vue,你工作的大部分问题都能解决了。

vue的源码也是需要学习滴,当然了,前提是你对js了解比较深入了,设计模式等知识也懂了,再开始,要么你就是一脸懵逼。

git

对于一些刚工作的人来说,git会是一种噩梦。

复杂的命令你不了解,但是最基本的你必须得会。你要是写不出业务代码,可以请教学习等等。

但是你要是git不会,唉,这就是原罪了。

菜,就是原罪。 -- 致敬git

开发注意

理解业务

拿到项目之后,你要去看看有没有项目的文档,或者让别人给你介绍一下业务。

不要感觉,啥业务对你来说不重要,你只是按照原型画页面,调接口,回显参数。这个项目是做什么的,每个模块是干啥的,使用群体是什么职业。一定要知道和了解,你可以不用过度深入了解里面的每一个名词代表什么。

比如这个项目是银行的项目,价值流,实体等等概念,你不懂,但是你也要大致去了解一下概念。

比如这个项目下一个阶段需要开发什么模块,这个模块需要一个可视化的流程图或者ide工具,你就需要提前了解到,然后去提前准备和调研,不要等需求砸到脑袋上了,你再去研究新技术,那就很被动了。

编码规范

很多项目应该都有一套自己的规范,变量命名,代码风格,注释规范,git提交规范等等,一定要养成好的习惯。

比如我以前开发中,有时候就会在各种地方输出console.log,完了也就提交上去了,虽然生产环境关闭了控制台输出,但是这终归不好。

写好注释,在关键点打印输出,组件拆分合理,变量命名规范,git提交commit说明准确。

都是很好的开发习惯,要坚持

注重优化

如果你工期很紧,优化可以放在其次。

但是每过一个阶段,还是需要把代码进行优化的。(!--大项目的教训)

原来有一个项目,最开始运行还挺快,就是因为多人开发,模块越来越多,小鸡仔养成了老母鸡,最后本地启动项目的时间都由不到20秒变成了2分钟左右。

后来还是花大力气进行优化,才让他压缩到40多秒。特别消耗精力和情绪的事情,还是要注重平时编码的优化。

少一些大文件,拆分公共方法,熟练掌握webpack等等,,,

注重自测

一定要注重自测,注重自测,注重自测。

技能前瞻

程序员最怕什么,答:对自己不会的东西不感兴趣。

一定要关注新技术,比如你一直感觉vue3+ts很麻烦,觉得自己目前没必要学。等你哪一天突然要换工作了,外面的项目都需要v3+ts,而你只会vue2+js,那你就很被动了。

深度是要有的,但是也要多少有一些广度,没办法,就是卷。

友好合作

和同事的友好合作,对于开发效率很重要。

谁都是从菜鸟经历过来的,你要是不会,赶紧就问,完成工作是第一。

也要学会感恩帮助过你的人,再不济,人家帮你解决一个问题,请他喝瓶饮料的钱总是有的吧。

善于总结

我想每个人都会遇到十分恶心,熬人的问题,记住,过了这关,一定要记住这个问题的解决方案\(^o^)

高手,就是从无数坑里爬出来的勇士。

如果遇到什么好用的第三方工具,插件,方法,记得要收纳起来。

积累多了,你就是技术的百事通。

结尾语

都是个人的一些心得,大佬不必看。

总之就一点,卷起来

用你打游戏和睡觉的时间去学习,你才能安心的打游戏和睡觉。

相关推荐
熊的猫37 分钟前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
瑶琴AI前端1 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
会发光的猪。1 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
我要洋人死2 小时前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人2 小时前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人2 小时前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR3 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香3 小时前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q2498596933 小时前
前端预览word、excel、ppt
前端·word·excel
小华同学ai3 小时前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书