初步探索Wechat小程序 | 学习打卡

Posted 村中小白花

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初步探索Wechat小程序 | 学习打卡相关的知识,希望对你有一定的参考价值。

初步探索Wechat小程序 | 学习打卡

序言

在前半年的时候,用Appinventor做了一个简易的蓝牙小车控制app,做的时候不需要语言基础,只需要熟悉各部分的代码块,以逻辑为线索将代码块拼接就可以。

最近又看到了村中的博主在推社区,推小程序,作为一个机械人,抱着打好每一个小螺丝的态度,决定尝试进行学习了解,其实最终目的还是看一看能不能获取到流量。

大学期间做过微信公众号,都是宣传、吸引人的窗口,因此觉得这里有共同之处。最重要的可能就是定位,比如面向的群体,载体的形式,以及发布的形式····(我在说什么?)

小程序开发基础:htmljavascript 。嗯,都不会哈哈哈!

笔记

1、框架

  • 在微信公众平台,注册小程序开发账号,有自己的AppID(https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN)
  • 下载微信小程序开发工具
  • 建立项目,开发框架、配置、界面
  • 审核,发布

2、记录

  • pages 文件下面的目录即页面的目录
  • .js 为这个页逻辑,使用js代码
  • .json为配置文件
  • .wxml为结构文件
  • .wxss为样式布局文件
  • app.js \\ app.json \\ app.wxss 为全局文件

3、细节

app.json 修改导航栏颜色和显示标题


  "pages": [
    "pages/index/index"
  ],
  "window": 
    "navigationBarBackgroundColor": "#FF6600",
    "navigationBarTitleText": "First project!"
  

index.wxml文件

<text>

Hello Wechat!

</text>

待续

生命不息,学习不止!

以上是关于初步探索Wechat小程序 | 学习打卡的主要内容,如果未能解决你的问题,请参考以下文章

vscode 开发微信小程序环境配置

微信小程序开发之代码提示插件(VSCode)

Good Time 冲刺 三

成就更好的自己!跟着微软Reactor一起探索回归世界吧!

Good Time 冲刺 一

将vscode打造成无敌的IDE初步探索vscode,解放生产力