📜  Sencha Touch-命名约定(1)

📅  最后修改于: 2023-12-03 15:05:10.390000             🧑  作者: Mango

Sencha Touch-命名约定

Sencha Touch是一款基于HTML5和CSS3的移动应用程序开发框架。在开发应用程序时,遵循好的命名约定能够让代码更好维护、易于理解。在本文中,我们将介绍一些Sencha Touch开发中的命名约定。

组件命名

在Sencha Touch应用程序中,通常使用组件来构建UI界面。为了方便代码维护和改进,组件的命名应该明确,有意义且唯一。以下是一些通用的命名规则:

  • 为组件命名时,使用单词首字母大写的驼峰式命名法。例如,Button、TextField、Panel等。
  • 为组件添加前缀,以便更清楚地表明其类型。例如,Ext.Button、Ext.TextField、Ext.Panel等。
  • 如果是自定义组件,可以添加自己的命名空间。例如,MyApp.components.CustomButton、MyApp.components.CustomTextField等。
变量命名

除了组件,还有很多变量需要命名。在Sencha Touch应用程序中,变量指的是一些局部变量、属性、方法等。以下是一些通用的命名规则:

  • 为变量命名时,使用单词首字母小写的驼峰式命名法。例如,userName、password、isLogin等。
  • 为属性命名时,使用单词首字母小写的驼峰式命名法即可。例如,xtype、title、scrollable等。
  • 为方法命名时,使用动词加名词的形式,使用单词首字母小写的驼峰式命名法。例如,showMessage、setUserName、login等。
类命名

在Sencha Touch应用程序中,类是指继承自ExtJS中的类或自定义的类。以下是一些通用的命名规则:

  • 为类命名时,使用单词首字母大写的驼峰式命名法。例如,MyClass、CustomPanel、LoginView等。
  • 为类添加前缀,以便更清楚地表明其类型。例如,MyApp.views.LoginView、MyApp.models.UserModel等。

以上是Sencha Touch应用程序中的一些命名约定,遵循这些约定能够让代码更加易于阅读和维护。