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

版权声明： https://blog.csdn.net/qq_41115965/article/details/82189122

项目开发准备

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