我们很难用一个确定的标准来衡量,进阿里前端代码能力需要达到什么样的水平,就像别人问你怎么样才能找到对象。
只能在此给题主推荐一些阿里开源出来的项目,可以多看看这些源代码,从这些源代码中大致可以看出阿里技术团队对于代码整体的要求,比如需要什么样的注释,代码中的类名/接口如何规范等,希望对题主有所帮助。
当然,在分享这边文章之前,在这里推荐一下我自己的前端群:621071874,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货以及各种经典案例,包括我自己整理的一份2017最新的前端资料和零基础入门教程,同时,还会定期和大家共同讨论目前企业需求以及各类面试问题,并且还会有技术讨论和疑难解答,欢迎初学和进阶中的小伙伴。
1. 项目名称:七天学会 NodeJS
<img src="https://pic1.zhimg.com/v2-08dbe3dd7bac366469d81b4574024b90_b.png" data-rawwidth="600" data-rawheight="339" class="origin_image zh-lightbox-thumb" width="600" data-original="https://pic1.zhimg.com/v2-08dbe3dd7bac366469d81b4574024b90_r.png">
项目简介:七天学会NodeJS是阿里巴巴国际站前端技术部编写的开源文档,用于学习 Node.js。
项目地址:https://www.oschina.net/p/7-days-nodejs
2. 项目名称:Web 常用UI库 kissy
项目简介:kissy 是淘宝一个开源的 JavaScript 库,包含的组件有:日历、图片放大镜、卡片切换、弹出窗口、输入建议等。
项目地址:https://www.oschina.net/p/kissy
3. 项目名称:通用 WEB 框架 Webx
项目简介:Webx 是一个在阿里巴巴集团内部广泛使用的,层次化、模块化的一个 Web 框架。 Webx 是基于经典 MVC 设计模式的 WEB 框架,推崇页面驱动和约定胜于配置的理念。 Webx 是一个基于Spring 的组件框架。组件是一个软件包,它可以被其它组件扩展,也可以扩展其它组件。
项目地址:https://www.oschina.net/p/webx
4. 项目名称:设计语言&前端框架 Ant Design
项目简介:Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。
项目地址:http://git.oschina.net/mirrors/ant-design
5. 项目名称:轻巧灵活的 JS 框架nodejs-kissy
项目简介:KISSY 是淘宝网开发的一款轻巧灵活的 JS 框架,并在淘宝网广泛应用,在浏览器端给我们带来更加清新的体验。
项目地址:https://www.oschina.net/p/nodejs-kissy
7. 项目名称:模块化 UI 界面方案 Tangram UI
项目简介:Tangram,七巧板,是天猫团队开源的跨平台模块化 UI 界面方案。Tangram 从手机天猫 - 首页方案抽象而来,是面向组件的界面方案,是开发团队不断权衡性能、稳定性、开发效率、灵活性和动态性多方面表现的结果。除了手机天猫首页外,还支撑了天猫 App 中的天猫直播、我的天猫、猜你喜欢等多个业务,并且在阿里星球等多个阿里系 App 中有所应用。
项目地址:https://www.oschina.net/p/tangram-ui
欢迎关注码云,一个专为开发者提供稳定、高效、安全的云端软件开发协作平台,无论是个人、团队、或是企业,都能够用码云实现代码托管、项目管理、协作开发,更有代码质量分析、项目演示等丰富功能,欢迎放码过来。
<img src="https://pic4.zhimg.com/v2-ebad5010c0d38d42d06be99cd1e24597_b.jpg" data-rawwidth="800" data-rawheight="400" class="origin_image zh-lightbox-thumb" width="800" data-original="https://pic4.zhimg.com/v2-ebad5010c0d38d42d06be99cd1e24597_r.jpg">
7911 条评论
分享
收藏感谢
收起
伪全栈工程师/猫咪lover
3 人赞同了该回答
目前在阿里前端实习的来答一波~目前还没转正答辩,回答仅供参考。
先来两段铺垫~
首先介绍本人情况:
github:https://github.com/Chanran
实习经验:两度在UC前端实习;
项目经验:在学校做过几个校园项目和外包,经常作为项目主导者;
学校经历:做过工作室的技术管理员(对,没错,就是整天修bug的!上服务器应急的!万恶的监督项目进度的!经常提需求的!好像什么都是-_-)
github:时常在github提交,整理自己的项目;(厮混github)
技术栈:
写过一点Node的项目,写过一点Python,写过一点PHP、写过一点Ruby;
React、Vue都有做过项目,但未深入源码;
偶尔写点css3、Canvas动画;
Linux党,喜欢折腾,写过一点shell;
突出点:自我感觉没什么突出(相对于其他专注于前端的童鞋),可能就是比较专注、喜欢写代码、有自己的个人见解;
接下来介绍阿里实习的情况:
岗位:在3D/AR/VR方向的前端
涉猎:
OpenGL、WebGL(threejs)
计算机图形学、高等数学、计算机视觉
项目(一个):管理后台 + 前台展示(全景图、小行星),目前处于技术调研中,写了几个demo,进度良好。
目前状况:
诚惶诚恐,分配到这个那么好的团队(3D/AR/VR是未来趋势),花尽时间去学习(来到杭州一直两点一线),争取帮上忙。
知识储备还不充足,遇到一些3D的东西还是得请教师兄。
正在阅读threejs源码,争取过几周分享。
正题来了~
如果进阿里前端,代码能力得达到什么程度?
至少能独立完成项目
根据一份文档,或者自己的一个想法,然后从前端开始一直做(可以连后端都做了),遇到问题独立解决;
经常思考代码可读性、复用性、性能问题;
规范化代码(推荐使用eslint);
版本控制(git、svn);
独立部署上线、维护;
有经验积累:经验积累是个长期过程。写博客、写笔记很重要。
计算机基础知识(真的很重要):
计算机网络:http协议、tcp协议等blabla...
操作系统:内存、CPU、GPU等blabla...
blabla等等,这些就不用说了,校招标配
前端基础知识:
javascript基础:闭包、原型链等blabla...
html和css基础:语义化、新标签和废弃标签、css各种属性(用法)、css3动画硬件加速等blabla
javascript设计模式:单例模式、观察者模式、工厂模式(阅读threejs源码的时候发现很多地方都用到了设计模式,优化了性能)
ES6/ES7(最近好像出了ES8,完了,快扶我起来,学不动了( ̄﹏ ̄)):阮一峰的ES6教程
额,等我想起再补充一下
前端框架(不得不说,真的成了标配了):
React、Vue、Angular选择一个或者多个,把一整套啃下来,至少做个项目。比如react+react-router+redux/mobx
深入分析框架源码实现(原谅我,我只是看过一丢丢react的源码解读)
额,想起再补充...
写出什么样的demo
这么强悍的提问,我也是第一次见,写1000个demo完成10万行代码的Target,其实是没卵用的。
我github很多demo...然而我还是有去做项目的,然而项目很多时候都不会放到github(除了open source)