`

随手记:为系统设计一套简易的JavaScript框架需要考虑的要素

阅读更多

最近在工作中做前端的重构,其中一个重要步骤就是设计一套简易的前端框架,把所想到的随手记下来:

 

  • 物理和分布
    js文件布局
    模块化
    依赖关系梳理
    加载梳理

 

  • 技能储备
    JavaScript进阶
    JavaScript面向对象
    JQuery(或其他JavaScript基础框架)熟悉使用

 

  • 规范和规则
    JavaScript规范
    对象化示例代码

 

  • 框架内容
    模型定义
    通用模块设计
    CSS/DOM操纵封装
    公共常量和工具方法
    JavaScript内置对象扩展
    核心模块的逻辑骨架

 

  • 基础设施
    日志
    Ajax封装和预置参数

 

  • 代码测试和辅助
    JSUnit
    JSDoc
    文件校验
    整合、混淆和压缩
分享到:
评论

相关推荐

    Android 随手记 suishouji

    随手记通过设计简洁明了的UI,使用户即使单手操作也能快速完成记账,这背后涉及到Android的布局设计、事件监听以及触摸事件处理等技术。例如,使用LinearLayout、RelativeLayout或ConstraintLayout进行布局管理,...

    随手记 部分源码

    【随手记】是一款广受欢迎的Android应用...通过深入研究这个开源的随手记部分源码,开发者不仅能掌握Android应用开发的实战技巧,还能了解到优秀应用的设计思路和最佳实践,为自己的Android开发之路增添宝贵的经验。

    随手记 Android 源代码

    《随手记 Android 源代码解析与学习指南》 随手记是一款广受欢迎的个人财务管理应用,其Android版本的源代码提供了深入理解移动应用开发的宝贵资料。这份源代码的公开,为开发者提供了一个实践和研究Android应用...

    最终版_张越_随手记统一监控平台架构实践.pdf

    ### 最终版_张越_随手记统一监控平台架构实践 #### 诞生背景 随着随手记业务规模的不断扩大,其微服务数量快速增长至300+,这导致了监控复杂度急剧上升。早期的手动登录生产机器进行故障排查的方式已无法满足需求。...

    Android软件设计-随手记

    【Android软件设计-随手记】是一款专为个人花费计算打造的Android应用,旨在帮助用户轻松记录日常生活中的收支情况。在实习期间,开发者充分利用了Android平台的特性,结合软件工程的最佳实践,构建了一个功能完备、...

    金蝶 随手记 pc 电脑版

    【金蝶随手记 PC 电脑版】是一款专为个人用户设计的财务管理软件,适用于Windows操作系统。作为金蝶集团的产品,它提供了便捷的记账功能,帮助用户轻松管理个人财务,实现收支明细一目了然。虽然它是一款单机版软件...

    类似于随手记的记账软件

    此类软件旨在为用户提供便捷的个人财务管理工具,类似于市面上流行的“随手记”应用。它集成了多种财务记录功能,帮助用户追踪收入、支出,实现对财务状况的清晰掌握。 【描述】:“功能相对比较强大,可以显示图表...

    随手记—家庭记账本

    "随手记—家庭记账本"是一款模仿金蝶公司财务软件设计的家庭理财工具。这款应用旨在帮助用户轻松、快捷地管理日常收支,实现个人或家庭财务的清晰记录。通过简单的代码实现,使得用户无需深厚的编程基础也能理解其...

    Android随手记

    【Android随手记】是一款专为Android平台设计的创新性移动笔记应用,旨在提供高效、便捷的笔记记录体验,尤其适合现代学习者的需求。这款应用程序充分利用了Android系统的特性,结合先进的技术,让用户能够在任何...

    精典源码之随手记安卓记账项目.rar

    "精典源码之随手记安卓记账项目.rar" 是一个压缩包文件,其中包含了一个名为“随手记”的安卓记账应用的源代码。这个标题表明我们有机会深入研究一个实际的Android应用的开发细节,特别是关于财务管理方面的功能实现...

    android手机随手记

    "Android手机随手记"是一款专为Android用户设计的记账应用程序,旨在帮助用户方便快捷地管理个人财务,实现资金的合理规划。通过分类记账功能,用户可以清晰地追踪每一笔收入与支出,从而更好地理解自己的消费习惯,...

    Android代码-随手记记账应用源码.zip

    本文将围绕"随手记记账应用源码.zip"这一主题,探讨其背后的编程思想、设计模式以及Android开发的关键技术。 首先,我们关注的是Android应用的基本架构。"随手记"源码很可能采用了MVP(Model-View-Presenter)或...

    随手记录身边的技术问题

    《随手记录身边的技术问题——SiteStar系统架构探析》 在我们的日常工作中,技术问题无处不在,而记录和理解这些问题对于个人成长和技术积累至关重要。本文将以“SiteStar系统架构”为主题,通过分析其思维导图,...

    一些爬虫基础和python基础随手记练习.rar

    在本压缩包“一些爬虫基础和python基础随手记练习.rar”中,包含的是关于Python编程语言的基础知识以及网络爬虫技术的学习资料。Python是一种高级、通用的编程语言,因其简洁明了的语法而受到广大程序员的喜爱,尤其...

    Android应用源码随手记安卓记账项目

    【标题】"Android应用源码随手记安卓记账项目"主要是一个简单的Android应用程序,专注于基本的记账功能,不包含多余或复杂的设计元素。开发者可能旨在提供一个易于理解和使用的工具,帮助用户快速记录和管理日常收支...

    仿随手记小程序.zip

    【仿随手记小程序】是一个基于微信小程序开发的...通过分析仿随手记小程序的源代码,开发者不仅能学习到小程序的基本开发技术,还能了解到个人财务管理应用的设计思路和实现方法,为自己的小程序开发之路打下坚实基础。

    android随手记

    【标题】:“Android随手记”是一款专为Android平台设计的笔记应用,旨在提供便捷的记录功能,让用户随时随地捕捉生活中的点滴。源代码的开放性使得它成为初学者学习Android开发的良好资源。 【描述】:该项目提供...

    竞品分析报告:叨叨记账 VS 随手记.pdf

    选取随手记作为叨叨记账的主要竞品,是因为随手记作为市场领导者,其产品设计和市场策略值得叨叨记账借鉴和挑战。 5. **用户需求与产品功能**: - **叨叨记账**:主打创新的交互体验,通过模拟对话提高记账的乐趣...

    ios-AA记账随手记.zip

    总的来说,"AA记账随手记"凭借其强大的记账功能、人性化的操作设计和贴心的合帐服务,在众多记账应用中脱颖而出,成为了iOS用户财务管理的得力助手。无论你是想要更好地掌控个人财务,还是希望在团体活动中轻松处理...

Global site tag (gtag.js) - Google Analytics