前端那些事儿

昨天听到阿里的一个同行提起马云的一句话大致意思是:“今天很残酷,明天更残酷,再坚持一下后天就能见到光明。但是很多人都死在了明天”。听到这句话,顿时值得我去深思,在这里跟博友们分享一下。下面言归正传说说前端那些事儿,那些事呢?

入行前端:

1、兴趣

首先根据你对前端的了解来定位自己的择业方向是否正确   不管你是身边的人有IT行业的或者你是为了高工资的回报等等因素都可以参考进去。但是我想说的是不管因为何种原因,你想去学习前端,想要迈入这一行,最起码你要对这行,对编程有兴趣,浓厚的兴趣是促使你坚持的动力。其实程序员是很枯燥的岗位,曾经我也曾想过放弃,但是我坚持了下来。这就如文章开头所说的那样“很多人都死在了昨天”。贵在坚持,始终向往光明,没有什么事情是轻而易举的就实现的。

2、良好的习惯

。代码要规范  要深刻理解语义化的含义  要让自己的代码被更多的浏览器去解析  也利于后期的维护等等

。多用Google浏览器去搜索问题、网站、提升自己的英文水平

。写博客   写博客会有利于我们总结知识点 达到点-线-面的效果。当然在博客发表的时候会得到很多的人的认同包括一些批评,但这些都是促使自己进步的催化剂。

。多逛逛各大社区或者一些技术交流群   多了解一些流行的新技术来充实,提高自己

3、前端的范围

如果说具体的范围,我也不知道怎么去下定论   有关前端的岗位由来,感兴趣的朋友可以去查一下,其实前端并不Low 前端的只是点很多,也许有些人只把他定义为写写网页那么简单,今非昔比啦!下面我列举下大致的前端技能要求:

。搭建页面的能力

HTML

CSS

Javascript

常用的前端组件、库(jQuery、bootstrap)

PS常用功能

常用开发工具(Sublime、Webstorm)

。优化页面的能力

了解http协议

了解主流浏览器特性

深入学习CSS Javascript语法特性

调试技巧

。提高生产力的能力

前端组件编写

前端工具开发

前端特定领域解决方案

。站点维护的能力

至少熟悉一门后端语言,并有过应用

了解HTTP

。前端工程化

模块化 : AMD(Asynchronous Module Definition)    RequireJS

CMD(Commom Module  Definition)  SeaJS 、 NodeJS

框架化 : underscore、jQuery、Bootstrap

MV*(MVC、MVVM)  Backbone 、 Vue.js 、AngularJS

自动化 : CoffeeScript 、TypeScript

Sass、 less 、scss

模板引擎

Grunt 、Gulp

时间: 2024-11-05 23:44:02

前端那些事儿的相关文章

前端那些事儿——中文乱码,网页中文乱码,网页乱码,块元素,内联元素

1.中文乱码 出现中文乱码的原因:网页源代码与内容的编码格式不一样,例如一个是GBK,一个是utf-8 解决方法:改成一样的编码...(注意:用IDE或者其他工具创建页面时的编码格式,跟<meta/> 里面的字符集charset字符集格式保持一致就好了) ======================================================= 2.块级元素与内联元素(有多种叫法:内联元素.内嵌元素.行内元素.直进式元素) block & inline对照表 blo

前端工程师的技术进阶点,月薪5万难吗?难!

单纯讲技术进阶点意义不大,脱离场景都是耍流氓.我举个实际例子,今天的阿里大文娱优土,阿里接管后,底层替换差不多了,由内容为王转变为产品技术驱动. 这种情况下,前端如何进阶呢?业务很多,历史问题很多,老板迫切希望创新,赶超对手. 端上,我有pc.h5.小程序,播放器 api代理层,我有node,可以快速实现api保证,1.内部有直接用,2)内部没有,自己写,3)不够用,我自己包装,不会让api层限制我的发展 历史问题,我可以快速的想办法吃掉,尤其是老的php,这部分要做的是1)稳定改造2)提高团队

谈谈渲染,玩玩nginx——前后端分离,转发请求到Tomcat的尝试

一.谈谈"渲染" 相信好多人都挺听过"渲染"这个词,但不清楚它是什么意思?前端开发以为这是后端的活儿,后端开发以为是前端的事儿,推着推着就不了了之.其实渲染很简单,不说概念,直接举例: 1. 后端渲染:以JSP为例,可以分成三步 a.编写标签或Java代码(可以称之为模板) b.在JSP编译阶段被转换成Servlet编译为Servlet Class c.执行编译后的代码,将响应(模板执行结果)返回给页面 优势:减少前端工作,前端只需要设计纯页面,其他的都由后端来做:

我眼中软件工程里的常识

来源:https://segmentfault.com/a/1190000006636138 作者:https://segmentfault.com/u/leftstick 背景 说起工程人员/团队应该具备的"常识",真正促使我认真思考这个问题,还是因为知乎的一篇贴跟没有常识的人聊天是一种怎样的体验?,里面笑料百出,各种由于"常识"不足导致的尴尬癌真真是忍俊不禁.但笑过之后我发现,所谓的"没常识",可能由多种原因导致,这点在知乎里多位答主都提到过

Node.js 101(2): Promise and async

--原文地址:http://blog.chrisyip.im/nodejs-101-package-promise-and-async 先回想一下 Sagase 的项目结构: lib/ cli.js sagase.js Gruntfile.js package.json 上一篇讲了 package.json,这一篇讲 lib/sagase.js. 由于代码比較长,就分开一节节地讲,完整的点开 GitHub 看吧. 'use strict'; 通知编译器进入 strict mode,基本的作用是让

规范很重要

最近遇到了些问题,很多都是因为没有遵守规范导致的. 上个礼拜一直在看交规,交规就是交通的规范,其实,如果大家都遵守规范行驶,那可能拥堵的现象就会减少.如果规范合理,大家遵守的结果,就是共赢.而不遵守,基本也是同失.这看起来有点危言耸听.另外,很多人在开车的时候,特别是拥挤路段,路口,遵守交通规范就是太天真. 但规范的形成,有它存在的必要.接口的设定.编码的规范.布局的合理,如果规范,在目前的代码库引发的问题中,可能会减少很多. 我做过一次调查,问大家平时遇到的bug因为代码规范出现的可以占50%

了解document.compatMode属性

这是前端那些事儿看的,我引用过来,方便自己以后翻看,查询 document.compatMode用来判断当前浏览器采用的渲染方式. 官方解释: BackCompat:标准兼容模式关闭.CSS1Compat:标准兼容模式开启. 当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth:当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.

程序员修真小说,完爆花千骨】

终有一天我手中的编译器将成为我灵魂的一部分,这世界在我的眼中将被代码重构,我将看到山川无尽银河无垠都汇成二进制的数字河流,过往英雄都在我脑海眼前一一浮现,而我听到无数码农跪倒在我的程序面前呼喊. 他们叫我代码之神. 到那个时候,我想我一定可以找回你. 一丶 这是一个属于代码的修真世界. 这世界里的每一个人,每一个东西,包括高山大海,刀剑风云,其本质都是一串数字流. 打个比方,如果你知道一块石头的内部数据结构,并且参透其中玄妙,你就能用程序改变它的一切.如果能参透自身这一个复杂的操作系统,就能重新

JavaScript 的时间消耗--摘抄

JavaScript 的时间消耗 2017-12-24 dwqs 前端那些事儿 随着我们的网站越来越依赖 JavaScript, 我们有时会(无意)用一些不易追踪的方式来传输一些(耗时的)东西. 在这篇文章中, 我会介绍一些能让你的网站在移动设备上快速加载且可交互的方式. 摘要: 更少的代码 = 更少的解析/编译(时间) + 更少的传输(时间) + 更少的解压(时间) 网络 大多数开发者考虑 JavaScript 的时间消耗时, 都会首先考虑到 JavaScript 的下载和执行消耗. 脚本传输