重新出发:我的2015总结和2016计划_html/css_WEB-ITnose
工作这四年多,几乎每年都看到一些同学分享自己的年终总结,但大多看过了就忘了。自从去年底接触到前端行业里大牛们的总结,让我触动很大,大牛们短短一年时间竟能学习这么多东西,而我自己一年到头看似忙碌,但是沉淀下来的知识其实并没有多少。所以今年也想东施效颦一把,把今年做的事、学的知识总结记录下来,很多东西可能显得幼稚浅薄,但是应该留下这些成长的足迹,鞭策自己不断进步。
一、2015我都做了什么?
【工作】
转岗:
年初在凤凰网从专题编辑转去做专做H5,从内容策划、设计、开发、推广几乎一手包办,但是在不断学习的过程中发现有些力不从心,因为这每一项工作在业内都有独立的岗位在负责,都需要极强的专业能力才能做好,而我这样样做难免样样都不精。我开始意识到我需要转变,需要专注于其中一项。而在学习过程中,我发现自己对开发的喜好有时候达到了废寝忘食的程度,所以就有了接下来想换工作的念头。
专注:
于是在下半年,我来了滴滴,专职做web前端开发。在滴滴这不到半年时间,我从原先门外汉摸索着前进的方式,一下子进入到了专业的工程化生产的方式,经历了滴滴巴士的webapp2.0升级、包车业务、webapp3.0升级,学习的知识从backbone、react、less、fis不一而足……(下面再单独总结)
【学习】
2015年初其实并没有给自己定下全年的学习规划,只是开年的时候先自己看视频开始自学javascript,然后借着自己一点点html和css的基础知识,照葫芦画瓢做一些简单demo,然后每隔一段时间回顾自己知识的缺失,确定下一阶段的学习目标。等跳槽到滴滴之后,我才开始规划自己下半年的学习内容,并结合自己工作的需要不断调整学习目标。
以下表格是下半年的学习计划和完成程度:
8月 | Backbone | 70% | 对model的使用不熟练,对框架的实现源码没有研读过 |
8月 | Less | 20% | 只是会用基础,高级用法和原理并不了解 |
8月 | Fis | 60% | 只是会用基本指令,简单书写配置文件,高级用法不熟悉 |
8月 | Git | 80% | 会用,能配合团队工作 |
8月 | 《DOM的编程艺术》 | 90% | 基本跟着章节手敲完全部demo |
8月-12月 | 《javascript高级程序设计》 | 80% | 研读了里面的所有章节,跟敲大部分例子,但很多深入的知识并不足够明白,需要再次阅读 |
8月-12月 | 《图解CSS3》 | 90% | 研读完所有章节,但并未跟敲全部例子,只是在工作中针对性使用和查阅 |
9月-10月 | Node | 5% | 只是学习了一些基础,但是学习期间工作上陆续经历了几次大的项目,就搁置了,2016年要捡起来 |
11月 | 《ES6入门》 | 70% | 研读完所有章节,但是没有跟敲所有例子,只是在工作中针对性使用和查阅 |
11月-12月 | React、Redux | 60% | 了解基本工作原理和常用api,只是达到了能用的程度,仍需练习和提高 |
12月 | 腾讯地图API | 75% | 基本了解常用功能,并用到项目中 |
学习效果总结:
优:
1.基本按照计划,坚持执行了大多数的学习任务
2.重视基础,把基础内容投入较大精力
缺:
1.知识只是做到了能用,对于其原理了解得并不深入
2.有学习项目搁置(Node)的情况,自我规划和自制力不足
3.知识仅局限于前端领域
附:
1、学习过的知识文件树图
2015work1.png
2015work2.png
2、阅读技术书籍截图(还有一本《锋利的jQuery》读的实体书)
IMG_0780.PNG
IMG_0781.PNG
二、2016我想做什么?
【工作和学习】
我希望两年内成为优秀的web前端工作者,“优秀”应该达到什么标准?需要学习什么?
附:
前端工程师知识结构图
前端知识结构图.jpg
这张知识结构图很经典了,能够基本描绘出一个优秀前端应该具备的知识结构。朝着这个目标,我为自己2016年的学习做了如下计划(只是目前想到的,还需根据工作需要调整,具体已拆分到前两个季度中):
1.JavaScript
React Api熟练掌握(熟读中文api后看英文api)
ES6熟练掌握(熟读es6入门基础,并运用到webapp项目中,寻找es6原文指引阅读)
腾讯地图Api熟练掌握(熟读api并运用,还应自主开发一个小型js库,提升效率)
svg动画制作(解决loading动画的问题)
zepto、underscore源码阅读
跨域的几种方法实践
2.工具学习
fis高阶应用,如何配置fis-conf.js
webpack
3.CSS
less的深入学习
《css权威指南》通读
ios9的css3新属性学习
4.服务器开发
node.js
相关知识:数据库、数据结构
搞一个自己的博客
【生活上的计划】
1.多回家陪陪爸妈,2016年至少回家3次
2.争取每周都去锻炼,保持好身体状态
3.多出去走走,多认识一些业内的优秀同行(这个就不要定kpi了……把人列成kpi感觉不够尊重)

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











공식 계정 웹 페이지 업데이트 캐시, 이것은 간단하고 간단하며 냄비를 마시기에 충분히 복잡합니다. 공식 계정 기사를 업데이트하기 위해 열심히 노력했지만 사용자는 여전히 기존 버전을 열었습니까? 이 기사에서는이 뒤에있는 비틀기와 회전을 살펴 보고이 문제를 우아하게 해결하는 방법을 살펴 보겠습니다. 읽은 후에는 다양한 캐싱 문제를 쉽게 처리 할 수있어 사용자가 항상 가장 신선한 콘텐츠를 경험할 수 있습니다. 기본 사항에 대해 먼저 이야기 해 봅시다. 액세스 속도를 향상시키기 위해 브라우저 또는 서버는 일부 정적 리소스 (예 : 그림, CSS, JS) 또는 페이지 컨텐츠를 저장합니다. 다음에 액세스 할 때 다시 다운로드하지 않고도 캐시에서 직접 검색 할 수 있으며 자연스럽게 빠릅니다. 그러나 이것은 또한 양날의 검입니다. 새 버전은 온라인입니다.

이 기사는 CSS를 사용한 웹 페이지에 효율적인 PNG 테두리 추가를 보여줍니다. CSS는 JavaScript 또는 라이브러리에 비해 우수한 성능을 제공하며, 미묘하거나 눈에 띄는 효과를 위해 테두리 너비, 스타일 및 색상 조정 방법을 자세히 설명합니다.

이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

이 기사는 html5 & lt; time & gt; 시맨틱 날짜/시간 표현 요소. 인간이 읽을 수있는 텍스트와 함께 기계 가독성 (ISO 8601 형식)에 대한 DateTime 속성의 중요성을 강조하여 Accessibilit를 향상시킵니다.
