1. 一个web项目前后端分离,前端工程师需要掌握哪些
1、先理清业务流程
2、定义者则帆前后端开发的接口规范。比如json的格式，url的格式
3、定义接口文档，这里的接口盯扒文档一般就是对应后台的实体reqVo（调用后台接口<控制器>访问的实体）和返回给前台的respVo（前台调用接口的返回的实体）。注意一般respVo都会有在后台做一个统一的处理为ResultVo（这个规范在2中要首雹定义好，比如：错误码，错误描述，请求的url，请求时间，以及实体T<这个实体才是真正的respVo和业务相关,这个一般都是实体>）
4、定义接口文档是在了解业务流、数据流基础之上完成的。有了这个接口文档（其实就是定义实体的过程和对应的json）前后端的开发基本按照这个文档去开发。接口文档会有版本迭代，一般放到svn上，供所有开发人员阅览
5、现在一般系统用到的数据库都不会是单纯mysql了。还有redis，mongo、es等。这些个人感觉都是在十分了解业务的情况和系统架构下去设计的。后台运用这些工具去完成接口功能的实现已经系统功能和性能的实现。这个和接口文档先后顺序还真不好说，个人觉得都可以。
6、业务流-数据流-资金流。去了解和设计系统。
2. web前端开发都包括哪些技术
css，学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
div布局： DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。
学习JavaScript的基本语法，以及如何使用。JavaScript编程将会提高开发人员的个人技能。
了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。
html5+css3：移动端的网页制作。在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎，现在也是前端的一个趋势。
一些框架的应用：angular.js，node.js，bootsttap等框架的应用。
了解Web服务器对Apache的基本配置，并且掌握htaccess配置技巧
web前端开发技术，还需要学习一些seo优化技术，因为前端是经常会和网站接触的。
3. web前端开发
1、HTMLCSS这部分建议在线教程上学习，边学边练。
之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《HeadFirstHTML与CSS中文版》，这本书讲的太细了，我没能拿出耐心细读。你可以根据情况斟酌。
2、Javascript要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，可以先在W3school学习一下，之后再建议看看《Javascript语言精粹》，JS是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。
有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。
1、CSS。必看《精通CSS》，看完这本书你应该对：盒子模型，流动，Block，inline，层叠，样式优先级，等概念非常了解了。作为练习可以看下《CSS艺门之匠》这本书，它对标题，背景，圆角，导航条，table，表单等主题都有详细的介绍。
2、Javascript。上面提到内容还不足以让你胜任JS编程。在有了基础之后，进一步学习内容包括：
a）框架。
推荐jQuery，简单易用，上手jQuery即可完成一些简单的项目。学习方法也很简单，照着产品文档做
几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性，让你能更专注与Web开发学习的精髓搏扰谨部分。补充：可以使用
Codecademy学习Javascript，jQuery，用户体验真的很好。
b）Javascript语言范式
这个名字可能并不恰当，只是我找不到可以描述“面向对象”，“函数式”这个两个概念的概念。Javascript不完全是一个面向对象的语言，它的很多
设计理念都有函数编程语言的影子，甚至说如果你不用面向对象，完全可以把它理解成一门函数式编程语言。
Javascript的很多李蔽语言特性，都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论，对封装，继承，多态等概念要
理解，维基网络，网络会是你的帮手，另外推荐《ObjectOriented
Javascript》，应该有中文版。对与函数式编程我了解的也不系统，不好多说，可以自己网络一下。
c）Javascript语言内部机制。必须弄清如下概念：JS
中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式
下，‘this’指向的是谁。这部分内容你会在《Javascript语言精粹》中详细了解。另外，你必须理解json。
d）dom编程，这个Web前端工程师的核心技能之一。必读《Dom编程艺术》，另外《高性能Javascript》这本书中关于dom编程的部分讲的也很好。
e）Ajax编程，这是另一核心技术。Ajax建议在网上查些资料，了解这个概念的来龙去脉，网络，维基网络上的内容就足够了。真正编程是很容易的，如今几乎所有框架都对Ajax有良好的封装，编程并不复杂。
f）了解浏览器差异性。这部分包括CSS和js两部分，浏览器差异内容很多，建议在实践中多多积累。另外对于浏览器的渲染模式，DOCTYPE等内容应该系统学习。
3、HTML5和CSS3。HTML5规范已经于2014年10月28日发布了，移动端HTML5和CSS3已经得到基基了非常广泛的使用，必知必会呀。
4. web前端配置文件的格式有哪些
*.pif为DOS环境下的可执行文件在Windows下执行时所需要的文件格式★常见的文件后缀名.ACA：Microsoft的代理使用的角色文档.acf：系统管理配置.acm：音频压缩管理驱动程序,为Windows系统提供各种声音格式的编码和解码功能.aif：声音文件，支持压缩，可以使用WindowsMediaPlayer和QuickTimePlayer播放.AIF：音频文件，使用WindowsMediaPlayer播放.AIFC：音频文件，使用WindowsMediaPlayer播放.AIFF：音频文件，使用WindowsMediaPlayer播放.ani：动画光标文件扩展名，例如动画沙漏。.ans：ASCII字符图形动画文件.arc：一种较早的压缩文件，可以使用WinZip,WinRAR,PKARC等软件打开.arj：压缩文件。可以使用WinZip,WinRAR,PKARC等软件打开.asf：微软的媒体播放器支持的视频流，可以使用WindowsMediaPlayer播放.asp：微软的视频流文件，可以使用WindowsMediaPlayer打开.asp：微软提出的ActiveServerPage,是服务器端脚本，常用于大型网站开发，支持数据库连接，类似PHP。可以使用VisualInterDev编写，是目前的大热门.asx：WindowsMedia媒体文件的快捷方式.au：是Internet中常用的声音文件格式，多由Sun工作站创建，可使用软件WaveformHoldandModify播放。NetscapeNavigator中的LiveAudio也可以播放.au文件.avi：一种使用MicrosoftRIFF规范的Windows多媒体文件格式，用于存储声音和移动的图片.bak：备份文件，一般是被自动或是通过命令创建的辅助文件，它包含某个文件的最近一个版本，并且具有于该文件相同的文件名.basBasic：语言源程序文件，可编译成可执行文件,目前使用Basic开发系统的是VisualBasic.bat：批处理文件，在MS-DOS中，.bat文件是可执行文件，有一系列命令构成，其中可以包含对其他程序的调用.bbs：电子告示板系统文章信息文件.bfc：Windows的公文包文件.bin：二进制文件，其用途依系统或应用而定.bmp：Bitmap位图文件，这是微软公司开发Paint的自身格式，可以被多种Windows和WindowsNT平台及许多应用程序支持，支持32位颜色，用于为Windows界面创建图标的资源文件格式。.c：C语言源程序文件，在C语言编译程序下编译使用.cab：Microsoft制订的压缩包格式，常用于软件的安装程序，使用Windows自带的实用程序，Extract.exe可以对其解压缩，WinZip,WinRAR等都支持这种格式.cal：Windows中的日历文件.cdf：InternetExplorer的频道文件.cdr：CorelDraw中的一种图形文件格式，它是所有CorelDraw应用程序中均能够使用的一种图形图像文件格式.cdx：索引文件，存在于Dbase,Foxbase,Foxpro系统软件环境下.cfg：配置文件，系统或应用软件用于进行配置自己功能，特性的文件.chm：编译过后的HTML文件，常用于制作帮助文件和电子文档.clp：在Windows下剪贴板中的文件格式.cmd：用于WindowsNT/2000的批处理文件，其实与BAT文件功能相同，只是为了与DOS/Windows9x下的BAT有所区别.cmf：声卡标准的音乐文件，FM合成器等可以回放.cnf：NetMeetting会议连接文件.cnt：联机帮助文件目录索引文件，通常和同名的.hlp文件一起保存.col：由AutodeskAnimator,AutodeskAnimatorPor等程序创建的一种调色板文件格式，其中存储的是调色板中各种项目的RGB值.com：DOS可执行命令文件，一般小于64KB.cpl：控制面板扩展文件，Windows操作系统使用.cpp：C++语言源程序，非常强大的语言，在各种平台中都有相应的开发系统.crd：Windows中的卡片文件.crt：用于安全方面的证书认证文件.cur：Windows下的光标资源文件格式，可用光标编辑软件编辑.css：Text/css文件.dat：数据文件，在应用程序中使用.dat：VCD中的图象声音文件，VCD播放软件可调用，或是通过VCD机播放.dbf：数据库文件，Foxbase,Dbase,VisualFoxPro,等数据库处理系统所产生的数据库文件.dcx：传真浏览文档文件.ddi：映象文件，DUP,HD,IMG等工具可.dev：设备驱动程序.dib：设备无关位图文件，这是一种文件格式，其目的是为了保证用某个应用程序创建的位图图形可以被其它应用程序装载或显示一样.dir：目录文件.dll：Windows动态连接库，几乎无处不在，但有时由于不同版本DLL冲突会造成败各种各样的问踢.doc：是目前市场占有率最高的公室软件MicrosoftOffice中的字处理软件Word创建的文档.dos：Windows保留的MS-DOS的某些系统文件.dot：MicrosoftWord的文档模板文件，通过模板可以简化一些常用格式文档的创建工作,而且可以内嵌VBA程序来实现某些自动化功能.drv：设备驱动程序文件，用在各种系统中.dwg：AutoCAD的图纸文件，也是许多绘图软件都支持的格式，常用于共享数据.dxb：AutoCAD创建的一中图形文件格式.dxf：图形交换格式，一种计算机辅助设计的文件格式，最初开发用来与AutoCAD一起使用，以便于图形文件在应用程序之间的传递,它以ASCII方式储存图形，在表现图形的大小方面十分精确.der：Certiticate文件.dic：Txt文件.emf：由Microsoft公司开发的Windows32位扩展图元文件格式，其总体设计目标是要弥补在MicrosoftWindows3.1(Win16)中用的*.wmf文件格式的不足,使得图元文件更加易于使用.eps：用PostScript语言描述的一种图形文件格式，以文本文件保存，在PostScript图形打印机上能打印出高品质的图形图象，最高能表示32位图形图象.err：编译错误文件，存在于Dbase,Foxbase,Foxpro系列软件环境下.exe：可执行文件，虽然后缀名相同，但具有不同的格式和版本.exp：3DS使用的显示卡驱动程序.exc：Txt文件.flc：AutodeskAnimator和Animatorpro的动画文件，支持256色，最大的图象象索是64000*64000,支持压缩，广泛用于动画图形中的动画序列，计算机辅助设计和计算机游戏应用程序.fnd：保存的搜索结果.fon：点阵字库文件.for：Fortran语言程序.fot：指向字体的快捷键.fp：配置文件，存在于Dbase,Foxbase,Foxpro系列软件的环境下.fpt：备注字段文件，存在于Dbase,Foxbase,Foxpro系列软件的环境下.frt：报表文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.frx：报表文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.fxp：编译后的程序，存在于Dbase,Foxbase,Foxpro系列软件的环境下.gif：在各种平台的各种图形处理软件上均能够处理的，经过压缩的一种图形文件格式.grh：方正公司的图象排版文件.grp：Windows下的程序管理器产生的组窗口文件.goc：Gocserve.gra：MSGraph.Chart.5.h：C语言源程序头文件.hlp：Windows应用程序帮助文件.hqx：Macintosh中使用BinHex将二进制文件编码为7位的文本文件，大多数Macintosh文件皆以.hqx出现(.bin极少使用)，在Macintosh中,可使用StuffItExpander对.hqx解码，在Windows中可使用BinHex13解码.ht：超级终端.htm：保存超文本描述语言的文本文件，用于描述各种各样的网页，使用各种浏览器打开.html：同.htm文件.icm：图象配色描述文件.ico：Windows中的图标文件，可以包含同一个图标的多种格式，使用图标编辑软件创建.idf：MIDI乐器定义.idx：索引文件，存在于Dbase,Foxbase,Foxpro系列软件的环境下.iff：文件交换格式文件，这种文件格式多用于Amiga平台,在这种平台上它几乎可以存储各种类型的数据，在其它平台上，IFF文件格式多用于存储图象和声音文件.image：MAcintosh磁盘映象文件，常见于萍果机的FTP网点，在Macintosh中由ShrinkWrap处理.ime：Windows下的输入法文件.img：磁盘映象文件，用HD-COPY,WinImage等工具打开后可以恢复到一张磁盘上.inc：汇编语言包含文件，类似C/C++中的.H文件.inf：Windows下的软件安装信息，Windows的标准安装程序根据此文件内的安装信息对软件，驱动程序等进行安装.ini：Windows中的初始化信息文件,已经用的不多了，新的应用程序将设置保存在系统的注册表中.jar：一种压缩文件，ARJ的新版本，不过不太流行，可以使用WinJar,Winrar等打开.jpeg：一种图片压缩文件,同.jpg.jpg：静态图象专家组制订的静态图象压缩标准，具有很高的压缩比，使用非常广泛，可使用PhotoShop等图象处理软件创建.lnk：快捷方式，这个文件指向另一个文件，开始菜单的程序文件夹下每条项目都是一个LNK文件.log：日志文件,通常用来记录一些事件之类.lzh：一种古老的压缩文件，可以使用WinRAR打开.mac：Macintosh中使用的一中灰度图形文件格式，在MacintoshPaintbrush中使用，其分辨率只能是720*567.mag：图形文件格式.mdb：MicrosoftAccess使用的数据库格式，是非常流行的桌面数据库.men：内存应用文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下.mid：音频压缩文件，曾经非常流行，不过在现在的软件中用的很少了rle：一种压缩过的位图文件格式，RLE压缩方案是一种极其成熟的压缩方案，特点是无损失压缩，既节省了磁盘空间又不损失任何图像数据，但在打开这种压缩文件时，要花费时间，此外，一些兼容性不太好的应用程序可能会搭不开.rm：Windows下的RealPlayer所支持的视频压缩文件，网上非常流行的流式视频文件，很多实时视频新闻等都是采用这种格式的，不过，最新的WindowsMediaVideoV8已经对其发起了强大的攻势.rmi：MIDI音序文件.rtf：丰富文本格式文件，以纯文本描述内容，能够保存各种格式信息，可以用写字版，Word等创建.sav：存档文件.scp：用于Windows系统中Internet拨号用户，自动拨号登录用的脚本文件，可避免手动登录时繁琐的键盘输入.scr：屏障保护文件.sct：屏幕文件.scx：屏幕文件.set：Microsoft备份集文件，用于保存要备份的内容，设置等信息.shb：指向一个文档的快捷方式.snd：Mac声音文件,Apple计算机公司开发的声音文件格式，被Macintosh平台和多种Macintosh应用程序所支持，支持某些压缩.sql：查询文件，在Dbase,Foxbase,Foxpro系列软件的环境下使用.svg：SVG可以算是目前最火热的图像文件格式了，它是基于XML由WorldWideWebConsortium联盟开发的，SVG是可缩放的矢量图形.svx：Amiga声音文件，Commodore所开发的声音文件格式，被Amiga平台和应用程序所支持，不支持压缩.swf：flash是Micromedia公司的产品，严格说它是一种动画编辑软件，实际上它是制作出一种后缀名为.swf的动画，这种格式的动画能用比较小的体积来表现丰富的多媒体形式，并且还可以与HTML文件达到一种"水乳交融"的境界.swg：虚拟内存交换文件，由操作系统使用.sys：系统文件，驱动程序等，在不同的操作系统中有不同的定义
5. Web前端工程师要知道的JavaScript变量命名规范
今天小编要跟大家分享的文章是关于Web前端工程师要知道的JavaScript变量命名规范，正在从事Web前端工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。
JavaScript变量命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。
下列都是非常正确的变量命名：
varhaha=250;
varxixi=300;
vara1=400;
vara2=400;
varabc_123=400;
var$abc=999;
var$o0_0o$=888;
var$=1000;
var_=2000;
var________=3000;
下列都是错误的命名：
vara-1=1000;//不能有怪异符号
vara@=2000;//不能有怪异符号
var2year=3000;//不能以数字开头
vara￥=4000;//不能有怪异符号
vara*#$#$@=5000;//不能有怪异符号银蠢核
varab=300;//不能有空格
下列的单词，叫做保留字，就是说不允许当做变量名
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
需要注意大写字母是可以使用的，并且大小写敏感。也就是说A和a是两个变量。档迅
1varA=250;
2vara=888;
以上就是小编今天为大家分享的关于Web前端工程师要知道的JavaScript变量命名规范的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝锋掘愿小伙伴们工作顺利!
6. web前端如何让网页布局稳定性和标准性
为了实现网页布局的稳定性和标准性，我们可以从下面几方面努力：
一、 <!DOCTYPE> 标记的重要性。
位 于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准 规范，我们必需在开头处使用<!DOCTYPE>标记为 所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有 效的XHTML文档，并按指定的文档类型进行解析。
<!DOCTYPE> 标记和浏览器的兼容性相关，删除<!DOCTYPE>，就是把如何展示HTML页面的权利交给浏览器， 这 时，IE6，IE7，IE8，Firefox2，Firefox3，Chrome，有多少种浏览器，页面就有可能有多少中显示效果，这是不被允许的。
二、合适地方用到合适的标签
物尽其用人尽其才。 再合适的地方用到合理的标签，对网页布局和优化都有很多的好处，比如logo ，一般我们都用h1 标签包括。 还有理解行内元素和块级元素的区别。
一个页面不要只用div，太多反而太泛滥了。table虽然用的少，但是，再做一些数据处理的时候，还是比较好用的。
三、站在标准流的角度看padding 和 maring 、width等属性稳定性
我们知道页面布局的时候，控制盒子位置距离等，有盒子本身大小，padding和margin来做。
因此，再这里我们会根据稳定性来看这三者的先后顺序：
其中稳定性最好的就是盒子本身的高度和宽度了，我们优先考虑这个。 因此，很多情况下，我们会考虑利用高度剩余法，宽度剩余法来做，而不是padding和margin。
这个评论和下面的文本域框有个小距离， 此时，我们给这个评论一个h2标签，高度正好从评论上方，到文本域上的高度就好了。
h2 里面文字内容默认是靠左上对齐的，高度用不了，就剩下了，这就是高度剩余法。
其次，我们才考虑padding ，因为padding也可以看做特殊的盒子高度和宽度，最后我们再用margin来做。因为margin会有边距合并的问题。
四、标准流、浮动流和定位的稳定性
标准流再里面是最稳定的，就是块级元素上下显示，行内一行显示，都是最稳定的。
浮动和定位都“脱标”了，稳定性没那么稳定，所以，我们应该遵循如下原则：
页面布局，能用标准流去做的不用浮动去做，如果要用浮动做的，就不用定位去做。
五、知己知彼百战百胜
总会有特殊的浏览器，比如ie6 ，这些奇葩浏览器总是有自己独到的地方，那我们怎办? 兵法云，知己知彼百战百胜，因此，需要我们详细的了解这些浏览器自己独特的特性，或者掌握他们ie6常常出现的bug，以及对于css 的理解，那么我们根据他们的不同解析，写出合理的布局。
六、不要让清除内外边距带来麻烦
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
这句话，大家都知道，清除浏览器样式的。但是如果你不加，不同浏览器肯定显示不太一样。所以，css的第一句话就是它。还有就是要使用大部分浏览支持的css属性不至于引起不必要的麻烦。
7. 设计型Web前端做什么都要学习什么
今天小编要跟大家分享的文章是关于设计型Web前端做什么?都要学习什么？学Web前端，你知道什么是设计型Web前端吗？今天小编就为大家介绍一下设计型Web前端做什么？都要学习什么？
想必大家也会遇到这种情况，要做一个项目，产品经理说产品原型图已经画好了，让我们去找一下素材，调一下颜色，看一下像素，把这个原型图整体装饰美化一番，然后就把我们叫做美工。
我很不喜欢这种称呼也很反对这种看法，其实像我们这种前端设计师应该成为懂美术和用户体验的产品经理，即时是装饰美化也要注入产品的灵魂和思想在里面。
其实设计师是在改善产改悄品的表征，同时在把更多的产品信息传递给用户，通过不同元素的排列布局把产品的核心价值传递给用户。
设计师应该把自己和产品经理一样当成需求方，而不是执卜歼液行者。用设计的语言展示产品需求，使老板看起来更直观，让技术不用过多的看产品文档就能明白。只有这样，才能让其他环节对你更加尊重，愿意倾听你对产品的建议。
今天就来说说前端设计的那些事儿：
一、什么是前端?
设计就是呈现的过程，前端设计是通过色彩/构图/等元素赋予页面性格和特点，前端也是展现，通过色彩先抓住自己的目标人群，通过设计表现自己。
当然这仅仅是是Web前端设计的一部分而已，这被成为-界面设计。WEB前端设计实际上是网页制作
，经过Web1.0进入Web2.0之后网站的前端由此发生了翻天覆地的变化，网页不再只是承载单一的文字和图片,它除了设计还要掌握开发技术，如：HTML、CSS和JavaScript等。
二、Web前端设计主要分为5个步骤：
1.看需求;
2.画草图;
3.设计界面;
4.前端代码编写;
5.兼容性调试。
当然事情并不绝对，除了必要的步骤之外还有一些细节需要去做，设计前与产品经理，视觉分析师，体验师沟通。设计定稿后，就是和后台程序员，测试工程师沟通，并反复调试。
三、扁平化VS拟物化
扁平化与拟物化，作为设计师现在必然要知道的两个词，那么他们本身都有什么样的优缺点呢?
1、什么扁平和拟物设计
扁平化设计(Flatdesign)完全属于二次元，这个概念最核心的地方就是放弃一切装饰效果，诸如阴影，透视，纹理，渐变等等能做出3D
效果的元素一概不用。所有的元素的边界都干净利落，没有任何羽化，渐变，或者阴影。
而拟物设计(Skeuomorph)正好相反，他需要加入各种元素的效果，通过不同的效果组合达到模拟要呈现物件外观的目的，以使新的外观让人感觉熟悉和亲切。
2、扁平化与拟物化的优缺点
扁平化设计单独设计起来更容易，突出内容主题，减弱各种渐变、阴影、高光等视觉效果对用户视线的干扰，让用户更加专注于内容本身，并且容易统一设计风格，调整设计方案更加方便。而现在手机平板电脑“横行”的今天，扁平化设计更能支持手势交互，而且它占用系统空间相对较少。
拟物化设计更适合初级人员了来做，这并不表示拟物化设计简单，而正是因为它的复杂所以更适合初级人员来做，可以让设计人员短时间内熟悉各种效果的实现，更好掌握色彩搭配等。并且拟物化设计认知和学习成本低，更能直接的表现出想表现的事物型物。
相对于它们的优点多多，它们的缺点确是一目了然。拟物化设计更倾向于视觉效果，功能实现很少。扁平化所能承载的信息量太少，会提高用户的学习成本。
四、前端设计如何规范?
(一)前端设计当然应该规范，原因是：
1、为了信息加载更快。
2、有利于后期调适和修改
3、有利项目二次开发。
4、有利于项目交接。
(二)那么前端设计应该如何规范呢?
1、最基本的就是代码规范，整齐、简洁的代码规范更方便后期调试和修改，也方便重用。
2、样式素材归类规范，养成好的素材归类习惯，也是设计规范的一种。
五、设计师应该从什么角度考虑用户体验
一直以来产品的设计都是在讨好用户，或者说是让用户知道什么是适合他的设计，那么我们要从哪些角度让用户知道这些呢?总体来说大致可以分为两种，一种是视觉上给予用户满足，另一种则是在流程引导上下功夫。
细致说来可以分为以下几点：
1、符合产品特点的视觉呈现，并把自己代入用户场景和角色设计布局(地铁中右手使用手机等)。
2、突出的，利于使用的视觉交互体验。
3、用户对产品功能不清晰的情况下，通过视觉表现合理的引导整个使用的流程。
总结来说就是在视觉上引导和取悦用户，在元素布局上让用户使用方便。
以上就是小编今天为大家分享的关于设计型Web前端做什么?都要学习什么的文章，希望本篇文章能够对正在学习Web前端技术的小伙伴们有所帮助。想要了解更多Web相关知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师！
8. 学习Web前端要知道的JavaScript基础语法规则
今天小编要跟大家分享的文章是关于学习web前端要知道的JavaScript基础语法规则。俗话说，“无规矩不成方圆”。用在计算机语言上也同样使用。每种计算机语言都有自己的语法规则，只有遵循语法规则才能写出符合要求的代码。JavaScript也不例外，在使用JavaScript语言时，需要遵循某些语法规则，如执行顺序、大写和注释规范。下面我们就以来介绍下，JavaScript基础语法规则。
1.按从上到下的顺序执行
JavaScript程序按照在HTML文档中的排列顺序逐行执行。如果代码(例如函数、全局变量等)需要在整个HTML文件中使用，最好将这些代码放在HTML文件的
2.区分大小写字母
JavaScript严格区分字母大小写。也就是说，在输入关键字、函数名、变量以及其他标识符时，都必须采用正确的大小写形式。例如，变量username与变量UserName是两个不同的变量。
3.每行结尾的分号可有可无
JavaScript语言并不要求必须以分号“;”"作为语句的结束标记。如果语句的结束处没有分，JavaScript会自动将该行代码的结尾作为整个语句的结束。例如，下面两行示例代码，虽然第一行代码结尾没有写分号，但也是正确的。(注意：书写JavaScript代码时，为了保证代码的严谨性、准确性，最好在每行代码的结尾加上分号。)
alert
alert
4、注释规范
使用JavaScript时，为了使代码易于阅读，需要为
JavaScript代码加一些注释。JavaScript代码注释和CSS代码注释方式相同，也分为单行注释和多行注释，示例代码如下：
//我是单行注释
/*
我是多行注释1
我是多行注释2
我是多行注释3
*/
以上就是小编今天为大家分享的关于学习web前端要知道的JavaScript基础语法规则的文章，希望本篇文章能够对正在从事会计相关工作的小伙伴们有所帮助。想要了解更多会计相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利成为一名优秀的web前端工程师！
9. 一个合格的web前端需要会什么
1. div和table
这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本 table是用来和数据打交道。
2.html
HTML是指超文本标签语言，是目前web领域应用广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列，所以要熟练掌握HTML基本知识，包括每个标签的用法等。
3. CSS
CSS指层叠样式表，可以为HTML标签自定义样式，通过设置HTML标签的样式，来改变其外形，达到美化与排版web页面的目的。
4.Javascript
Javascript是网页脚本语言，它可以在html中运行，设置并修改浏览器中的各种对象与变量。例如用来改进设计、验证表单、检测浏览器、创建 cookies等等，现在各大网站都可以看见 Javascript的踪影，常见的网站首页大眼晴、警告提示框、页面动画效果等等。Javascript更是一种在客户端广泛使用的脚步语言，在 Javascript当中提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等!
5.Jquery
Jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少。 Jquery是一个免费、开源的轻量级的Javascript库，并且兼容各种浏览器，同时现在有很多基于 Jquery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度。
6.框架
从 bootstrap开始，响应式的珊格系统被后来框架一直沿用，建议学一套主流mvc框架，vue，react， angular两选一种。
7.会点后台语言
对于前端工程师来说，并不需要像网站程序员样，编写对象、开发特殊功能、搭建数据库。但是前端工程师要掌握基本的页面GET＆POST传参、程序判断语法、程序输出语法、页面提交、数据库查询与记录插入，以及掌握HTTP与WEB工作原理、掌握Socket长连接实时网络通信技术、掌握 NOSQL中的 MONGODB的应用、了解PHP语法、了解 MYSQL数据库的基本操作。
当然，以上技能能够帮助你成为一个合格的前端工程师，但要成为一个优秀的前端，必须掌握除技术以外的东西，例如设计，用户等等，因此还需不断的坚持学习。
10. 什么是web前端开发标准
对于前端，官方的定义是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。用自己的话来说，前端是网页给访问网站的人看的内容和页面，那前端开发顾名思义就是这些内容和页面中代码的实现。
现在的前端开发使得现代网页更加美观，交互效果显着，功能更加强大。所以现在的前端开发，运用到的知识面更加广泛，难度也更大。前端开发目前市场需求还是很大的，而且相对来讲比较容易，很适合学习。需要学习的内容也不少，我有全套web前端视频课资料可以发给你自学。
学习内容包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。