微信小程序开发前端部分笔记整理

学习视频地址->微信小程序
目前打卡到67p…转去学学前端

p7遇到的问题
在这里插入图片描述
解决方法->在project.config.json中的setting中将checkSiteMap修改为false
在这里插入图片描述

全局配置

微信小程序全局配置文档->全局配置|微信开放文档
全局配置建议在微信开发者工具内编辑,有代码提示,而vscode内没有代码提示

tarBar(在全局配置中)
*这个是跟list同层级的
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
以上为微信开放文档中内容
底部栏演示代码以及显示效果

"tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "icon/dairy.png",
      "selectedIconPath": "icon/record.png"
    },
    {
      "pagePath": "pages/img/img",
      "text": "图片",
      "iconPath": "icon/hospital.png",
      "selectedIconPath": "icon/record.png"
    }
  ]
  }

在这里插入图片描述

页面配置

app.json是每个页面的默认配置
单个页面中的.json文件是对单个页面中的样式等进行修改

在p22内接触到了新的东西.less文件,vscode内直接下插件就可以使用(不得不说vscode太强了……
学css的时候完全没有接触过啊……也没搞明白.less文件和.css文件的区别,然后去查了这个问题,link一下自己觉得讲的比较清楚的文章
关于css样式文件和less的文件的比较说明
如何使用less?

一些比较杂乱的前端知识

在学校时候也没认真学css,当时提到css的时候有点懵,这是啥,看上去还挺方便的,查了博客以后,大致了解了一下
css伸缩盒子

在p54中提到了promise的用法(没太……看明白,回头看ES6教程捋捋)
ES6 Promise用法

&:nth-child()没查到&代表啥,但是查了一下后面的CSS3 :nth-child

p66中 优化接口-简化返回值和使用es7的async语法,经弹幕提醒,可以直接勾选加强编译,就不用下载导入文件了
async的基本用法

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值