小程序《旧岛》项目笔记（1）-项目开发准备

墨蓝 2021-09-16 05:58 356阅读 0赞

## 项目开发准备 ##

### 1、开发工具 ###

对于小程序项目，我们除了使用小程序官方开发工具外，还可以使用第三方开发工具，比如vscode、vim、sublime、webstorm等等。vscode中，提供了一些好用的插件，便于开发。

### 2、样式继承 ###

小程序中，很多样式都是不可以继承的，常见的可以继承的样式有foot、color等等，这一点是需要特别注意的。

### 3、组件的定义与使用 ###

开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。

新建组件的方法：首先，在根目录下新建文件夹components，而后在components下新建文件夹like（以like为例），而后新建Component，命名为index（以index为例）。组件同样有4种文件，其中js文件如下：

// components/like/index.js
    Component({
      /**
       * 组件的属性列表
       */
      properties: {
    
      },
    
      /**
       * 组件的初始数据
       */
      data: {
    
      },
    
      /**
       * 组件的方法列表
       */
      methods: {
       
      }
    })

组件使用的方法：在使用的时候，我们需要在页面文件（以classic为例）对应的json文件中进行如下配置：其中，v-like表示组件名称，/components/like/index表示组件路径。然后，在classic.wxml中引入，类似于vue组件的使用。

{
      "usingComponents": {
        "v-like": "/components/like/index"
      }
    }

<v-like></v-like>

### 4、支持的选择器 ###

目前小程序支持的选择器有：class选择器、id选择器、标签名选择器、后代选择器、::before、::after等等；

### 5、数据来源 ###

小程序中的数据来源，通常有以下3中方式：wxml、js→wxml、服务器→js→wxml

### 6、var 与 let 的区别 ###

let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。与var关键字不同的是，它声明的变量只能是全局或者整个函数块的。网址：[https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/let][https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Statements_let]

[https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Statements_let]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/let