‘壹’ 实现用户体验良好的前端页面，在开发的过程中要注意哪些方面的事项
所谓用户体验良好，主要表现在：
1、ui设计及颜色搭配
2、响应速度。
3、操作主流简便
1主要有设计师完成，2要靠写前端代码优化代码，让页面加载快，响应快。3、让用户操作符合主流习惯，简介明了。比如选项卡、下拉菜单、轮播图等。
‘贰’ 做前端开发的前景如何
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
‘叁’ 如何成为前端开发高手
web前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，新的技术也给网页增加了许多新的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，我们需要更深入，更系统地去掌握前端知识，选择一家专业的Web前端培训机构对发展很重要。
在国内大学课程里面，几乎没有前端开发这门课程，无非就是一些网页设计之类的课程，但那些课程无论是老师讲还是学生听，都是敷衍了事，这个我深有体会，我相信大家一定也有同感！所以，目前前端开发主要是通过自学，和参加正规的培训！对于培训来说，一般会分为初级、中级、高级等级别，因为凭我们自己很难掌握这些技能。但是自学是很困难的，毕竟是一个人自己摸索，网上看上去有很多视频可以学习，但是那些视频很多都是过时的，像js和h5这些想要自学根本学不会，更何况以后深入学习还要掌握框架构造！很多小伙伴就根本找不到学习的方向，最后白白浪费了自己的时间和精力！
那么我们应该怎么学习前端开发这门技术呢 ？ 现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了 ，并没有什么用! 如果你真的想学习网页制作这门技术，你可以来这个裙，前面是49四，中间是0六思，最后是9三思！ 在这里有最新的HTML课程 免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间 。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。听起来比较复杂，但前端开发的门槛其实非常的低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。
所以，对于从事IT工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。更系统的学习，做专业的人才更利于职业发展。当然学习的目的是为了就业，我们来看一下，web前端开发工程师前景如何？
行业发展好
从我们身边的方方面面考虑，互联网行业无疑是现在发展前景最好的行业之一。潭州教育致力于改变中国IT实践教学模式，引领中国IT教学技术标准与人才培养标准。让想学习的人随时随地都可以进行学习！
人才需求大
互联网对人们的影响越来越大，各类职业也需求更多，前端的人才需求比以前也有了质的飞跃。我们希望从业者：“我们不是为了学技术而去学技术，我们学技术是为了能更好去做产品”。最后引用乔布斯的话，Web就是未来，我们作为前端开发工作者也是未来。相信Web前端开发的明天会更好。
就业薪资高
web前端开发工程师做为互联网行业紧缺的职位之一，人才缺口巨大，每天还在不断的更新。人才少，薪资自然也是很吸引人的，据某网站77939样本统计从业人员平均月薪9690元，而且跟据经验的增加，薪资也是在不断的攀高的。渥瑞达就业环节拥有专业的就业团队，对毕业学员全程指导，真正兑现万元就业。
更容易进名企
专业的前端人才对口的大多数都是知名企业，像网络，淘宝，京东……都在急招，大企业对每个职业的专业化更加有要求，发展前景好。渥瑞达的Web前端培训课程由众多资深实战老师精心设计，从实战出发，教学质量更好，Web前端学习班课程针对企业用人标准设置，毕业前严格把关，更利于高薪就业。
年轻的时候，我们懒，我们三分钟热度;我们缺乏社会阅历，我们没车没房。这都很正常。但，你的眼光比你现在挣的钱更重要。未来是互联网的时代 你在做什么并不重要，你即将做什么才那是根本。网页制作只要你想学， 敢学，有一天，那些现在比你位置高的人都会被你比下去。 命运在你手中！月薪过万不是梦！
‘肆’ 前端如何提升用户体验
AJAX
看到这里肯定有人忍不住笑出声，的确这已经不算什么新技术，但要让我站在用户的角度来评价网站技术上的变化中给访问者带来最大友好性的一项，我肯定会选AJAX。
记得在我刚刚开始学会上网时候，不管是注册页面还是登录都是我最烦的，那时候网速又不快，打开一个注册页面就要几秒时间，然后从上往下有几十个选项要全部填满，比如其中有一项让我填写“密码保护问题”，这个设计简直让人想吃电脑，因为很多人一看这种问题应该都会和我一样随便写几个数字就提交，然后等几秒加载完网页提示“密码保护问题”不允许有数字，同时之前填写的十几项数据全部清空需要重新再来一遍，再花几分钟写完之后提交又提示不允许有字母，再来一遍，有时候还会提示字符太短太长有空格超时之类，总之如果你第一次注册这种页面，至少要花掉十几分钟，而且还是在重复做一件事。从网站运营者角度来看这也很烦，重复十几分钟填写表单很容易就失去很多潜在用户。
在AJAX的异步请求出现之后，这种情况明显的改善，给用户的体验感最明显。用户并不知道何时已经提交请求，就拿刚才表单的例子来说，如果每填写一项都会在当前表单的最后提示具体错误类型(在用户未点击时已经异步提交了请求并且用返回数据更新部分页面)，这就给用户很直观的提示，这种即时的互动让访问者能够很直观的感受到这是一个友好的网站。(当然用javascript也能做到部分表单验证，这只是举一个例子)。在不重新加载整个页面，通过操作DOM来改写小部分数据这点上也能给访问者带来极大的交互感，现在流行的微博就是最好的例子，在发送微博/评论/转发之后用户会发现不用刷新等待整个页面加载，操作之后立刻会有小部分的页面发生变化，虽然看起来微不足道，但对一个访问者来说，这足以让他们欣喜。
网页字体
网站中所有的文字内容表达方式都是通过字体，合理的字体无疑会给用户更好的体验感。在业内来说豆瓣可能是对字体研究最多的一个网站，拿豆瓣读书都来他们用Helvetica和Arial这两种差别非常小的字体，这种非衬线字体很容易让人一目了然同时富有一些科技感，豆瓣本身就是以图片加上简短语句组成，让人能够从字体中快速找到重心是设计的目标所在。
有人担心非衬线用作正文对阅读体验有影响，实际上不难发现国外很多网站都用非衬线字体来处理正文，当然也不排除他们可能考虑的更多是英文。其实我还是非常喜欢非衬线体，它们看起来更富美感，而且如今大量的文字在互联网上比较少见，一些活泼具有现代感的非衬线字体也逐渐被更多的开发者认同而且使用。
除去这些，字体还可以在选择上再细分一些，记得曾经看过一篇统计，不同的字体会影响用户对站点权威性的信赖程度。比方说在一个公司网站上大量使用类似于幼圆、Cursive一类字体，很容易让访问者不信任网站，当然如果是以娱乐为主的网站也不能过于严肃和简朴，在使用时既要考虑到大众用户的接受程度，也要知道自己的网站是什么定位，当然技术性的问题也不能忽略，像是火狐比IE区分sans-serif要更模糊一些，有的字体“O”和“0”、“L”和“1”容易让人难以区分(代码较多的站点需要考虑)等等，这样综合对比选择得到的字体无疑能让网站更有魅力，从而留下更多的用户。顺便一提，在使用字体时注意版权。
加载速度
很多用户在还未见到你出色的设计和内容之前就已经离开了页面，这是因为网站加载时间实在是太长，已使访问者失去耐心。其实很多的访客不关心脚本和图片的加载顺序，他们只要看到网站的整体结构能够迅速的加载出来就可以开始浏览，即便是其他元素逐渐加载也可以接受，基于这点，我们可以使用很多延时加载的方法来使用户更快的见到页面。除此之外还有很多因素可能会对加载速度造成影响，也有逐一优化的办法，这里就不再细述。
结构设计
不知道大家发现没有，近来很多网站都喜欢把菜单fixed在顶部，只要这个菜单选择项不是太多，访客对这样的固定菜单接受程度还是很高的，这只是设计中的一个小例子，相类似的有很多，比如在表单中以深浅颜色区分每一行，以提高可阅读性;在激活窗口时为当前控件添加一个边框，使用户能够更建议的分辨自己在操作哪个窗口等等。很多的设计与排版方式都已经得到了大众认可，可以作为网站设计时的参考。
网站结构设计的好看不好看对访客来说虽然有影响，但也不至于立刻离开，而且即便是非常精致的页面却对用户不怎么友好，想必也不会有多少人愿意访问。
举个例子，以前我用好搜(360搜索)的时候总感觉怪怪的，没有google和网络顺手，研究了一段时间之后才发现好搜的的主页搜索框比网络和google要低一些，Google到顶部固定菜单的距离是286px，网络是192px(未登录238px)，而好搜则是328px。相比之下，好搜的搜索框更趋向于屏幕中间，而网络与Google则是在屏幕中上方，对于已经常年习惯了网络和Google搜索的用户来说，想要改变这个习惯来适应好搜多少有些困难，除此之外搜索框还有结果页也有几个问题不一一细述，360这样做无外乎两点，一个是不在乎/不知道/不关心用户体验，一个就是故意有所不同，想要培养自己的用户习惯。(在我看来也不怎么成功)
细节决定成败
乔布斯的父亲是个木匠，曾经教给乔布斯一个理念，就是橱柜的背面里层也要细致处理甚至是打磨光滑，即便用户看不见。在理想主义的伟大试验品“麦金塔”出世之后，有人甚至感叹，就连电路板上的电路图都能当作艺术品，的确如此，乔布斯就曾经开除一个对电路图美学设计不满的员工。一个伟大产品的诞生并不是一蹴而就的，必然经过了长期的沉淀积累与琢磨，但仅此依旧不能称之为伟大，只能算成功。一个产品细节上的最后润色可能才是决定它价值的关键。对于WEB开发者来说，更是如此。
‘伍’ 前端如果有成千上万的页面该如何处理
一、图片处理
1. 图片：大小的控制与使用
以淘宝为例，你搜索的所有产品的列表页面，每个产品都有一个概略图（小图），
点开一个产品的页面可以看到产品展示图（中图），点击图片后可以看到原始图（大图），如果上面提到的三个页面都用用户上传的原始图，仅用控制显示大小，页面性能如何，可想而知，用PC机还好，如果用户用移动设备加3G网络访问，5分钟也打不页面，就是打开了，流量也用完了。
所以我们说为你的网站针对不同的情况不同的页面，采用不同的图像文件，当然屏幕分辨率也要考虑进去，如果有人用iphone打开和ipad打开，就不需要显示像PC机上那么大的图片了，只要适应设备就可以了，那你可能要问怎么做。
通过CSS Media Querises,可以轻松做到，你可以访问http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ 了解更多信息：
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
2. 压缩
传送图像的时候单单控制适当的尺寸往往是不够的。不少文件格式在不失真的前提下可以被压缩很多。有一类应用程序可以达到这个效果。比如Photoshop有个很好的功能叫做Save for Web and Devices，还有我个人觉得多用PNG是个可以考虑的方案
3. Sprite
增加应用程序性能的方法之一，是减少到服务器的请求数。每一个新图像代表一个请求数。有一个办法是将几个图片合并成一个，合并之后的图像叫做一个sprite，这个功能在淘宝你也会发现，在CSS中改变背景层的位置，就能准确的把特定部分的图像显示出来。比如Twitter Bootstrap利用sprites来制作内部图标，访问http://getbootstrap.com/2.3.2/ 你会了解更多
在CSS中，你可以参照以下方式，显示你喜欢的sprite部分：
.icon-edit {
background-image: url("../img/glyphicons-halflings-white.png
");
background-position: -96px -72px;
}
4. 超高速缓存
浏览器超高速缓存十分好用。尽管有时在开发过程中会导致一些非常有趣的情况，但它确实有助于提高你的网站的性能。所有浏览器的超高速缓存下来的内容包括图片、JavaScript或者CSS。有几种方法可以控制缓存，建议你阅读相关文章。
5. 预读取
HTML 5有一个很好的功能叫做预读取，它让浏览器提前下载你马上需要用到的资源：
<link rel="prefetch" href="/images/background.jpg">
6. 数据URI方案/内联图像
几年前我曾开发了一个简单的网页，只包含一个HTML文件夹，但当然里面应该还包括一些我需要的图像。数据URI方案帮助我解决了问题。我们的想法是将图像转换成一个base64编码的字符串，并将其放置在src属性中的img标签里，例如：
Html代码
<img src="data:image/png;base64,//8/==" alt="Red dot">
通过这种方法，你的图像实际上在HTML中并保存了一个HTTP请求。你的图像越大的话，字符串就越长。
‘陆’ 如何让一个网站前端有气质可以吸引住用户
1.网站战略：决定了网站的培养方向，错误的方向只会毁灭一个有潜力的天才。
2.网站灵魂/DNA：决定了网站最本质的东西，气质是网站灵魂无意识的外露，在美貌外表下有什么样的货色。
3.网站设计哲学：决定了用什么理念来培育一个网站。
4.网站人员对目标市场、目标用户需求深刻的理解：只有深刻理解目标市场的贵族气质是什么含义，才能够培育出市场为之疯狂的贵族。
5.网站人员对网站偏执狂式的热情：网站气质的培育是一个长期、痛苦的过程，需要有热情来支撑。正如俗话所说：3代才能培养一个贵族 。
6.对网站细节关注：气质在每一个细节中释放出来 。
7.持续的改进：正如人的气质是可以培养的，网站气质也可以在运营过程中持续完善，当然必须在网站战略正确、网站设计哲学。
‘柒’ 开发一个webapp(前端+后端)需要多少钱
如果有人这么跟我询价，我会报多少呢？
实现你描述的功能，加上普通的页面设计，可能三万吧
如果细节很多，可能五万吧，这是猜的。
确切的报价，需要明确很多细节。
比如说：推送是怎么个算法，话题？标签？
所谓特定用户是什么意思？如何筛选？
还有上面有人提到的，比如注册，是否需要验证手机？用户中心有些什么功能?
管理员可以对用户做些什么？可以对整站做些什么？
网站后台设置，一些附加功能等等都要说明。
最好是画个草图，写明每个页面的布局和链接，说明一下功能，这样别人心里有个谱。
不然有的人心里想勉强实现你提到的功能，报个低价。
有人想肯定要扩充很多细节，价格自然就高。
问了很多家报价，结果价格差别很大很大，心里更糊涂了
‘捌’ 前端要制作什么样的内容才能变现
前端的内容要能引流，才能更容易变现。举个例子，前端做成流量明星模块，以粉丝来实现浏览点击变现
‘玖’ web前端工作五年了，我来告诉你如何系统的学习现
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
‘拾’ 前端JS 怎么实现用户登陆之后点各个页面都不用再登陆
给你说个思路吧！
登录成功之后，把登录信息加密后保存在cookie里面；
然后建一个js文件，在这个文件里面做用户是否已登录的判断！如果登录了就直接显示该页面，如果没登录，就跳转回登录页面！
这个js文件在登录后才能看到的页面都做引用；