`

自己对前端的一些总结

阅读更多

前端一些框架
当前比较流行的:
bootstrap
reactJS
AngularJS

之前比较流行的:
Flex
extjs
easyui
GWT
DWZ

Grunt:前端自动化工具,提高工作效率
less css:优秀的CSS预处理器


前辈总结的前端编程的经验:
1 拒绝插件
不要遇到一个交互效果就想着扒个插件来用,想想它会怎么实现然后试着去写出来。遇到困难了不着急,参考下别人的插件是怎么实现的。
个人觉得“写插件”是每个前端小白要初步进阶所必须试着去做的一件事,它对你的提升可以是很大的,不仅仅是有助于你在技术点上的认知,也有利于提升你的JS语感。
2 加入一个氛围好的技术群/团队
如果你身边没有这么一群喜爱技术的小伙伴,那么找个氛围好的群加进去吧,让大神带带你或者跟小伙伴一起同步交流,学习起来自然也不孤单,还有人不断激励你前行,何乐而不为呢?
3 多利用时间
“多看书多看好文章”这种废话我就不说了,但请你不要每天把精力花在看肥皂剧上然后又埋怨没时间学习。
时间总是可以挤出来的,你可以在你上厕所的时候想想Ajax原生请求怎么写,或者像我之前像个傻逼一样把Node API打印出来拿在路上边走边看。
当然也不要把时间都花费在学习上,有时间多陪陪妹子多出去走走聚聚,程序员的日子不应该太压抑。
不过我也检讨一下,上周有三天时间沉迷于我厂新游怪物猎人OL上(卧槽我真的不是打广告),结果第三天玩着玩着,向来讨厌浪费时间的我突然觉得自己是不是神经病了(反正就这个念头),接着立马把游戏卸载了。。。
4 多沉淀
试着开个博客吧,认真地记录下那些你在项目中遇到的问题和解决方案,或者用心地去查找、梳理你感兴趣的技术点然后记录下来。
它会耗费你一些时间精力,但也能催动你更深入地去了解、探讨某个知识点,巩固你对它的记忆。也可以作为将来反过来查询的工具书。
5 干掉让自己焦虑的那些东西
在职业生涯初期,作为小白总会有许多未接触过的技术盲点,有时候工作来了或者前往面试,都会由衷地担心起来,为自己知识的欠缺、胜任与否而焦虑。
我个人及其讨厌这种“焦虑”甚至“害怕”的感觉,一旦你感到这块的压力,一定要大胆地把它挖掘出来,然后一个个干掉它。
什么意思呢?比如当你觉得“我好像不会写原生的Ajax”、“跨域的方法我貌似没法都答上来”的时候,就尽早去找资料学习和了解,一步步干掉知识盲点,这样你只会愈来愈自信。

入门阶段应该熟练掌握的基础技能:
HTML4,HTML5语法、标签、语义
CSS2.1,CSS3规范,与HTML结合实现各种布局、效果
Ecma-262定义的javascript的语言核心,原生客户端javascript,DOM操作,HTML5新增功能
一个成熟的客户端javascript库,推荐jquery
一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有服务器端开发经验,熟悉Java可以选择Servlet,不熟悉的可以选PHP,能实现简单登陆注册功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单的功能模拟,
HTTP
在掌握以上基础技能之后,工作中遇到需要的技术也能快速学习
基本开发工具:
文本编辑器:推荐Sublime Text,支持各种插件、主题、设置,使用方便
浏览器:推荐Google Chrome,更新快,对前端各种标准提供了非常好的支持
调试工具:推荐Chrome自带的Chrome develop tools,可以轻松查看DOM结构、样式,通过控制台输出调试信息,调试javascript,查看网络等
辅助工具:PhotoShop编辑图片、取色,fireworks量尺寸,AlloyDesigner对比尺寸,以及前面的到的Chrome develop tools,
学习方法和学习目标:
方法:
入门阶段反复阅读经典书籍的中文版,书籍中的每一个例子都动手实现并在浏览器中查看效果
在具备一定基础之后可以上网搜各种教程、demo,了解各种功能的实际用法和常见功能的实现方法
阅读HTML,CSS,Javascript标准全面完善知识点
阅读前端牛人的博客、文章提升对知识的理解
善用搜索引擎
目标:
熟记前面知识点部分的重要概念,结合学习经历得到自己的理解
熟悉常见功能的实现方法,如常见CSS布局,Tab控件等。
继续提高:
有了前面的基础之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向,如果还是没有。 可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发展学习。以下是一些不错的方面:
Grunt:前端自动化工具,提高工作效率
less css:优秀的CSS预处理器
bootstrap:优秀的CSS框架,对没有设计师的团队很不错,与less结合使用效果完美
requirejs:AMD规范的模块加载器,前端模块化趋势的必备工具
Node.js:JavaScript也可以做后台,前端工程师地位更上一步
AngularJS:做Single Page Application的好工具
移动端web开发:智能手机的普及让移动端的流量正在逐步赶超PC端
Javascript内存管理:SPA长期运行需要注意内存泄露的问题
High Performance JavaScript(Build Faster Web Application Interfaces)
Best Practices for Speeding Up Your Web Site:重要技能

另外两篇文章
http://cfj.iteye.com/blog/2271731
http://cfj.iteye.com/blog/2273783

分享到:
评论

相关推荐

    web 前端年总结ppt模板

    "Web 前端年总结 PPT 模板" 本资源为 Web 前端年总结 PPT 模板,主要面向技术研发部,讨论 2021 年度工作总结的主要内容。下面是对该模板中所涉及的知识点的详细解释: 技术研发部汇报人 在 PPT 模板中,技术研发...

    2021年前端程序员的年终工作总结.docx

    6. 自我总结:前端程序员通过对自己的总结,明白了自己的不足之处,如基础知识掌握不牢,缺乏编程整体思想等,也明白了自己的长处,如能够独立完成VB.NET开发等。 7. 团队精神:前端程序员学习了团队精神的重要性,...

    web前端笔试题面试题汇总+前端优化总结

    web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题...

    2018年个人有关前端的职位年终总结

    这是一个个人在年终时 上台演讲 的 前端职位的年终总结

    IT公司前端年度工作总结报告

    ### IT公司前端年度工作总结报告知识点总结 #### 一、2018年度工作总结知识点 **1. 技术型知识点** - **完善工程文档:** - 详细记录了组件和指令,特别是针对管理端的组件和指令进行了深入介绍。 - 对移动端...

    web前端开发实习总结范本2021_前端开发实习总结范本.docx

    web前端开发实习总结范本2021_前端开发实习总结范本.docx

    Web前端资源开发总结

    Web前端开发是构建互联网应用程序和网站的关键组成部分,涵盖了HTML、CSS和JavaScript等核心技术。这份压缩包文件“Web前端开发”显然...通过系统学习和实践,开发者可以提升自己的技能,适应不断发展的Web技术环境。

    我的前端学习总结.7z

    在IT行业中,Web开发是至关重要的领域,尤其是前端开发,它是构建互联网应用的直观和..."我的前端学习总结.7z"这个压缩包文件无疑是一个宝贵的资源,它见证了作者的学习历程,也可能是我们提升自身技能的一个重要参考。

    前端学习笔记(精华总结).zip

    前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习笔记(精华总结).zip前端学习...

    前端技术总结.docx

    这篇文档主要涵盖了使用这些技术时的一些关键点,以下是其中的具体内容: 一、React React 是一个用于构建用户界面的 JavaScript 库,它引入了JSX语法,使得HTML和JavaScript能更好地融合。JSX 类似于 XML,允许...

    web前端笔试题面试题汇总+前端优化总结 分享给需要的同学

    web前端笔试题面试题汇总+前端优化总结 分享给需要的同学

    前端控件总结.xmind

    前端测试许多输入框大同小异,这个文档比较全,可以免去大家比较多的麻烦

    前端知识点总结前端知识点总结

    本文将对前端开发中的关键概念进行深入的总结,主要包括HTML、CSS、JavaScript、Vue.js组件通信以及一些实用技巧。 首先,基础的前端知识包括HTML、CSS和JavaScript。HTML是网页的基础结构语言,用于创建网页布局和...

    web前端总结的一套JavaScript 语言基础知识点总结

    以上是对这位资深Web前端开发者总结的JavaScript基础知识的详解,理解并熟练掌握这些内容,对于提升JavaScript编程能力至关重要。通过不断实践和学习,开发者可以进一步探索JavaScript的高级特性和应用,例如前端...

    前端15k面试总结.md

    前端15k面试总结.md

    阿里前端面试经历总结

    【阿里前端面试经历总结】 在面试阿里巴巴前端职位的过程中,求职者需要做好充分的准备,以展示自己的专业能力和个人特质。以下是一些常见的面试问题及应对策略: 1. **离职原因**: - 在回答离职原因时,应确保...

    常用javascript前端功能总结

    这篇"常用javascript前端功能总结"涵盖了46个关键的JavaScript功能,对于初级和中级开发者来说,这是一个宝贵的资源,可以帮助他们提升技能,更好地理解和掌握JavaScript的核心概念。下面我们将逐一探讨这些重要知识...

    前端面试题总结.doc

    Jasmine 作为一个前端团队使用的测试框架,可以用来对 JavaScript 进行单元测试。 describe("A suite", function() { it("contains spec with an expectation", function() { expect(true).toBe(true); }); }); ...

Global site tag (gtag.js) - Google Analytics