微信小程序基础知识,个人笔记

news/2024/7/20 1:17:40 标签: 小程序, 入门笔记

小程序中没有dom和bom,不能根据id等属性获取控件,只能通过数据绑定的方式

1、app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释

2、app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

3、微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页

4、app.js 主要是全局公共的js方法声明及调用所在的文件

5、app.json 是小程序整个的配置文件,所有页面都在此注册,不然不能访问。会报错

6、app.wxss 是全局的css文件, 公共css写在该文件中

7、 .wxml后缀的文件是页面结构文件

8、 微信小程序是微信全新定义的规范,是基于xml+js的。不支持也不兼容HTML

全局配置:app.json

**window:**
	  "backgroundTextStyle" : "#000"             //下拉背景字体,loading图的样式
	  "navigationBarBackgroundColor" : "red"    //导航标题背景色                
	  "navigationBarTitleText": "标题",         //导航标题内容
	  "navigationBarTextStyle": "#fff"         //导航标题字体颜色
	  enablePullDownRefresh : false / true     //是否开启下拉刷新

**"tabBar":**
	    "color": "#000000"     //底部导航字体颜色
	    "selectedColor": "#0c98e2"  //底部导航选中字体颜色   
	    "borderStyle": "#dcdcdc"    //底部导航上边线颜色
	    "backgroundColor": "#f4f4f4"     //底部导航背景色


//跳转页面事件处理函数
catchtap="toOrder"    //跳转页面事件
  toOrder: function () {
    wx.navigateTo({
      url: 'list/list'
    })
  },

//表单属性
auto-focus   //自动获取焦点,键盘弹出
maxlength     // 最大输入长度,设置为 -1 的时候不限制最大长度
auto-height     //是否自动增高
bindblur           //输入框失去焦点时触发 value: value
type="primary"            //按钮类型
bindblur="bindTextAreaBlur"
bindtap="BeginSearch"  
bindinput="bindKeyInput" 

注意事项:

  1. 背景图片不识别,解决办法:把图片上传至服务器,把地址写在背景路径,或者把图标转换
  2. 底部导航栏 tabBar底部导航栏 tabBar是一个数组,只能配置最少2个、最多5个tab
  3. 小程序中不能和字节操作Window对象,document文档。小程序中不能和字节操作Window对象,document文档。
  4. 小程序脚本逻辑实在JsCore中运行,JsCore是一个没有窗口的对象环境,所以不能再脚本中使用window、zepto、jQuery。
  5. 样式表不支持级联选择器, WXSS支持一 . 开始的类选择器
  6. tabBar的页面用switchTab进行调整, tabBar的页面用switchTab进行调整, 没有tabBar的页面用navigateTo进行调整
  7. Picker和Picker-view的区别在于一个从底部弹出,一个直接嵌入页面内部
  8. navigator支持相对路径和绝对路径的调整,默认打开新页面,不可跳转到小程序外的链接地址, 仅支持5级页面的跳转
  9. 文字片段在view中不能换行的问题,要使用强制换行,至于是使用white-space:pre-line(不会保留空白和tabs),还是white-space:pre-wrap(会保留空白和tabs)

http://www.niftyadmin.cn/n/1510702.html

相关文章

网络编程(UDP)

一.UDP服务器 #include <stdio.h> #include <sys/types.h> /* See NOTES */ #include <sys/socket.h> #include <arpa/inet.h> #include <string.h> #include <unistd.h> #include <pthread.h>#define PORT 9998void h…

layui 关闭当前tab标签页和关闭所有tab标签页

在项目中需要关闭当前tab标签页和关闭所有tab标签页。 关闭当前tab标签页&#xff1a; function closeThis(){top.layui.element.tabDelete("tab", top.jQuery(".layui-tab-title .layui-this").attr("lay-id"));}关闭所有tab标签页 $(.close-…

1亿以内素数的个数_这个程序运行了8个小时,求一亿以内的素数和超级素数.

#include #include long int prime(long int i) /*求素数的涵数*/{int x;for(x2;x<sqrt(i);x)if(i%x0)return 1; /*不是素数返回主调涵数1*/if(x>sqrt(i))return 0; /*是素数返回主调涵数0*/}long int answer()/*此涵数调用prime()得到结果&#xff0c;并输出*/{long int…

layui数据表格中展示图片及图片预览

在项目中遇到数据表格中放入图片同时可以点击放大预览。预览方式我才用的是layer方式。代码如下&#xff1a; layui.use(table, function(){var table layui.table;table.render({elem: #screen-table,url:./json/area,toolbar: #toolbarDemo,title: 用户数据表, defaultTool…

python 行情数据一览_python命令行查看股票基本行情数据

写了一个Python版本的小工具&#xff0c;可以在上班的时候刷一下你关注的股票信息。Python版本用的是3.4.1的&#xff0c;代码如下&#xff1a;#!/usr/bin/env python# -*- coding:utf-8 -*-import urllib.request#debugTruedebugFalseclass Utility:def ToGB(str):if(debug): …

命名空间,标准输入输出,函数重载

一.命名空间 &#xff08;1&#xff09;.命名空间的定义:定义一块命名空间&#xff0c;名字叫 NameA namespace NameA {// 原来全局空间可以做的事情&#xff0c;命名空间都可以做&#xff1a;定义变量、函数、宏、结构体、枚举....int g_a;int g_b;int add(int a, int b){ret…

微信小程序 自定义公共导航栏

微信小程序自定义头部导航栏需要在app.js文件中添加 “navigationStyle”: "custom" "window": {"backgroundTextStyle": "light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": …

labelme启动无界面_笔记本电脑开机自动进入BIOS界面怎办?

今天有两位知友问我&#xff0c;自己的笔记本电脑开机自动进入BIOS界面怎么办?对于这个问题&#xff0c;其实大家先不要急&#xff0c;首先我们要排查找出原因。著作权归作者所有。商业转载请联系作者获得授权&#xff0c;非商业转载请注明出处。链接&#xff1a;https://www.…