목차
一、原谅我,Jquery:
二、必须追求的模块化:
三、弱小者的强大力量——CSS:
四、革命性的转折点:Nodejs
五、话说,我想多了:
六、遇见最好的你:Angularjs
最后:
웹 프론트엔드 HTML 튜토리얼 你好,迟到的2016_html/css_WEB-ITnose

你好,迟到的2016_html/css_WEB-ITnose

Jun 21, 2016 am 08:58 AM

大三下学期开始自学的前端,断断续续半年多,开始找前端相关的工作;到现在,走过了毕业期的十字路口,已经工作一年了; 好吧,严重掉底子了,我是个比较懒的人。。。既然起步较晚,那么就只有马不停蹄的追赶了,奔跑吧, 小前端!

写这个2015的年终总结,没什么经验之谈,只是继往开来,反省反省;继续追逐大神们的脚步,偶尔站在巨人的肩膀上眺望下未来!

一、原谅我,Jquery:

工作之前,那时什么基础都没有,只是逼于即将毕业后的压力,百度到了前端开发,就直接从原生JS开始学了;学不动了,问了下认识的计算机系的学长,知道了Jquery,OK,学吧。。。然而我并没有太大兴趣。。。因为我买了本‘高三’,jquery只是对‘高三’进行了整体的封装,他把我要做的事都做了,那好吧,继续原生JS喽;不得不说那时做的最多的就是原生JS仿写各种特效; ;还想了个主题,弄了一堆静态页面,拼了个网站的样子作为找工作的‘作品’,后来

后来,我知道我错了,写那些只是属于前端基础的一小部分,工作毕竟是工作,Demo终难上台面,团队的配合以及开发的效率才是最重要的;现在工作以jquery为主,至于曾经写的各种效果,现在也都有对应的现成组件,拿来用就是;之前无知时忽视了的jquery,工作后开始马不停蹄的搜索各种资源补缺了,还好原生JS没有丢,作为前端的根基,在jquery以外帮了我不少;现在,基础组件一般都是以jquery插件的形式做的,但是业余有时间我都会用原生JS实现一些,因为我不想因为jquery而逐渐忽视原生JS;

二、必须追求的模块化:

前端的模块化是非常必要的,之前对模块化一直是停留在概念阶段,没有太多实践,只是感觉特别好,毕竟在追逐大神们的脚步嘛!忍不住选择了玉伯老师的Seajs,试着把原来写的jquery和几个组件,划分成模块,用Seajs组织到一起;由于工作中的前端结构已趋于稳定,一下子不可能整体改,所以我只是在本地新建了个目录,一有时间就考虑下,怎么以模块化的搞法从新组织下;私下里,为了证实我在工作的本地前端结构可用,还专门弄了个简单的 博客 ,按照自己对模块化的想法,首先以自己的博客作为实验场,来验证可行性;不管结果怎么样,不管这样做好不好,就当是一种锻炼吧;愚论拙见,只当逗大神们一笑吧;

三、弱小者的强大力量——CSS:

HTML、CSS作为前端开发最基础的一部分,可能在后端眼中不值一提吧(忽视这个小小的吐槽吧。。。),确实我也这么认为;但是,我更认为,前提是你能够把这些基础乱熟于心,并且对各种浏览器的兼容性了然于胸,闭着眼睛也能写出简洁明了的HTML、CSS;好吧,其实这只是我对自己的一个长期的要求;因为模块化,不只是JS,对应的少不了HTML、CSS;为了与JS的模块化遥相呼应,那么CSS的模块化是不可忽略的,只是就CSS来说,要想做到极致精简、模块化、可复用,不是想想就可以的;

是的,你必须还是得要把一些逻辑性的东西引入CSS才行;

恩,SASS是首选的CSS预编译器之一;风行于前后端的Bootstrap之前是基于Less的,后来全部开始转向Sass了;所以,无论现在对于Bootstrap熟练度有多少,我想其对于前端样式的构建思想是非常值得学习的;以Sass作为前端样式的构建工具,来实现精简、模块化、可复用的样式,我想那不是梦,当然,一切都是需要历练和积累的;

四、革命性的转折点:Nodejs

不管Nodejs属于前端还是后端,我想其对于前端工作的变革性影响都是不言而喻的;在我心里,Nodejs将前端的模块化思想做到了极致,包的数量多达十几万的NPM社区足以证明其伟大之处;Nodejs内部实现了Commonjs规范,以require模块的方式调用内部模块和外部模块;所以NPM社区如此强大是必然的;由此各大类库和框架都实现了基于Nodejs的模块化实现;并且远不止这些,基于Nodejs还带来了前端的工程化;各种前端自动化工具推陈出新,不断向前端工作注入新的活力;比如: Grunt、Gulp、Browserify、Webpack 等等;

不好意思,Nodejs学的还不多,若有夸大其词的地方,大神还是忽视我吧 ; 花满楼的博客 只是对Nodejs小小的探索,诸多不足,有待改进,望大神路过指导 ;

五、话说,我想多了:

每次信誓旦旦做的规划,都会随着时间的脚步渐渐风化;每次回顾过去,只留一声叹:时间都去哪了?呵呵,还是走好脚下的路吧,毕竟做该做的事总归是好的;愿和我一样的小前端们,梦想都不是白日梦!

六、遇见最好的你:Angularjs

目前工作的情况并没有太大的变动,有些事还是得以团队工作为重;只是业余会多些躁动,2016年,想学好Angularjs;一方面作为工作内的技术储备,另一方面,我的实验场还是需要多些内含的,打算首先用Angularjs改造博客的后端程序;权当锻炼吧!风靡前端的框架还有很多,大神们也是有各种论调,我想选Angularjs因为我胃口小,一口吃不下一个包子,还是细嚼慢咽的好;主要是:Angularjs的思想很吸引我,MVC、路由、双向数据绑定、依赖注入、指令系统等;对我来说既陌生又无限的吊胃口;无论学的怎么样,我想理解这些思想对现在的我来说恐怕才是最重要的;

最后:

今天终于静下来对2015的工作做了个小小的总结;你好,迟到的2016!

你好,Angular!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

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

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

& lt; Progress & Gt의 목적은 무엇입니까? 요소? & lt; Progress & Gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:34 PM

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

& lt; datalist & gt의 목적은 무엇입니까? 요소? & lt; datalist & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:33 PM

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

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? Mar 17, 2025 pm 12:20 PM

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

& lt; meter & gt의 목적은 무엇입니까? 요소? & lt; meter & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:35 PM

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

html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소? html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소? Mar 12, 2025 pm 04:05 PM

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

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? Mar 17, 2025 pm 12:27 PM

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

뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? 뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? Mar 20, 2025 pm 05:56 PM

이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? & lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? Mar 20, 2025 pm 06:05 PM

이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.

See all articles