和盈教育

【杭州和盈教育】◆24小时咨询热线：400-888-5484  QQ：2638026967◆和盈教育专注于，WEB前端工程师，。在线预约可享受免费试听课程，更多优惠请电话咨询在线值班老师！！！

杭州和盈教育获得*服务外包培训机构年度优秀奖，浙江省示范服务外包培训机构，杭州十佳大学生创业实训机构，杭州十佳大学生创业实训机构，杭州市信息办大学生实训基地，杭州市信息办大学生实训基地

以下是有关和盈教育WEB前端工程师课程相关介绍以及WEB前端工程师资讯动态...

　　移动Web开发的10个重要准则
　　移动设备的快速发展给用户带来了很大的便利，用户使用Android、iPhone和其它移动设备很容易接入互联网。较近的一项研究表明，超过6300万的用户使用移动设备访问不同的移动网站，这个数据预计到明年年底会达到2亿左右。由于人数在不断增长，所以产品经理和设计师们要及时追踪移动用户访问的移动网站，了解移动网站发展的较新动态。但说到底该如何良好恰当地追踪？这是每个产品经理和设计师都要认真思考的问题，在此，本文作者归纳出10点重要准则并对其进行阐述以供大家参考。
　　1.初始分析
　　分析用户的关注点非常重要。首先分析你的网站中哪些页面是主要的，那些页面的访问量较大，这将有助于你设计移动网站中的网页分布。其次一定要查找用户正在使用的关键字，因为用户往往*它们到达你的网站。这些分析结果将对移动开发起到重要的作用。
　　2.用户特征
　　和桌面用户比起来，移动用户必然会有不同的需求。在开发和设计移动网站时，一定要考虑用户特征。如果你的目标用户是年轻人，要确保他们在开车、购物或参加其它活动时都能够非常容易的访问你的网站。所以分析用户特征在移动网站的开发中也很重要。
　　3.少使用图像
　　事实上，在移动网站上使用图像是无益的，所以不建议大量使用图像。原因如下：
　　移动用户使用的网络连接通常比较缓慢，它们很难下载大量的图像，如果图像很大，也需要很长时间来加载。所以，尽量避免使用图像。
　　每个图像都需要一个新的HTTP链接，这个链接会使网页的加载速度更慢。
　　在开发过程中，由于设备的分辨率不同，图像的尺寸大小就会不同，所以添加大量图像会增加额外的工作量。
　　如果真的需要在网站上使用图像，一定要使用CSS Sprite。CSS Sprite能适时提高加载速度。
　　4.不依赖JavaScript
　　由于移动设备的浏览器不能很好的支持JavaScript，所以不能依赖JavaScript开发移动网站。但是如果在未来几年内，Apple、Android和Blackberry等系统有完美支持JavaScript的可能性，那么这个问题就能得到解决。
　　5.避免弹出下拉列表
　　避免在移动网站中弹出下拉列表。下拉列表仅适用于桌面的网站，因为用户可以将光标移动到任何选项卡以查看下拉列表。下拉列表可以使用，但是不建议在移动网站上使用。
　　6.压缩JavaScript和CSS代码，优化下载速度
　　正如前面提到的，不要依赖JavaScript。如果必须使用JavaScript，那么建议将JavaScript和CSS代码进行压缩。JavaScript和CSS的压缩工具使用起来也很简单。
　　7.水平和垂直布局
　　近期，我们看到很多移动网站既支持水平布局又支持垂直布局。这两种布局在iPhone和Android平台上运用的很好，但不是对所有的智能手机都适用。在开发移动网站时，应该设计单一方向的布局格式。也就是说只允许用户在单一的方向以滚动形式来查看内容。默认情况下，单一的方向应该是垂直的，因为这是用户期望的自然形式。如果页面有正在使用的图像，它们也应该支持垂直滚动。在移动设备中不建议同时使用垂直和水平布局。
　　8.了解移动设备功能
　　开发移动网站的一个很好的方法是了解移动设备较流行的功能。然后，你可以将这些功能融合到你开发的网站中，这将会是你网站的一个亮点。
　　9.提供常规网站链接
　　移动网站所包含的信息是非常有限的，如果想容纳更多的信息，可以在移动网站主页上提供一些常规网站的链接。
　　10.网站的速度
　　在开发移动网站时，网站速度是要优先考虑的。你的网站应该快速的传送网站的内容。如果你想做到这一点，就要尽量避免使用JavaScript和Flash。移动Web较重要的指导方针是要注重网站的功能和速度。

　　Web前端开发性能优化技巧
　　根据网站的分层架构，可以大致的分为web前端性能优化，应用服务器性能优化，存储服务器性能优化三大类。
　　一般来说，web前端就是应用服务器处理之前的部分，包括浏览器渲染、加载，前端视图模型，图片视频资源，CDN服务等，主要优化方法就是优化浏览器访问渲染过程，使用反向代理，使用CDN服务等。
　　浏览器访问渲染优化
　　减少http请求数
　　http协议是无状态的应用层协议，每次http请求都会建立新的通信链路，并且在服务端，每个http连接都会开启一个单独的线程去处理请求，这都会产生额外的开销。
　　主要手段就是去合并压缩css，JavaScript，图片文件，把需要的css，JavaScript，图片资源进行合并减少建立的连接请求数。
　　同时使用http的keep-alive来进行连接的复用，以此来减少建立的http连接数，提高访问性能。
　　启用压缩
　　在服务端进行文件的压缩，减少通信传输过程中的数据量。
　　对于文本文件，压缩率能够达到80%以上，因此在服务端启用gzip压缩是一个很好的选择，但启用压缩的同时也会给服务器带来额外的开销，所以要具体情况具体分析。
　　css，JavaScript代码优化
　　css代码优化：
　　尽量使用外部样式，并且放在页面顶部加载，一方面能够及时渲染，另一方面能够避免因某些样式导致阻塞渲染。
　　压缩合并css文件，尽量精简文件，减少通信传输数据量和请求连接数
　　JavaScript代码优化：
　　因为JavaScript代码边加载边解析，解析的过程会阻塞浏览器渲染，因此把JavaScript代码放在页面底部加载
　　同样的压缩合并JavaScript文件，尽量精简文件，减少通信传输数据量和请求连接数
　　写高性能的JavaScript代码
　　使用浏览器缓存
　　一般来说，对于网站里面不经常变化的静态资源，更新频率比较低，因此可以把这些资源缓存在浏览器中，能够很好的改善性能。
　　*设置http头里的Cache-Control和Expires属性来设定浏览器缓存时间。
　　另外还有Etags和opcode的缓存，根据具体情况进行选择吧。
　　CDN加速
　　CDN的本质也属于缓存，内容分发网络，把数据缓存在里用户近的地方，使用户尽快的获取数据。
　　因为CDN都是部署在网络运营商的机房，这些运营商又同时为用户提供网络服务，因此用户请求的路由会优先到达CDN服务器，如果存在请求的资源的话，就直接返回，*短路径返回响应，加速用户访问速度，同时还能够为中心机房减轻压力。
　　CDN一般用来缓存静态资源，css，Script脚本，静态页面，图片等，这些内容修改频率很低但是访问请求频率很高，因此放在CDN上能够很好的改善访问速度。
　　反向代理
　　传统的代理服务器是当你请求不到所请求的资源时，由代理服务器帮你请求，你知道你请求的*终的服务器是谁，典型的例子就是VPN，*代理服务器来请求到墙外的世界。
　　而反向代理是当你请求一个地址时，你请求的是反向代理服务器，然后由反向代理服务器去请求其他服务器来获取内容，而你不知道*终是