我对前端开发的认识

很多人认为前端开发就是css/html/javascript. 门槛低,好上手,页面的渲染又是“所见即所得”,很容易引起人学习的兴趣。其实不然,前端开发知识面涉及很广,需要学习的知识也是很多,下面就从我认识的角度来谈谈对前端开发所应掌握知识的理解。(不喜勿喷!!~~~^_^ ~~~)

前端的核心也是就css/html/javascript.下面要说的也都是其各个部分的扩展。先从html讲起吧,它就是一个页面的框架,(就像人类的骨骼似的!)没有他,页面撑不起来。HTML有很多个标签组成,其中HTML5新增了Canvas , SVG , Flex布局等标签。让其变得更为健壮。css就是给页面增加一些样式,动画等。其中css3的transform、transition、animate、border-radius、boxing-shadow、rgba的透明度opacity等属性使样式更加丰富。具有预编译功能的Less、Sass、Stylus更是让css具有了变量、函数、继承、运算等能力。目前比较火的是Sass+Compass.再来说说JavaScript,这个可以说是前端开发的重中之重,基础一定要打牢。再就是基于JavaScript的众多框架,一定要掌握的那就是jQuery了,最好有过读this的源码的经历,而且是要读懂呢,这样再学起其他JS的框架也就会得心应手了,像基于MVVM开发的Angular.js(现被Google收购)及Vue.js,最好是有过了解,尤其是双向数据绑定。当然比较火的React.js(Facebook公司发布的)也是要了解的,尤其是使用React Native的移动端开发及Hybrid App混合式开发和移动端开发的Cordova(前身是PhoneGap,现被Adobe收购)。还有自适应布局的Bootstrap(Twitter公司发布的)。基于Underscore的Backbone.js。以及AMD规范的Require.js和CMD规范的Commen.js,Sea.js(淘宝开发的)就是基于CMD规范的,这些自然都是开源的,模块化开发的。雅虎军规也是要了解的,光听名字就知道他的重要性了。

运行在服务器端,处理高并发的Node.js,使得前端开发迈向了后端服务器开发平台,this有两个框架是非常重要的,一个是express,一个是Koa;express有四大函数application(app)、request(req)、response(res)和router(路由),express框架主要是可以在node.js平台上做博客,网站等。

再说说就是前端开发的周边学习,设计模式是要掌握的,Redis和Memcached都是内存缓存机制。非关系型数据库Mongodb 。HTTP通信协议,属于应用层,知道一个页面从输入域名到渲染解析成页面的过程,DNS;TCP协议,属于传输层,面向连接,三次握手;UDP协议,面向非连接;IP协议,属于网络层;各个层级之间的关系。数据结构方面的知识,快速排序,冒泡排序等,它们的时间复杂度,基本思想等;二叉树的遍历等。Git、SVN版本控制系统工具需要掌握。Github代码托管平台。Grunt、Glup、Webpack、Fis等代码构建工具的使用。Linux命令行的使用包括Shell及Bash。

还要掌握的就是浏览器(Chrome、Firefox、IE)的调试工具,以及这些浏览器的插件的使用。去了解下面向对象的知识(封装,继承,多态)。

写的太过仓促,凑合看吧,日后再补!!~_~

---高腾龙于杭电研究生公寓

2016年6月21日

时间: 2024-08-05 05:58:13

我对前端开发的认识的相关文章

7招提升你的前端开发效率

7招提升你的前端开发效率 前言 前端工程师其实是一个工作很杂的职位,除了要负责切图.写html/css/js外,还要解决一系列的浏览器兼容性.网页性能优化等问题,所以提高前端工程师的开发效率是势在必行的,也是前端工程化的体现. 对于开发效率,我个人理解是 开发效率 = 新增代码的效率 + 修改代码的效率 + 维护代码的效率 那么如何提高前端开发效率便可以按照前端工程化的理念来进行划分.下面我就介绍下7个提高前端开发效率的方法. 前端工程化 方法 1.切图 切图是一个前端最基础的技能,一般我们使用

前端开发笔记(2)css基础(上)

CSS介绍 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力. <style type="text/css"> span{ color:red;

Web 前端开发学习之路(入门篇)

字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== 以下引用知乎 @李路 的话. 以我的经验,大部分技术,熟读下列四类书籍即可. 入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列实践,结合

互联网前端开发技术栈

互联网前端开发技术栈 前言 互联网建立60多年了,网站开发技术日新月异,但web前端始终离不开浏览器,最终还是HTML+JavaScript+CSS这3个核心,围绕这3个核心而开发出来大量技术框架/解决方案. 我从2000年初开始做网站开发,使用的技术不断迭代,一些消失了,更多的出现了. 最近写过  .NET技术大系概览 (迄今为止最全的.NET技术栈) ,相信很多网友感叹掌握的.NET技术远没有这个技术栈里面所描述的多. 问题 大家是否想过: Web前端开发究竟包含哪些技术呢? 我所掌握的技术

《开源分享1》:前端开发必备《Html-CSS中文手册》

一直想做一些优秀的资源分享内容,今天尝试整理了一下,以后会每天抽点时间发一些自认为不错的资料出来.帮助大家提高学习效率. 今天分享的内容:前端开发:<Html-CSS中文手册>! 本手册针对的是已有一定网页设计制作经验的读者.其目的是提供完整清晰的样式表内容的快速索引及进阶帮助.所以对于网页制作和样式表的基础知识,仅简单介绍,恕不赘述. 手册提供了完整的 CSS2.0 的属性(Properties).规则(At-Rules).伪类(Pseudo-Classes).伪元素(Pseudo-Elem

购物车前端开发

作为一名不在软件公司工作的软件工程师,不仅要会写后台代码(PHP/JAVA/SQL...),还是兼顾前端工程师的工作(html/javascript/css...).下面就来分享一个在实际工作项目中使用到的购物车的前端开发. 这里分享的仅仅是针对购物车的操作(产品数量的增加减少,删除购物车中产品项),假设购物车中已经放有若干产品.闲话少说,先上两张效果图. HTML代码如下:这里使用到了JQuery1.11和bootstrap3 . <!DOCTYPE html> <html> &

腾讯web前端开发工程师笔试题及答案

1. 如何实现事件委托? 首先要知道什么是事件委托. 考虑一个列表,在li的数量非常少的时候,为每一个li添加事件侦听当然不会存在太多性能方面的问题,但是当列表非常的长,长到上百上千甚至上万的时候(当然只是一个解释,实际工作中很少遇到这么多li的情况),为每个li添加事件侦听就会对页面性能产生很大的影响. 就像下面这段代码: <!DOCTYPE HTML><html><head><meta charset="utf-8" /><ti

前端开发神器WebStorm--Grunt 搭建环境(03)

通过上一篇前端开发神器WebStorm--自动化工作流(前言),相信大家都Grunt自动化工具有了初步了解. 接下来我就以WROC3000 web为原型,演示一下如何使用Grunt工具提高工作效率,最大程度压缩代码. 1.首先安装node环境 进入官网 下载安装.(记住安装目录) 检测安装成功方法:打开CMD窗口,输入 node --version 会打印出安装的版本号,说明已经安装成功. 2.安装 Grunt 客户端 在CMD 窗口中,切换到node安装盘符,会自动切换到nodejs安装目录.

掌握这两个技术点,你可以玩转AppCan前端开发

"AppCan的前端开发其实非常简单,只要掌握两方面的技术即可.一方面是会使用栅格布局完成UI的界面排版,另外一方面就是使用AppCan MVVM模型来完成整个页面构造和用户操作逻辑." 在2016AppCan移动开发者大会的技术脱口秀环节, AppCan技术副总监陈雪分享了自己从事AppCan技术开发的经验,帮助开发者深入了解AppCan技术思路. 以下为完整精彩内容: 栅格布局 AppCan采用弹性盒子模型作为标准化的的栅格布局参考方案,帮助开发者更快速的完成界面的排版工作.为什么

web前端开发规范

本文原创,这里首先声明,转载注明本文出处,翻版必究! web前端开发规范的现实意义 1.提高团队的协作能力 2.提高代码的重复利用率 3.可以写出质量更高,效率更好的代码 4.为后期维护提供更好的支持 5.可读性高 一.命名规则 1.html命名规则: a.文件名称命名规则:统一使用小写英文字母.数字.下划线的组合,不得包含汉字空格和特殊字符 2.命名原则:方便理解.方便查找 b.索引文件命名原则:index.html.index.htm.index.asp.index.aspx.index.j