大一寒假学习笔记01

**

微信小程序开发

**
名词解释：
1、API
API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。——百度百科
说得更加通俗易懂一些，别人写好的代码，或者编译好的程序，提供给你使用，就叫做API。你使用了别人代码（或者程序）中的某个函数、类、对象，就叫做使用了某个API。
2.hexcolor:十六进制颜色
3.navigation:导航栏
笔记
1、小程序开发前的准备：
（1）申请账号，注意查看APP ID,很重要；
（2）安装开发工具
2、小程序代码构成
json 后缀的 JSON 配置文件、.wxml 后缀的 WXML 模板文件、.wxss 后缀的 WXSS 样式文件、.js 后缀的 JS 脚本逻辑文件
（1）.json 后缀的 JSON 配置文件
分为app.json 和 project.config.json
app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  }
}

pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。（页面），第一个即为小程序开始的页面
window字段 —— 定义小程序所有页面的顶部背景颜色，文字颜色定义等
window属性：

"window":{
    "backgroundTextStyle":"dark",//下拉loading上小点点的颜色，仅有dark和light
    "navigationBarBackgroundColor": "#0094ff",//导航栏（最上面部分）颜色，仅支持十六进制颜色
    "navigationBarTitleText": "我的应用", //小程序最中央的标题
    "navigationBarTextStyle":"white",//导航栏标题颜色，仅支持black和white
    "enablePullDownRefresh":true, //是否开启下拉刷新
    "backgroundColor":"#b0b0b0"//下拉时标题与内容之间部分的颜色
  },

上述为常见属性，更多属性可查看微信小程序开发文档

```html
 "tabBar": {
    "list": [{               //list为数组
      "pagePath": "pagePath",  //点开底部按钮是跳转的页面路径，必须先存在pages中
      "text": "text",  //底部按钮的文字
      "iconPath": "iconPath",  //未选中图标
      "selectedIconPath": "selectedIconPath"  //选中图标
    }]
  }

页面配置:即可分别给每个页面设置不同的标签和属性。

3、.wxml文件：
text标签：相当于span,行内元素，不单独占一行；
view标签：相当于div，块内元素，单独占一行；

css学习笔记

清除浮动的方法：
1、额外标签法也称为隔墙法，是W3C推荐的做法；
2、父级添加overflow属性；
3、父级添加after属性；
4、父级添加双伪属性。
ps切图
常见的图片格式：
1、jpg图像格式：对色彩的信息保留较好，高清，颜色较多，产品类的图片经常用jpg格式；
2、gif图像格式：最多只能存储256色，所以通常用来显示简单图形及字体，但是可以保存透明背景和动画效果，实际经常用于一些图片小动画效果；
3、png图像格式：是一种新兴的网络图片格式，结合了gif和jpeg(jpg)的优点，具有存储形式丰富的特点，能够保持透明背景，如果想要切成背景透明的图片，请选择png格式；
4、psd图像格式：是photoshop的专用格式，里面可以存放图层、通道、遮罩等多种设计稿。对前端人员来说，最大的优点是可以直接从上面复制文字，获得图片，还可以测量大小和距离。