❶ web设计（前端设计）有哪些知识必备掌握！！！
想成为web前端大神，到底需要掌握哪些知识呢？
1.PhotoShop/Fireworks Design
配合美工将草图形成具体的符合WebPage的设计；
有快速制作分层高品质PSD、PNG的能力；
能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码。
2.Flash Design
基本动画效果；
复杂的交互体系设计，了解第三方swf辅助设计软件；
复杂的交互体系设计以及较强的对各类外端口资源（PNG、JPG、MP3、WAV等）的整合能力。精通部分第三方辅助设计软件（AE、SwishMax、Swift3D等）。
3.XHTML/CSS
基本的layout实现；
严格跨平台的layout实现以现。
4.JavaScript/Ajax/DOM
基本的DOM操作，了解AJAX，可以实现数据通信；
基本的DOM操作，能写高效率的OOP代码，以降低维护成本；
基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验最好，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码。
5.Flash Developement
基于Timeline的ActionScript操作，能实现简单交互；
掌握a外，能实现数据层通信（与服务器以及本地SharedObject）；
精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大（比如对HTML层的接口设计，等等）。
6.Apollo
产品级的封装，基本技术了解（如何打包、如何加入HTML和JavaScript等）；
掌握a的同时，能利用Apollo的API独立设计、开发OS的文件I/O功能；
掌握基本技能的同时，对"3D概念体系"有所认知。这里"3D"即：Design（设计）、Development（开发）、Deploy（产品部署）。
欢迎补充……
❷ 作为前端开发，需要具备怎样的能力
一名优秀的Web前端工程师应该具备以下技能，看看你是否符合吧!
【必备】
PhotoShop/Fireworks Design
配合美工将草图形成具体的符合WebPage的设计
有快速制作分层高品质PSD、PNG的能力
能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码
Flash Design
基本动画效果
复杂的交互体系设计，了解第三方swf辅助设计软件
复杂的交互体系设计以及较强的对各类外端口资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)
【必备】
XHTML/CSS
基本的layout实现
严格跨平台的layout实现以
优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构，让JS开发人员在开发的时候认为”一切都已经准备就绪了”，而不是”捉襟见肘”。
JavaScript/Ajax/DOM
基本的DOM操作，了解AJAX，可以实现数据通信
基本的DOM操作，能写高效率的OOP代码，以降低维护成本
基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验最好，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码
Flash Developement
基于Timeline的ActionScript操作，能实现简单交互
掌握a外，能实现数据层通信(与服务器以及本地SharedObject)
精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计，等等)。
【必备】
Apollo
产品级的封装，基本技术了解(如何打包、如何加入HTML和JavaScript等)
掌握a的同时，能利用Apollo的API独立设计、开发OS的文件I/O功能。
掌握基本技能的同时，对”3D概念体系”有所认知。这里”3D”即：Design(设计)、Development(开发)、Deploy(产品部署)。能用Apollo
Windows Presentation Foundation、WPF/E(Silverlight)
等等(这只是部分)
总结：可以不了解技术细节，但应该知道原理，最好能掌握一两套设计思想(毕竟数据逻辑都在这里走，光看HTML和JavaScript，对人的见识还是有局限的，这种局限限制了我自己很久的时间)，那将是一比宝贵的财富。
❸ 想问一下Web前端工程师必须掌握的技能有哪些
应该具备以下技能：
【必备】UserInterface
◎ PhotoShop/Fireworks Design
a - 配合美工将草图形成具体的符合WebPage的设计
b - 有快速制作分层高品质PSD、PNG的能力
c - 能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码
◎ Flash Design
a - 基本动画效果
b - 复杂的交互体系设计，了解第三方swf辅助设计软件
c - 复杂的交互体系设计以及较强的对各类外端口资源（PNG、JPG、MP3、WAV等）的整合能力。精通部分第三方辅助设计软件（AE、SwishMax、Swift3D等）
【必备】Browser-side (Web Application)
◎ XHTML/CSS
a - 基本的layout实现
b - 严格跨平台的layout实现以
c - 优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构，让JS开发人员在开发的时候认为 "一切都已经准备就绪了"，而不是"捉襟见肘"。
◎ JavaScript/Ajax/DOM
a - 基本的DOM操作，了解AJAX，可以实现数据通信
b - 基本的DOM操作，能写高效率的OOP代码，以降低维护成本
c - 基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验最好，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码
◎ Flash Developement
a - 基于Timeline的ActionScript操作，能实现简单交互
b - 掌握a外，能实现数据层通信（与服务器以及本地SharedObject）
c - 精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大（比如对HTML层的接口设计，等等）。
【必备】Client-side (Desktop Application)
◎ Apollo
a - 产品级的封装，基本技术了解（如何打包、如何加入HTML和JavaScript等）
b - 掌握a的同时，能利用Apollo的API独立设计、开发OS的文件I/O功能。
c - 掌握基本技能的同时，对 "3D概念体系"有所认知。这里"3D"即：Design（设计）、Development（开发）、Deploy（产品部署）。能用Apollo
◎ Windows Presentation Foundation、WPF/E（Silverlight）
【增补】Server-side （修改：经考虑，这个技能不参与评级）
本来列举了"1、Server端简单的技术、脚本"和"2、MediaServer（Red5）接口"作为"Web前端工程师技能列表"的一种（服务器、数据逻辑层技能的）评判标准。但似乎很多朋友对于前端工程师是否应该掌握Server端技能的必要性表示怀疑。确实，要掌握好上述的展现层技能不是意见容易的事情，而且前端工程师的确非常辛苦。但是，站在另一方面来说，辛苦的原因是什么，我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经验，前端的辛苦在于以下几个方面：
◎ 重复劳动多，大量的div+css都是重复的，即便可以复制粘贴，但几千行的div海洋中去寻找一个入口恐怕都非常痛苦
◎ 需求变更多，往往你折腾几个小时终于把跨平台问题解决好了，而且在IE6、7和Firefox下面都能显示同样的效果了，甚至连JavaScript交互都已经快搞定了。突然上面说需求要变。这无疑是莫大的痛苦。
也许表面上看，这跟Server端技能无关，但我觉得有好的Server端的意识，一定会有所帮助（当然不可能解决所有的问题）。毕竟信息结构和数据库是密切相关的，而Server是连接数据库的唯一渠道（至少大多数B/S应用是如此）。掌握Server端的基本技能，对于同逻辑层开发人员设计接口是非常重要的。而且HTML表现层在开发时与数据的分离，也与Server端的各种模板技术有关。例如PHP中的Smarty模板（我曾经用的）、jsp的model2概念等等。HTML结构如何设计，如何让HTML重用，甚至在HTML层进行OOP的开发（我现在在新产品线中设计的前端开发流程），都需要Server端的支持。最起码，你要告诉php程序员你需要什么。如果你完全对PHP一无所知的话，那也无从谈起了。
此外，对于创业团队，往往人手非常有限。为了让运营成本降到最低，所有的技术人员都有义务对Server端技术有所了解。如果为了修改一个网页的标题还要跑去喊PHP程序员连接Remote Server的话，那实在是增加了整个公司的运营成本。
总结：我认为，可以不了解技术细节，但应该知道原理，最好能掌握一两套设计思想（毕竟数据逻辑都在这里走，光看HTML和JavaScript，对人的见识还是有局限的，这种局限限制了我自己很久的时间），那将是一比宝贵的财富。
【增补】Mobile-side
看到很多朋友留言说前端工程师没前途，我在想，同时掌握移动设备的技能是否也是拓展前途的一个必要性？这里再多说几句，关于技术人员的前途，目前在国内确实得用"惨淡"来形容。浮躁的氛围让技术人才往往过早放弃了自己的技术生涯，而尔虞我诈的整体道德水平也让单纯的技术人员痛不欲生（我身边太多了，恩，不说具体细节了，呵呵）。
作为一个技术人员，开发人员，在保持纯粹地敬业心态（这是前提，这么没有，啥也别谈）外，更要学会如何保护自己，如何壮大自身，社会不会同情你，只有你自己才能保护你自己。
FlashliteJava
❹ Web前端工程师必须掌握哪些技能
现在，前端工程师终于前所未有的在web中占有了一席之地。随着多设备、浏览器和Web标准的演变革命，前端正在成为兼顾逻辑、性能、交互、体验的综合性岗位，前端编程也变得越来越有挑战和意义。
优秀的前端工程师都掌握哪些技能？
1、DNS解析、使用CDN和关于multiple Hostnames as part of resources request.
2、HTTP Headers (Expires, Cache-Control, If-Modified-Since)
3、Steve Souders的所有规则(High Performance Websites)
4、如何解决PageSpeed, YSlow, Chrome Dev Tools Audit, Chrome Dev Tools Timeline显示的所有问题；
5、何时把任务传到服务器和客户端；
6、缓存，预取和负荷技术的使用；
7、Native JS，知道何时从头开始做，何时查找别人的代码，同时可以评估这样做的优缺点；
8、modern MVC Javascript libraries (e.g. AngularJS, EmberJS, ReactJS), graphic libraries (e.g. D3, SnapSVG), DOM manipulation libraries (e.g. jQuery, Zepto), lazy loading or package management libraries (e.g. RequireJS, CommonJS), task managers (e.g. Grunt, Gulp), package managers (e.g. Bower, Componentjs) and testing (e.g. Protractor, Selenium)的相关知识和用法；
9、CSS标准、modern conventions、 strategies (e.g. BEM, SMACSS, OOCSS)的知识和用法；
10、JS的电脑知识（内存管理，单线程的性质，垃圾收集算法，超时，范围，提升，模式）
❺ 前端开发 是什么
前端，官方的定义是前端就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
用自己的话来说，前端是网页给访问网站的人看的内容和页面。那前端开发顾名思义就是这些内容和页面中代码的实现。
不过现在的前端不完全就是网页设计，早年的网页设计主要是以图片和文字为主，用户使用网站的行为也以浏览为主。而现在的前端开发使得现代网页更加美观，交互效果显着，功能更加强大。所以现在的前端开发，运用到的知识面更加广泛，难度也更大。
不过，无论怎么发展，HTML、CSS和JavaScript依然是整个前端开发的三大基石。所以不论题主是想做移动前端开发还是web前端开发，这三样基础技术都必须熟练掌握。
1，HTML是网页的核心，是一种制作网页页面的标准语言，可以消除不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。HTML是一种标记语言，能够实现Web页面并在浏览器中显示。
2，CSS是用来进行网页风格设计，页面制作完成当然需要美化，这时候就会用到CSS，它可以网页外观做的更加美观。
3，JavaScript主要目的是为了解决服务器端语言，为客户提供更流畅的浏览效果。加入JavaScript，是为了提供了数据验证的基本功能。
学会这些，当然也只是开始，这都是最基础的部分。学无止境，要想学好前端，就要付出百倍的努力。
❻ 互联网前端包括什么
以下是优秀的前端工程师在即时面对普通的任务也会做的事情(这才是市场急需的前端)
1、DNS 解析，使用 CDN，把资源请求分散到多个域名上去;
2、理解 HTTP Headers (Expires、Cache-Control、If-Modified-Since)
3、Steve Souders 的所有高性能网页优化规则(参考：High Performance Websites 一书)
4、如何解决 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline
等工具列出的所有问题;
5、何时把任务传到服务器，何时适合传到客户端;
6、缓存，预取和延迟加载技术的使用;
7、原生 JavaScript，知道何时从头开始做，何时参考别人的代码，同时可以评估这样做的优缺点;
8、 最新的 MVC Javascript 库知识以及用法;
9、CSS 标准的知识与用法;
10、JavaScript的计算机科学部分的知识(内存管理，垃圾收集算法等等等等)
换句话说，如果说掌握(或者某些简历里自称的精通) HTML+CSS+JavaScript，了解后端知识，只是 60
分的合格前端;那么要想成为受追捧、拿高薪的 80 分优秀前端，要对业务需求和、架构设计有真正的运用;而 100
分的顶级前端，则必须要能够兼顾技术和设计，更接近“以前端开发为主的全栈工程师”了。
❼ 什么是WEB前端开发
前端工程师需要做的从小的方面来说，是通过使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。
从大的方面来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。 一个优秀的前端开发工程师需要熟练掌握至少一种编程语言，能够编写优美的代码，需要能够搭建良好的页面结构，实现开发效果。
学习的内容包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
❽ 如何使用Chrome Timeline 工具
可以先熟悉一下界面工具的功能及使用：
打开chrome开发者工具，切换到Timeline选项卡；
Timeline工具里面使用是4种颜色来表示不同类别的事件：
蓝色：加载；
黄色：脚本；
紫色：渲染；
绿色：绘制
过滤面板可以对不同类型的事件和花费时间进行过滤，非常好用；
事件模式
在这个模式中，Summary视图(在Timeline的顶部)显示了一些水平的栅栏，分别代表页面中的网络和HTML解析(蓝色)，JavaScript(黄色)，渲染(紫色)以及绘制(绿色)事件。重绘是浏览器事件，是为响应诸如窗口大小改变或者滚动之类的视觉变化而调用的；
我们可以在最上面灰色的时间节点哪里拖动来选择查看的记录范围；
在DETAILS面板中可以查看该记录范围内各类型事件的时间开销；
other表示其它事件花费的时间，Idle表示空闲时间 ，也可以在DETAILS面板中查看单个记录的时间开销；
名词解释：
send request 发送请求 evaluate script 评估脚本 parse html 解析html recalculate style 重新计算显示样式
layout 计算布局 paint setup 绘制设置【准备绘制】 paint 绘制 composite layers 组合层
timer fired 触发定时器 function call 函数调用 receive data 接收数据 receive response 接收响应
finish loading 结束加载 GC event 浏览器垃圾回收 pevaluate script 评估脚本 rasterize 光栅化
帧模式：
帧模式能让我们深入的了解页面的渲染性能，“帧”表示浏览器要呈现的内容显示到单个帧所必须做的工作，如运行 JavaScript、 处理事件、 更新 DOM 和更改的样式、 布局和绘制；
目前大多数的显示器的刷新频率是60Hz，那么我们页面的绘制频率能达到60帧每秒是最好的，因为软件帧和硬件的刷新频率一致的话，页面能给人非常流畅的感觉，否则就会感觉到很卡，这样我们大概有16.6ms（1000/60）来完成每一帧的呈现，这就是很多人说的 “16.6ms”优化 ；
灰色的区域有点难理解，你可以理解是浏览器内部c++的一些工作，这部分可能和前端的js以及渲染没什么关系；
选择一个帧范围可以查看这个范围内帧的一些数据；
内存模式：
内存视图会通过一个图表显示您的页面随着时间的推移所使用的内存，你可以查看每个时间段的内存使用量，并找出性能问题。
❾ 网站前端性能测试有什么工具可以测页面加载或渲染等时间呢
页面加载速度本来就是和浏览器与机器性能挂钩，为了区分从服务器端取数据和浏览器加载渲染页面的时间的话，比较推荐使用Chrome自带的开发者工具，其中在Timeline的Tab下就能看到各个行为所消耗的时间，还是很方便的。
每种颜色代表不同的行为，比如Loading,Scripting,Rendering,Painting每种颜色代表不同的行为，比如Loading,Scripting,Rendering,Painting
觉得这样不够具有代表性的话，可以去各种页面性能检测的网站进行测试，得出的结果比较统一吧
我自己在用的是这个WebPagetest - Website Performance and Optimization Test，能够比较直观的看出性能，而且还给出了优化方法和优化后的性能对比
❿ web前端开发需要用到哪些知识
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。