工程化
文章平均质量分 91
无
庞囧
主业是一个纯前端打字员,生活与工作的平衡点是我的追求。
展开
-
【工程化】关于npm使用上的问题记录积累,还记录一点node问题处理案例
我们搭建项目的时候,要注意node版本的问题,例如某个vue2项目在某台电脑上用node16的版本创建的,到其他电脑down下来的。查看系统所有的默认配置,比如全局模块安装路径,缓存路径,配置文件路径。文件,里面写上创建项目时的node版本号,然后下次其他电脑down下来的时候,只需要执行。这个字段拿到的内容总是和别人的不一样,卸载node重安装都没有用。比如我的找到Roaming这个文件,然后把这两个弄掉。再去试试你node出问题的步骤,可能会有奇迹哈哈。之前遇到过,node启动项总是报出问题,原创 2021-05-25 17:02:22 · 535 阅读 · 0 评论 -
【工程化】从一个刚入行的懵懂菜鸟到成为一个合格的中级前端,我总结了工作以来的公司开发的一些个人心得与思考,不定期补充~
经过职业道路上的开发实践,并结合后续的深入思考,我沉淀出了一些个人的心得体会。这些体会涵盖了多个维度,包括但不限于前端工程搭建与开发、项目流程、工作总结等方面。虽然这些记录可能并不完全客观,也不一定能全面代表整个行业的情况,但我相信一定有前端开发人员能够感同身受。未来,我会不定期地继续补充和完善这些内容。这个“链路”解释起来有点抽象,它可以是某件事、某个流程或者某个问题从起始到终点的过程(这是以前腾讯面试的时候,技术大佬给我提出的词)。这个过程可以分为好几个阶段、每个阶段涉及到不同的人和事。原创 2021-03-21 19:52:03 · 657 阅读 · 3 评论 -
【工程化】收集平时积累的一些性能优化措施,以及提示一些性能检测方案,还有分享我面试是怎么去回答这类问题的
平时在项目中如果遇到了一些性能优化的问题,在通过自己的专研解决了之后,再忙也要挤时间记录下,且要把对应的项目场景记录下来。因为这种经验是你真正硬实力的体现,并且面试都喜欢问这个问题。以下代码举例混合了vue和react,且不同层面的优化方法存在一些交集,归类到哪里其实不重要。原创 2022-11-19 11:51:08 · 375 阅读 · 0 评论 -
【工程化】千万不要忽视css编写方案的定制!选择好的编写方案越写越爽!!!
在我任职工作中,发现基本很多前端项目工程都会忽视css编写方案的定制。导致后续随着项目的研发,功能越来越复杂后,css的编写渐渐力不从心,出现交叉污染,难以维护,功能不好拓展等问题。这些应该都是在框架搭起来的时期就该考虑到的了,接下来我将结合我的工作经历和网上查阅的资源,总结一些心得,供参考。后续也会不断补充哦!原创 2021-03-20 12:18:27 · 136 阅读 · 0 评论 -
【工程化】前端开发阶段没有接口,如何模拟后端接口请求
在开发的过程中,会遇到后端文档出来了但接口没出来,或者是联调的时候接口有问题等待修复的时间比较久,那么前端的调试就有困难了。自己还是新手的时候遇到这些情况的应对措施是前端写死假数据,感觉有点傻哈哈,不灵活还有一定的风险。这里举例个人积累过的方案,希望能帮助到大家。原创 2021-03-15 22:18:48 · 3907 阅读 · 0 评论 -
【工程化】react工程起步工作,我是如何配置eslint、prettier、git提交钩子、环境区分的
由于使用ACR的方式创建react工程时,并不会像vue一样有每一步的安装提示,需要我们在创建工程后自己手动添加需要的基础库,例如我们今天要使用的eslint、prettier等。所以写个博客记录下如何添加。记得vscode该装的插件都要装上。【工程化】记录在vue工程中eslint、prettier等formatter以及git提交等规范的知识点。原创 2023-05-21 11:38:53 · 974 阅读 · 5 评论 -
【工程化】记录在vue工程中eslint、prettier等formatter以及git提交等规范的知识点
在多人开发项目中,因为每个工程师之间不仅存在着技术与经验的差别,还存在着自己习惯的书写方式,最终项目里呈现的代码就会风格各异。这个时候就需要一个强制的统一规范,让项目的代码样式看起来像一个人写的一样。幸运的是,在vue有几个解决此类问题的好工具。保证npm版本在7以上以最新的vue3.2脚手架为主。原创 2021-12-02 23:11:04 · 1529 阅读 · 0 评论 -
【工程化】微前端概念,赶紧学起来
文章目录前言微前端能解决什么npm方案未来更新待续前言现在越来越多的公司前端项目都在转微前端架构,特别是大型产品或项目。很多时候大型产品的业务可以拆分成模块,一个模块可以成为一个独立的工程,不同模块之间的拼接与通讯又可以构建成一个可交付的工程项目,每个模块也可以独立打包上线。注意:微前端的官网这样定义微前端概念:是一种技术策略和方法。不是一种具体的技术。所以,微前端的实现不受技术的限制。内部的模块开发也不受技术限制,比如你可以用vue、react、anguler等等。微前端能解决什么他的原创 2021-06-19 12:12:50 · 177 阅读 · 0 评论 -
【工程化】个人习惯的vscode开箱配置,例如快捷打开、用户片段、settings.json配置等等
win和mac明显不一样的地方会分开记录,如果差不多mac照着win的操作也是一样的。原创 2021-06-09 12:00:53 · 2970 阅读 · 2 评论 -
【工程化】工程中文件命名的个人习惯,仅供参考
我认为一个工程中的文件命名规范真的太重要了,好的命名规范能让整个工程目录结构清晰明了,不仅自己开发的时候看着舒服,而且还能改善后续加入人员的开发体验。其实现在创建一个初始化的vue工程时,官方就已经给出了规范示例,例如组件名称都大写开头,公共组件文件夹放在src下等。我们只需要在这基础上进行拓展即可。以下命名场景为vue工程,会不定期优化命名方式。原创 2021-05-13 10:29:59 · 809 阅读 · 2 评论 -
【工程化】icon图标的获取与使用
文章目录前言iconfonticonmoon前言icon图标的使用来源个人目前只知道雪碧图,实体字符和SVG。雪碧图虽然能节约请求的资源,但缺少可变化性(例如缩放模糊,颜色固定等),而且开发人员每次都需要通过定位获取相应的icon,极不方便。实体字符(iconfont)格式是SVG,使用方法和字体一样,但是只能是单色的。最好的SVG图标,没啥缺点,现在有些第三方组件库都迁移到SVG。个人之前使用过国外的iconmoon,觉得不好用,不推荐使用,所以使用方法放到最后记录。推荐使用阿里的iconf原创 2021-03-15 21:52:20 · 808 阅读 · 0 评论 -
【工程化】前端打字员对git的个人使用记录
文章目录概念安装终端工具分区拉取与推送分支管理远程仓库管理配置概念git是个版本管理软件,可与github、gitlab、gitee仓库平台连接,实现个人或多人协同工作。(码云网站底部有一些git学习的链接)。安装好像mac系统是自带的,win的话直接在网上下载安装程序,新手无脑点击下一步即可。如果官网下的慢,就去淘宝镜像下载(自行百度)。环境变量:经常有人问安装完后需不需设置环境变量。其实在安装的过程中有问是否自动设置环境变量的,当然也可以自己手动设定。环境变量的作用就是能让git在全局任意原创 2021-05-02 17:44:10 · 224 阅读 · 2 评论