资讯专栏INFORMATION COLUMN

提升开发体验三步走

高璐 / 448人阅读

摘要:论前端模块化与组件化的区别大公司里怎样开发和部署前端代码一些前端框架组件化实现的比较自动化编译预处理器,,构建工具静态分析工具参考资料京东李伟涛如何做好前端工程化和静态资源管理

规范化
1.代码规范
腾讯AlloyTeam前端规范

2.代码风格检测

eslint简介

Eslint静态代码检查

npm上的eslint-config

3.统一项目框架

组件化
首先需要确定哪些需要做成公共组件,那些是要做成独立组件,以及组件间如何进行通信。在页面中调用这些组件后,会自动加载组件的模板以及组件的静态资源,而当组件不再需要时,只要移除掉组件引用,那么相应的模板和静态资源也会不再加载。

组件化的好处主要有这么几点

管理方便,我们可以把一个独立功能相关的文件在工程目录中放在一起,这样代码管理起来会非常便利;

组件复用,通过抽取公共组件,可以实现组件复用,从而减少工作量,创造价值;

分而治之,这是组件化最重要的一点,将页面组件化,就是对页面功能的拆分,将一个大的工程拆成小的零件,我们只需要关注每一个零件的功能,极大地降低了页面的开发与维护的难度。

论前端模块化与组件化的区别?
大公司里怎样开发和部署前端代码?
一些前端框架组件化实现的比较

自动化编译
css预处理器:sass,less,stylus
构建工具: gulp
静态分析工具: webpack

参考资料
京东李伟涛:如何做好前端工程化和静态资源管理

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/80223.html

相关文章

  • 创新加速云计算普及和技术演进

    摘要:创新加速了云计算在中国的普及,中桥调研显示,中国近企业级用户将在混合云环境下运营,公有云快速成为核心资源。云计算高动态高自动化的资源部署和管理,让用户能够灵活根据业务需求,进行实时近实时交付,从而最大限度降低投入。数字化时代,创新快速成为数字经济增长最重要的驱动力。近年来,各国政府都出台了相应创新战略和规划,以推动自身经济可持续发展,提升国家在全球的竞争力。无论是德国的《新高科技战略–为德国...

    Betta 评论0 收藏0
  • 前端性能优化

    摘要:端优谈谈关于前端的缓存的问题我们都知道对页面进行缓存能够有利于减少请求发送,从而达到对页面的优化。而作为一名有追求的前端,势必要力所能及地优化我们前端页面的性能。这种方式主要解决了浅谈前端中的过早优化问题过早优化是万恶之源。 优化向:单页应用多路由预渲染指南 Ajax 技术的出现,让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容,这就是单页应用。在一个单页应用中,往往只有一...

    Dean 评论0 收藏0
  • 揭秘支付宝中的深度学习引擎:xNN

    摘要:本文介绍支付宝中的深度学习引擎。因而无论在运行速度和内存占用等性能指标还是在兼容性上,支付宝的移动端都必须做到极致,才能较大幅度地降低使用门槛。五大目标支付宝是针对国民环境定制开发的移动端解决方案,项目制定了如下技术目标。 本文介绍支付宝App中的深度学习引擎——xNN。xNN通过模型和计算框架两个方面的优化,解决了深度学习在移动端落地的一系列问题。xNN的模型压缩工具 (xqueeze) ...

    wayneli 评论0 收藏0
  • 【名额有限】云开发AI拓展能力等你来体验

    摘要:一键部署后端能力首先需要开通云开发的人脸特征分析与检测扩展能力,并完成授权。云开发与云开发和本没有特别大的关联,使用云开发可以化调用腾讯云的能力,然鹅来自官方的云开发扩展能力解决方案却让这两者发生了奇妙的化学反应。 这次来了个超厉害的新能力!人脸智能打马赛克、人脸智能裁剪……各种操作,都能一步到位!迫不及待想体验,戳链接:https://wj.qq.com/s2/3986990/......

    Simon 评论0 收藏0
  • 腾讯云IPv6:已经进入快车道

    摘要:记者日前采访了腾讯云高级工程师周显平,对腾讯云的建设情况进行了深入探讨。目前腾讯云的能力已覆盖基础设施等各个层级。腾讯云目前在大垂直行业多细分领域已经深耕出多种业务场景,包括基于平台实时音视频能源管理服务的智能家居智能零售智能能源等。让地球上的每一粒沙子都有地址,没错,我们今天要谈的是IPv6。在互联网的发展进程中,TCP/IP协议是一块重要的基石。其中,IP是网络层协议,通过它才可以规范互...

    wayneli 评论0 收藏0

发表评论

0条评论

高璐

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<