• 18651623183
网页前端的开发不是技术性的 非常简单吗?
作者:admin /日期:2019-06-06 21:33
  任何在互联网上工作的人基本上都会写几行html。使用Word的人可以使用Dreamweaver制作常规页面,因此大多数人自然会认为“网页前端的开发不是技术性的,非常简单”。不仅这种普遍认知,而且对从业者也有很多疑问:做前端实施页面,没问题;兼容性,小案例;图像集成,一直在使用..有什么问题?从业者广泛讨论瓶颈,天花板,变形和出口。真的没问题吗?网易邮箱前端技术中心也已成立多年。似乎有些主题无法讨论,并且通常会有一些新想法让每个人都欢呼。那么页面开发的要求是什么,做什么,内部有多深,让我们来看看它。
  在不同时间对页面前端的感知似乎是可变的。在互联网的早期,汽车仍然比房子贵,芝麻和粉丝只用于吃。菊花只用来煮茶。那时候,页面设计风格比较简单,相应的页面要求比较简单,而当时的浏览器基本上都是IE6的世界。 Javascript只是网页效果的代名词。 HTML页面本身并没有引起太多关注。似乎只要它可以使用div甚至表加css来帮助设置图像,并保留页面内容就可以了,而且这个概念已经存在了很长时间。随着页面内容的丰富性,设计风格的发展,交互复杂性的增加,AJAX的应用,浏览器的更新,让大家重新强调最基本的页面本身。然后热门讨论是浏览器的兼容性。最受欢迎的是全网搜索黑客。顺便说一句,IE6,7 .当这些再次完成时,似乎他们遇到了瓶颈并开始寻找出路。让我们从这个阶段开始吧。
  实现渲染是最基本的工作
  通过页面代码呈现视觉草稿包含两个基本诉求:1。它可以真实地反映视觉草稿; 2.它可以与浏览器兼容。实现这两个要求需要我们有追求细节和一定页面基础的态度。这两个内容的完成最初可以进入前端从业者的行列,但这意味着我们可以完成页面开发的工作。不,它刚刚开始!
  与设计师沟通和项目参与
  沟通非常重要。首先提出几个问题:我们是否与设计人员讨论了对低端浏览器渲染效率的一些影响?你有没有探索过CSS3可以实现的一些效果,使结构更简洁明了?代码和愿景是否有平衡?将页面前端开发给基本用户,将代码直接写在浏览器上,我们负责页面的稳定性和渲染效率。我们还经常在整体进度压力下遇到项目的设计和前端开发。更有必要尽可能地获取项目信息并理解我们必须做的事情。这可以帮助我们充分考虑重用和框架。扩大。良好的页面结构
  页面结构的编写就像建筑物的基础结构。其质量将直接影响CSS代码的质量,js开发和后台开发将影响未来的页面扩展,迭代和页面调整。获得视觉草案后,不要太忙,不要开始思考更多。分析布局,划分框架,然后规划结构并编写代码。特别是在大型项目中,模块化开发的合理使用在整体实施和维护方面具有相当大的优势。
  关于黑客
  许多学生在页面开发期间在互联网上搜索最多的黑客。我们是否依靠黑客来实现页面兼容性,答案是否定的。每个人都经常将IE6与我们进行比较来撒谎,我们不得不再撒谎一百个谎言来围绕这个谎言。我不否认IE6经常让我们吐血,但这并不意味着我们可以用更多的“谎言”来弥补它。在大多数情况下,您可以通过改变主意来调整HTML结构,或者使用一些无法解释但相对安全的CSS来摆脱黑客攻击。没有人可以预测什么时候使用黑客会让我们成为一个大黑客。例如,触发布局或位置:相对可以帮助解决许多IE6问题。
  美丽的代码
  如今,许多Web项目功能复杂,代码大小将变得非常大。如何更好地协调开发和维护是我们面临的问题。需要考虑统一规划的改进,还要养成良好的代码开发习惯,以便面对各种情况。查看页面代码,看到合理的标签使用,良好的注释,清晰的代码结构和准确的CSS不仅仅是欣赏艺术作品,而是进一步的下游开发和协作开发降低了通信成本。我们的理由是什么?你不这样做吗?举一个反面的例子:div滥用现在是一个典型的问题。您用多少个标签来计算自己?不同的语义应该使用相应的标签代码,特别是HTML5提供了更丰富的语义标签,他们正在等待战场上的战斗号,让我们解放它们!
  可访问的页面打开
  可访问性和易用性非常主观且用户友好。普通人似乎完美呈现的页面在某一特定群体中看起来并不一定如此贴心。当盲人使用屏幕阅读器软件在页面的某个区域中传播时,我们应该感到内疚。可以说,目前国内网站更加关注这一点,这需要我们共同努力,让更多的人感受到我们的热情。
  保证效率
  作为项目开发的一个相对高级的部分,页面开发可能需要尽快完成项目的时间,这需要我们尽可能地提高效率。 “因为工人们想要尽力而为,他们必须先磨砺自己的工具。”除了实际经验和代码习惯的形成可以帮助我们提高效率,并希望提高控制我们自身开发进度的能力,有很多辅助工具可以帮助我们制作页面。发展。例如,使用Less或Sass可以帮助我们扩展和组织CSS,从而大大提高CSS编写的效率并提高可维护性。例如,您可以使用zen编码的自动自动完成和自定义代码块来让您飞行。我甚至看到了使用自定义输入法的代码块关键字来加速开发。很多挖掘肯定会找到最合适的工具供您自己使用。优化服务器
  页面开发还需要了解服务器的优化,以最大限度地减轻服务器的负担。例如,css sprite是服务器请求的典型减少的示例。在网易邮箱页面的前端开发中,我们不断进行各种优化,例如始终在文件大小和服务器请求之间寻求平衡;修补用于最大化缓存利用率;与类名混淆压缩避免命名太长的冗余;应用base64减少了请求数量等。这些是全面权衡的结果,需要考虑所有方面的整体优化。因为当页面访问达到一定的数量级时,小的优化将取得相当大的成果,即使是小问题也会造成巨大的灾难。
  拥抱HTML5
  这是一个充满机遇的时代。随着移动互联网的兴起,HTML5时代的到来创造了更多的机会。还有很多东西值得学习发现。 HTML5提供了丰富的JS API接口,这需要我们学习; CSS3的华丽吸引了足够的眼球,我们需要学习;如何在移动设备上开发更合适的页面,我们需要研究..
  保持饥饿,保持愚蠢
  水越来越多,但发现水的底部仍然很深。上述内容越深入,越需要越过更多的山脉和河流。保持饥饿,用眼睛找出并发现,继续丰富你的技能,找到一个位置,突破瓶颈,所谓的“只有高层建筑才能完工”。本文的成立是因为之前和同行讨论过的瓶颈。我想给自己,找到学生在页面前端的位置,并理清这些想法。从斯坦福大学的苹果CEO那里得到“保持饥饿,保持愚蠢”的字样并与您分享。
【恒安业务】网站建设、网站设计、服务器空间租售、网站维护、网站托管、网站优化、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯
热门标签

网站建设 网站托管 成功案例 新闻动态 关于我们 联系我们 服务器空间 加盟合作 网站优化

备案号:苏ICP备13015331号 

公司地址:南京市鼓楼区广州路328号20楼2008室 咨询QQ:309664046 手机:18651623183 电话:025-87784618