V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
xxl123456
V2EX  ›  程序员

前端平时该练什么才能提升技术?

  •  2
     
  •   xxl123456 · 2023-05-26 15:41:59 +08:00 · 2915 次点击
    这是一个创建于 572 天前的主题,其中的信息可能已经有所发展或是发生改变。
    14 条回复    2023-05-27 18:50:55 +08:00
    blackvv666
        1
    blackvv666  
       2023-05-26 15:47:06 +08:00
    撸撸杯
    c3de3f21
        2
    c3de3f21  
       2023-05-26 15:49:32 +08:00   ❤️ 3
    - rxjs ,数据处理
    - b/s 中的 b 比如 performance, navigator 对象和各种 linstener 等等
    - 动画,GL ,图表等等
    Jammar
        3
    Jammar  
       2023-05-26 15:53:48 +08:00
    提肛
    c3de3f21
        4
    c3de3f21  
       2023-05-26 15:55:31 +08:00
    加一些些许的后端就需要 一些打包和编译相关的东西,这里编译也不是说强编译,只是代码转换
    - sass,less -> css
    - 常用打包框架,rollup,webpack,vite
    - 如何使用 js/ts 代码调用打包函数进行打包(因为涉及到 ci 或者发布第三方包,所以需要如此)
    - 垫片儿 js ,zonejs ,为什么 ()=> 要转成 function(){}


    至于 A/R/V 这种前台框架或者 Ant/Ele/有赞 和各种组件库,加上后端的 KOA,Express 没必要硬学,用的时候就会了。
    MenghanStone
        5
    MenghanStone  
       2023-05-26 16:12:41 +08:00
    @c3de3f21 #4 为什么 ()=> 要转成 function(){} 请问这个的原因是什么?求教一下
    mascteen
        6
    mascteen  
       2023-05-26 16:18:10 +08:00 via Android
    @MenghanStone 方便函数式编程吧
    yunyuyuan
        7
    yunyuyuan  
       2023-05-26 16:19:17 +08:00
    @MenghanStone 应该是为了更广的兼容性
    c3de3f21
        8
    c3de3f21  
       2023-05-26 16:26:35 +08:00
    @MenghanStone 打个代码转换的比方打个比方。。。。。。不是实际代码
    比如下面这个例子,可能写的不对但意思大概是这样,通过 babel 也好其他方式也好进行一个代码转换

    const a = (callback:()=>void):void =>{ callback();}

    var a = function(callback){callback()}
    624144061
        9
    624144061  
       2023-05-26 17:11:38 +08:00   ❤️ 6
    我觉得更多的应该是眼界,思维的改变,毕竟代码拉个人培训几天就能写。。。
    我 19 年毕业的,18 年 10 月份实习,一直做的前端开发,早就陷入瓶颈了,不想一直做个业务仔,近期开始思考怎么改变自己。
    现在的这个公司来了也有两年了,学到的东西还挺多的,大家基本上都精通 webpack ,只有我瑟瑟发抖,比如 uni-app 移植 taro 的多平台文件功能;通过在编译阶段将组件插入 template 来解决小程序 App.vue 不支持全局组件的功能;如何绕过平台和 webpack 关键词冲突等等,近期不是 gpt ,ai 很火吗,公司在研究怎么通过 ai 提效。
    对于像我这种前端来说,公司的基建是我不想脱离的,什么 CDN 图床工具,前端配置化中心,发布平台,按需灰度等
    所以我现在打算在离开公司前,将公司的项目按自己的理解重写一遍,这样不至于换个公司就回到石器时代了,这是我现在在做的配置化中心,也叫低代码配置平台。
    怎么不能插图片,艹
    先做配置中心,在做前端 CI/CD 平台,做完后再思考怎么让自己的工作更简单,轻松。工作中我是牛马,工作之余我要给自己打造锄土利器,做自己的产品经理,从前端开发工作中提炼出需求,这就是提升技术的途径吧。
    lavard
        10
    lavard  
       2023-05-26 17:40:22 +08:00
    @624144061 是的, 以前不理解为什么那么多人重复造轮子, 觉得浪费时间, 但是自己经历过才知道, 自己按理解造一遍轮子(哪怕是现有更好的)才能理解解决了什么痛点,推动了思维和架构上的进一步思考 , 老哥的回复很有质量🤌
    mogutouer
        11
    mogutouer  
       2023-05-26 17:45:02 +08:00
    练如何向 Copilot 正确并详细的描述你的需求
    RRRSSS
        12
    RRRSSS  
       2023-05-26 22:49:25 +08:00
    非前端的技术 (不是开玩笑)
    jones2000
        13
    jones2000  
       2023-05-27 08:42:46 +08:00
    先列出来你会什么, 然后再看需要补什么。
    wujianyuvip
        14
    wujianyuvip  
       2023-05-27 18:50:55 +08:00
    - 学习 js 、css 和 html:这些是基础中的基础,作为前端从业人员必须掌握。可以侧重新特性、新规范的学习。书籍推荐《 JavaScript 高级程序设计》(第四版)、《你不知道的 JavaScirpt 》(上、中、下)
    - 学习框架知识:掌握 react/vue 核心原理,是否要阅读源码因人而异,如果想读推荐《 ReactJS 底层揭秘》《 Vue.js 技术揭秘》(网上可以搜到,搜不到私信找我要)
    - 数据结构和算法:程序员内功必修课,非科班出身的前端如果这个环节薄弱抓紧补,只写业务逻辑的时代基本过去了,书籍的话推荐《算法》(第四版)
    - 解决方案设计:类似微前端、动态表单等技术,在降本增效的大环境下,这些解决方案被无数次提及。掌握他的实现原理,而并非只能在项目中应用,有助于提升编码和架构能力。准备写一个动态表单的系列课程,感兴趣的同学可以找我了解
    主要就是这些,学好的基础上,可以关注领域前沿技术,参与社区开源的建设,个人建议,仅供参考,谢谢!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3033 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 14:03 · PVG 22:03 · LAX 06:03 · JFK 09:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.