2021-03-29

课程规划小程序

安装依赖

npm install

开发环境启动

npm run dev:mp-weixin

构建生产环境

npm run build:mp-weixin

项目规范

目录及命名规范

【Pages目录】页面级目录
planPages
-- moudle_loading
-- src
-- loading
-- report_loading
-- module_core
-- src
-- curriculum_planning

主包/子包目录下,为各页面级目录,文件夹名称为各模块名(moudle_ + 模块名),文件夹下一级文件为页面(小驼峰)!

【Components目录】页面级目录
components
-- no-data
-- question

components目录下,为公共组件,文件夹名称为组件名(横杠分隔),文件夹下一级文件为组件(横杠分隔)!

css规范

格式命名规范 参考:百度FEX前端团队 css 规范
用法规范 参考:WXSS

  1. 尺寸单位 rpx
  2. 禁止内联样式
  3. 选择器:统一使用,class和id 选择器,禁用标签选择器

globalData 规范

globalData是小程序中一种简单的全局变量机制,被uni-app重新实现,全端通用!具体内容请参考:uni-app globalData

全局变量机制,支持了极简版的跨页通讯,但是同样带来了一定的维护问题!基于此,这里定义了项目中globalData的使用规范,并在项目支持全局log globalData!

// main.js
app.prototype.log = () => {
  console.log(getApp().globalData);
};

// xxx.vue
this.log();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.传统权限:rwx。 -r,可以读取,ls -w可以写, -x可以执行, 2.特殊权限:SUID,执行这个程序时...
    TnC_a1f7阅读 187评论 0 0
  • 第二周作业(3月29) 1、从三个方面简述Linux中的权限体系,如传统权限、特殊权限、访问控制acl linux...
    sheir阅读 173评论 0 0
  • 1.从三个方面简述Linux中的权限体系,如传统权限、特殊权限、访问控制acl a.传统权限:读r,写w,执行x。...
    e7cb3918699f阅读 352评论 0 0
  • 写在有道笔记上,uni项目实践,转过来格式不太好看,先做此记录吧。 看了uniapp多端开发,感觉不错,还有模板商...
    YellowPoint阅读 2,434评论 0 1
  • AI守望者为您推送今日科技资讯简报: 1.比PyTorch、TensorFlow更快,MindSpore开源一周年...
    烛之文阅读 335评论 0 0