微信小程序基础学习笔记1

摘要:
sitemap.json,类似于网站地图。util.js公共的js文件。app.json配置文件,放目录结构。删除的时候要手工删除。小程序最大不能超过2M,否则不能上传,所有的图片都要放在云端。hover-stay-time:手指松开后效果保留时间,单位毫秒。hover-stop-propagation:指定是否阻止节点的祖先节点出现点击状态。view标签没有这个属性。mode="widthFix"按比例缩放模式。show-menu-by-longpress:长按图片显示识别小程序菜单。

教程地址:https://www.bilibili.com/video/BV1WQ4y1T7D8

1.小程序目录:

Pages存放每个页面,每个页面单独一个文件夹,

///*pages中的配置项,上移下移可以用快捷键:ALT+方向键*/

index.js 存放js逻辑,index.json配置,index.wxml存放页面组件(类似于html),index.wxss样式(如CSS文件)。

app.js 入口文件。

app.wxss 放公共的样式。页面内部的wxss文件的样式权限高于公共的样式,如果一样会覆盖外面公共的。

project.config.json,项目配置文件。如本地配置、项目配置等等。

sitemap.json,类似于网站地图。

util.js 公共的js文件。

app.json 配置文件,放目录结构。pages这里,哪一行写最前面,哪一个页面就是启动页面(首页)。添加页面,可以直接在这里添加页面,速度快。删除的时候要手工删除。

小程序最大不能超过2M,否则不能上传,所有的图片都要放在云端。

2.微信小程序的组件

不支持html标签,要用小程序自己的标签。

View组件(容器标签,类似于div):

hover-class:手按上去效果样式。

hover-start-time:按住后多久出现样式效果,单位毫秒。

hover-stay-time:手指松开后效果保留时间,单位毫秒。

hover-stop-propagation:【阻止冒泡】指定是否阻止节点的祖先节点出现点击状态。true或false逻辑型。(当子组件在父窗口中点击时出现了样式效果,父窗口也出现了此效果,用这个属于可以阻止。)微信小程序基础学习笔记1第1张

display:inline 使view在同一行显示(两个view标签放在同一行,会显示成两行)

text标签:

selectedable: 文字是否可以选择。view标签没有这个属性。

space:是否显示连续空格。微信小程序基础学习笔记1第2张

decode:是否解码,如  < 等等

微信小程序基础学习笔记1第3张

<image></image>:标签

微信小程序基础学习笔记1第4张找元素。

mode="widthFix" 按比例缩放模式。

show-menu-by-longpress:长按图片显示识别小程序菜单。如:<image src="http://t.zoukankan.com/XXXX.jpg" show-menu-by-longpress></image>

超级链接:块元素,不是行元素

<navigator url="/pages/logs/logs"></navigator>

url不能跳转到web页面

target:可以跳转到其他小程序

open-type:

redirect:跳转到新页面

reLaunch:跳转到新页面,而且还可以带参数

scoll-view:滚动条,scoll-x左右滚动,scoll-y上面滚动。    

微信小程序基础学习笔记1第5张微信小程序基础学习笔记1第6张.

免责声明:文章转载自《微信小程序基础学习笔记1》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇windows Server 2008常见问题及解决方法黑马程序员----java基础--String字符串下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

小程序获取用户登录及手机号登录

小程序登录除了常见的短信登录、密码登录,还一个最重要的就是微信授权登录了(毕竟是基于微信的,要给人家面子吗:0,手动滑稽),写这篇随笔的原因还是好久没更了,今天先随便放一个压压档。话不多说,直奔主题。 小程序的微信授权登录中,可以直接写入微信定义好的button组件掉起微信授权功能。 需要注意的就是定义open-type了,其对应的可选属性还有很多种,具体...

酱茄教你怎么用URL Scheme H5链接打开微信小程序

怎么从浏览器,QQ等场景,用H5链接打开微信小程序?其实简单操作即可实现,看看小编如何实现的,适用于非个人主体。 1、微信小程序后台→工具→微信生成小程序URL Scheme,按需填写,启动query参数可为空; 2、生成后会获得一个类似下面链接 weixin://dl/business/?t=xxxxxxx 3、本地新建一个如index.html文件,把...

微信小程序生成带参数的二维码(小程序码)独家asp.net的服务端c#完整代码

一)我先用的小程序端的wx.request去调用API,发现竟然是一个坑! wx.request({ url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=' + token, method: "POST", responseTy...

微信小程序嵌套h5页面,h5页面返回小程序,小程序和h5的页面和交互方法,h5点击分享小程序页面

相信大家在做小程序的时候有些需求会需要嵌套h5页面正常的h5页面嵌套很简单就是一个web-view然后放入h5链接就可以了 <web-view src="http://www.google.cn?id=1&type=2"/> 如果当前的h5页面需要分享直接点击分享是不能调用微信小程序分享的但是可以点击后跳转到小程序页面从小程序的方法中...

微信小程序post请求和get请求

wx.request({ url: 'https://URL', //这里''里面填写你的服务器API接口的路径 data: {}, //这里是可以填写服务器需要的参数 method: 'GET', // 声明GET请求 // header: {}, // 设置请求的 header,GET请求可以不填...

微信小程序插件开发

小程序插件功能介绍 插件,是可被添加到小程序内直接使用的功能组件。开发者可以像开发小程序一样开发一个插件,供其他小程序使用。同时,小程序开发者可直接在小程序内使用插件,无需重复开发,为用户提供更丰富的服务。 开发插件 开放范围及服务类目 开放范围:企业、媒体、政府及其他组织主体的小程序 开发者可选择当前小程序帐号已选类目中的一个,作为插件的服务类目。以下为...