966,690 八月 独立访问用户
语言 & 开发
架构 & 设计
文化 & 方法
您目前处于：
前端开发框架选型清单
前端开发框架选型清单
被首富的“一个亿”刷屏？不如定个小目标，先把握住的优惠吧！
Author Contacted
相关厂商内容
相关赞助商
QCon全球软件开发大会上海站，日-22日，上海宝华万豪酒店，！
告诉我们您的想法
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
foundation 表示 bootstrap 不过如此
foundation?
Su Vitamin.X
Re: angularjs
foundation?
Chan Arlight
不要误人子弟
zhang xiaofei
Re: angularjs
foundation?
Lee Vincent
作者还生活在4年前吗？
Yang Ariel
能发评论吗？
tang luobo
MV*都无视了么
MV*都无视了么
Re: angularjs
foundation?
Su Vitamin.X
Bootstrap真心不怎么样
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
赞助商链接
架构 & 设计
文化 & 方法
<及所有内容，版权所有 &#169;
C4Media Inc.
服务器由 提供, 我们最信赖的ISP伙伴。
北京创新网媒广告有限公司
京ICP备号-7
注意：如果要修改您的邮箱，我们将会发送确认邮件到您原来的邮箱。
使用现有的公司名称
修改公司名称为：
公司性质：
使用现有的公司性质
修改公司性质为:
使用现有的公司规模
修改公司规模为：
使用现在的国家
使用现在的省份
Subscribe to our newsletter?
Subscribe to our industry email notices?web前端开发目前在企业中的岗位需求大呈？_百度知道web前端开发工程师招聘-中科方德软件有限公司招聘-拉勾网
中科方德软件有限公司os产品部招聘
web前端开发工程师
分享到微信
本科及以上
职位诱惑 : web前端
工作职责：
1.安全测试平台前端界面开发；
2.安全测试平台后台开发；
3.了解基本的渗透测试流程。
任职要求：
1.有web页面前端开发经验，会使用javascript；
2.python开发经验，会使用django框架；
3.了解基本的渗透测试流程。
职位发布者
简历及时处理率
投递后7天内处理完成的简历所占比例
简历处理用时
完成简历处理的平均用时
你在拉勾还没有简历呢，你可以，也可直接投递
看了此职位的人还会看
推荐公司：
推荐城市：
领域 移动互联网,企业服务
规模 500-2000人
目前阶段 不需要融资
- 中关村南四街4号
领域：企业服务,数据服务
阶段：未融资
规模：150-500人
领域：企业服务
创始人：常兴龙
规模：50-150人
领域：教育,其他
创始人：崔鹏
阶段：上市公司
规模：150-500人
领域：企业服务
阶段：不需要融资
规模：500-2000人
领域：移动互联网
创始人：王伟
规模：50-150人
今天已经反馈足够多了，给产品经理点时间消化下吧~
&&反馈提交成功！
你还没填任何反馈呢
附件简历：
暂无附件简历
请选择你要投出去的简历：
在线简历：
在线简历还不完善，请完善后选择投递
附件简历：
暂无附件简历
支持word、pdf、ppt、txt、wps格式文件
文件大小需小于10M
注：若从其它网站下载的word简历，请将文件另存为.docx格式后上传
简历上传成功！
你可以将简历投给你中意的公司了。
若你发现本职位存在违规现象，欢迎举报。
举报原因：
薪资不真实
工作经验或学历要求不真实
公司信息不真实
详情描述：
还可输入 500 字
你的举报已经成功提交，拉勾网会尽快核实举报内容，对违规职位绝不姑息。
你已经举报过该职位，不能重复举报。
不想结识该职位的Leader吗？
请上传标准格式的word简历
操作说明：
打开需要上传的文件 - 点击文件另存为 - 选择.docx - 保存
上传文件大小超出限制
单个附件不能超过10M，请重新选择附件简历！
你的简历中：
学历、工作年限、期望工作城市
与该职位要求不匹配，确认要投递吗？
简历已经成功投递出去了，请静候佳音！（）
邀请好友成功注册拉勾，可提升每日投递量& &
你还没有可以投递的简历呢
请上传附件简历或填写在线简历后再投递吧~
投递失败：今日你已投递 10 个职位，投递数达到上限。
邀请好友加入拉勾网，可快速提升投递数量。
你在拉勾还没有简历，请先上传一份
支持word、pdf、ppt、txt、wps格式文件，大小不超过10M
登录邮箱未验证
请验证你的登录邮箱以使用拉勾网的所有功能！
我们已将验证邮件发送至：，请点击邮件内的链接完成验证。
我们已将激活邮件发送至：，请点击邮件内的链接完成验证。
你已成功收藏该职位
3月9日当天可进入“”页快速投递简历web前端开发需要学习什么?需要哪些开发工具? --百度百家
web前端开发需要学习什么?需要哪些开发工具?
分享到微信朋友圈
封程中 今天来和大家讲讲web前端开发需要学习什么?前端开发又需要用到哪些开发工具?然后分享一些前端开发的视频教程给大家,然后也简单的和大家介绍下前端开发的前景和薪水工资情况.
首先封程中自己是java开发工程师,目前是搞服务端（后端开发）的,但是之前也做过2年的javaweb前端开发,所以经验还是有一些的,下面就简单和大家介绍下我的经验吧,说的不好,大家勿喷,学习该学习的,忽略该忽略的就好.
web前端工程师其实在不同的公司,有不同的职能,但是称呼都是类似的
1.做网站设计、网页界面开发
2.做网页界面开发
3.做网页界面开发、前台数据绑定和前台逻辑的处理（我是属于这种的）
4.设计、开发、数据
web前端开发需要掌握的技术：
1.学习html,这个是最简单的,也是最基础的.要熟练掌握div、formtable、ulli、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本table是用来和数据打交道.
2.学习css,这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html&或者css+div来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢？因为我上面说了div就是html主要用于布局的东西,所以div就是核心掌握的东西！那么css肯定必须要配合div来使用才好.css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,一点要掌握.
3.学习js.可能前两个大家觉得还过的去,看到js就蛋疼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接百度就好了.然后看多了,用多了,就什么都不是问题了.
4.学习jquery.jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码.其他的一样百度就够了.
5.最好会点后台语言,比如java、php,为什么呢？因为我们前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的,这样节约时间,也可以让前端代码更规范.不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更蛋疼了.
6.学习css3+html5,为什么这个放最后呢？哈哈,因为我自己也不太会,毕竟术业有专攻嘛,虽然这个很流行,但是我是搞后端的,在工作中用不到它,只有在自己网站需要改样式,或者朋友网站样式出问题的时候,我才会去临时去研究下.但是如果你们是准备专门搞前端,那么最好还是学一下的.
上面6点,基本是一个搞web前端开发工程师需要掌握的技术,然后我也尽量的把自己的一点点经验告诉了大家,但是大家不要以为上面6点就只有我说的那么容易,不,他们之所以被人使用,之所以这么火,就是因为强大！我说的这么简单仅仅是打消你们觉得很难的原因,万事开头难,我讲的都是入门的方法和技巧以及需要知道的东西.另外告诉大家一个秘密,不要以为代码很难敲,现在什么语言都有自动提示代码的功能,只需要输入一个字符,两个字符,后面的代码都会弹出来让你选择！还怕啥呢？所以你也不要怕你英语不好了.封程中从来不骗人的.
web前端开发需要视频教程以及资料：
这个我免费做个广告吧,视频大家可以主要看“传智播客”的视频,因为我当时学技术专业知识的时候,就是经常课后去看传智播客的视频,讲的确实不错,我最喜欢里面的韩顺平老师,不过我当时看的是java,如果他也有讲上面css、html什么的,你们也可以看看.
另外我们搞编程都会经常查阅一个叫api的东西,这个相当于使用手册,比如javaapi、phpapi、jsapi什么的,大家直接这样百度,html+css的api应该是可以找w3c的一个网站,对新手学习很不错.
web前端开发需要用到的工具:
最常用的就是dreamweaver,推荐大家使用dreamweavercs6,cs6之前的貌似问题挺多的,cs6目前是功能最强大,问题最少的了,dw有一个比较方便的就是可视化编程,可以边看效果边敲代码,还有自动提示代码的功能.还有就是ediplus,这个其实就相当于一个字体有颜色的记事本,我就是用这个,因为我感觉dw占用内存太多了,搞的电脑卡,所以我直接用ediplus写代码,至于这个有没有代码自动提示功能我就不知道了,大家可以百度下是否有相关插件.还有就是eclipse可以写java、php还有上面的各种代码！ZendStudio是专门写php的,但是上面这2种工具比较专业,是我们专业开发人员用的,所以大家自己看着办.Photoshop这个就不用说了.
web前端开发的前景:
web前端开发的前景肯定是非常好的,我们不管的做网站还是做什么项目,现在都讲究的一个用户体验,人家说如果你的网站界面做的好看,那么你们的网站、项目就已经成功3/4了！所以现在很多人都说web前端开发的前景要稍微好于后端开发.但是我打个对比,前端开发技术学到顶级,后端开发技术开发技术也学到顶级,那后端开发工资是肯定远远高于前端的,但是后端开发技术到了一定程度会有个很大的瓶颈的,所以初中级程序员,前端开发要稍微比后端开发要好,高级程序员的话就完败了。
web前端开发的薪水工资:
这个是个敏感的话题,我是在上海这边,2年工作经验的web前端开发工资差不多6K~8K,如果你会些后台技术,并且前端技术很牛逼的话,到10K也是可能的.这个工资的多少主要取决于你的技术情况,所以工资也不一定的.但是北上广的一个web前端工程师的市场价差不多就是这样,如果是二线省会城市,可能就是4K~7K,也是不错的.我们搞技术这个行业,工资的多少取决于你技术的好坏,技术这一行不能比,因为人比人气死人,大牛的一个上面有一个的,努力学习才是晚到,技术这行学无止境的.封程中也是跳过几次槽的人,所以说说大概的情况,觉得价格少的勿喷,上海也没多牛,大部分人都还是处于被压榨的码农.
封程中博客:
首发地址：
分享到微信朋友圈
在手机阅读、分享本文
还可以输入250个字
推荐文章RECOMMEND
php在数组中判断某个值是否存在（in_array(),array_se...
今天帮人做有偿服务的时候遇到了如题的这样的问题,他想在手机、IPAD等移...
热门文章HOT NEWS
十七岁的雨季，单纯并幸福着
首席发言者
娱乐资本论
杨君君杂潭
百度新闻客户端
百度新闻客户端
百度新闻客户端
扫描二维码下载
订阅 "百家" 频道
观看更多百家精彩新闻十大前端开发框架（上） - 文章 - 伯乐在线
& 十大前端开发框架（上）
, , , , , ,
编者按：考虑到英文原文的长度以及可读性，十大前端开发框架将分成上下两部分呈现给大家。上半部分着重讲的是Bootstrap家族框架，第二节将会跟大家分享更多其他的框架。
随着互联网的不断成熟以及我们越来越多的用各种移动端的设备访问互联网，Web设计师和Web开发者的工作也变得越来越复杂。
十年前，一切都还简单得多。那个时候，大部分用户都是坐在桌子前通过一个大大的显示器来浏览我们的网页。960像素是当时比较合理的网页宽度。那些年我们的开发工作主要就是跟十几个桌面浏览器打交道，并通过添加几个浏览器的hack，来兼容诡异的旧版本 IE 浏览器。时至今日，随着过去五六年间手持电子设备的突飞猛进，一切都变了样。我们看到各种尺寸的智能手机和平板层出不穷，电子阅读器，以及电视设备上的浏览器等也不断涌现。这种设备的多样性正在与日俱增。
可以预见，在不远的将来，相对于使用台式机，越来越多的人会使用移动设备来访问互联网。事实上，已经有相当数量的一部分人只通过智能手机上网。这意味着，我们这些Web设计师和开发者需要知道如何在庞大的移动端王国里呈现以及适配我们的产品，这至关重要。在撰写本文的时候，尽管我们还没彻底搞明白如何将桌面端呈现的全部内容在手持设备中呈现同样的效果，但是用于实现这一目标的技术以及工具正在变得越来越好。
在不知道浏览设备屏幕大小的时候，最主要的策略就是使用响应式网页设计。它是一种根据设备浏览窗口的尺寸大小来输出相应页面布局的方法。小型移动设备（如智能手机以及平板电脑）上的大多数浏览器会默认将一个网页缩小到适应自己的屏幕尺寸，然后用户可以通过缩放以及滚动等方法浏览整个网页。这种方法在技术上是可行的，但是从用户体验的角度上讲却比较糟糕。小屏幕上文字太小阅读不方便，链接太小难以点击，缩放以及滚动的操作多多少少会让人在阅读的时候分心。
响应式网页设计利用同样的HTML文档来适配所有的终端设备，响应式网页设计会根据设备屏幕的大小加载不同的样式，从而在不同的终端设备上呈现最优的网页布局。举个例子，当你在大屏幕桌面浏览器中查看一个网页的时候，网页的内容可能是分为很多列的，并且有常见的导航条。如果你在小屏幕的智能手机上查看同样的页面，你会发现页面的内容呈现在同一列中，并且导航按钮足够大，点击起来很方便。你可以在这个网站上看到很多响应式网页设计的案例。在你的浏览器中随便点开一个设计案例，然后改变浏览器窗口的大小，你会看到网页的布局会根据窗口大小相应变化。
到目前为止，我们可以看出，响应式网页设计可以有效地帮助我们应对日益增长的终端设备多样性。那么在我们设计网页的时候有哪些实际可用的工具以及技术可以用来实现响应式网页设计呢？我们每个人都需要成为web大师才能驾驭这门技术么？或者是利用我们已经掌握的web基本知识就已经足够了？目前有什么工具可以帮到我们么？
这时候前端开发框架华丽登场。响应式网页设计实现起来并不困难，但是要让它在所有的目标设备上都正常运作会有一点小棘手。框架可以让这一工作变得简单。利用框架，你可以花最少的力气创建响应式且符合标准的网站，一切都很简单并且具有一致性。使用框架有很多好处，比如说简单快速，以及在不同的设备之间的一致性等等。框架最大的优势就是简单易用，即使只掌握少量的web知识，你也可以毫无障碍的使用它们。
简而言之，如果你认真对待目前的web开发工作，那么使用框架进行开发就不是可选项而是必须要做的事情。你的站点必须高度灵活以适应不同的浏览器，平板，智能手机以及其他各种各样的手持设备。
一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合，我们可以在设计中使用它们。前端开发框架有很多，其中有一些写得很棒。为了大家的使用便利，下文列举了目前最强大应用最广泛的几款前端开发框架。记住，这些框架并不仅仅是CSS 栅格之类的一些东西，它们包括的是整套的前端开发框架。
1. Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。
Bootstrap是用动态语言LESS写的，主要包括四部分的内容：
脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。
基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。
组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（button groups），导航面板（navigation control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progress bars），媒体对象（media objects）等等。
JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。
Bootstrap已经足够强大，能够实现各种形式的 Web 界面。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。
—— 对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把 Bootstrap的清爽界面组件引入到jQuery UI中。
—— 和上面提到的jQuery UI主题类似，这是一个为jQuery mobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。
—— 它为Bootstrap添加了一些轻量的JavaScript控件。Fuel UI 安装，修改，更新以及优化都很简单方便。
—— Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。
—— 利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。
—— 提供大量免费的Bootstrap主题。
—— 在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素。
—— 通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。
2. Fbootstrapp
基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似。
3. BootMetro
框架的灵感来自于Metro UI CSS，基于Bootstrap 框架构建，用于创建Windows 8 的Metro风格的网站。它包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。
4. Kickstrap
是Bootstrap的一个变体。它基于Bootstrap，并在它的基础上添加了许多app，主题以及附加功能。这使得这个框架可以单独地用于构建网站，而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上，然后用就可以了。
App 是一些页面加载完成之后加载运行的JavaScript和CSS打包文件。默认加载的app有Knockout.js, Retina.js, Firebug Lite, and Updater，你也可以自行添加更多的app。
选择不同的主题可以让你的网站在众多Bootstrap构建的类似网站中显得与众不同。
附加功能是一些用来扩展Bootstrap UI 库的附件，它们的语法基本相同或者相似。
下半部分的内容…
这一部分我们主要总结了Bootstrap相关的一些框架。在下半部分，我们会介绍更多其他的框架。
关于作者：
可能感兴趣的话题
目前正在学习Bootstrap。。。
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量，把优秀的原创文章和译文分享给读者，为“快餐”添加一些“营养”元素。
新浪微博：
推荐微信号
（加好友请注明来意）
&#8211; 好的话题、有启发的回复、值得信赖的圈子
&#8211; 分享和发现有价值的内容与观点
&#8211; 为IT单身男女服务的征婚传播平台
&#8211; 优秀的工具资源导航
&#8211; 翻译传播优秀的外文文章
&#8211; 国内外的精选文章
&#8211; UI,网页，交互和用户体验
&#8211; 专注iOS技术分享
&#8211; 专注Android技术分享
&#8211; JavaScript, HTML5, CSS
&#8211; 专注Java技术分享
&#8211; 专注Python技术分享
& 2016 伯乐在线