微信小程序
文章平均质量分 52
Jevious
一起学习 共同致富
展开
-
微信小程序-9-生命周期
小程序的生命周期分为应用生命周期和页面生命周期关于小程序前后台的定义和小程序的运行机制,请参考运行机制应用生命周期应用周期的设置在app.js里面设置onLaunch 应用第一次启动的时候就会触发的事件onShow 用户看到应用时会触发的事件,会经常触发对应用的数据,页面效果进行重置onHide 应用隐藏时触发暂停或清除定时器onError 应用报错的时候执行收集用户的错误信息,通过异步请求将错误信息发送到后台onPageNotFound 页面找不到的时候就会原创 2021-02-24 11:41:32 · 74 阅读 · 0 评论 -
微信小程序-8-自定义组件
除了小程序自带的组件以外,还支持我们自己创建组件创建自定义组件类似于页面,一个自定义组件由json,wxml,wxss,js四个文件构成可以在微信开发者工具中快速创建组件的文件结构创建了之后,别的页面想要使用该组件就需要进行引入,在json文件中进行操作这样就成功的使用了组件自定义组件-顶部tabs// component/Tabs/Tabs.jsComponent({ /** * 组件的属性列表 */ properties: { }, /**原创 2021-02-05 09:42:09 · 91 阅读 · 0 评论 -
微信小程序-7-小程序组件
由于小程序的组件较多,学起来也不可能说将每个组件的每一条属性都记下来,所以这里就是选择很重要的组件以及相对重要的属性来进行记录。view代替原来的div标签hover-class:指的是用户按这个view标签的时候的样式text文本标签这是一个文本标签只能在内部嵌套text标签可支持长按文字复制只有这个标签有这个功能可以对空格和回车进行编码selectable:文本是否可以被复制decode:对内容进行编码image图片标签图片标签,组件默认宽度是.原创 2020-12-16 10:15:47 · 265 阅读 · 0 评论 -
微信小程序-6-样式选择器
WXSS是一套样式语言,用于描述WXML的组件样式,与CSS相比,WXSS扩展的属性有:响应式长度单位rpx样式导入尺寸单位rpx:可以根据屏幕宽度进行自适应,规定屏幕宽为750rpx.如果在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx=375px=750个物理像素,1rpx=0.5px=1物理像素这里只需要记住一个公式就可以了:即px→rpx如果设计稿是375px的,里面的某个元素是100px的那就写成:width:calc(750rpx*100/37.原创 2020-12-16 10:14:42 · 815 阅读 · 0 评论 -
微信小程序-5-事件绑定
小程序中绑定事件,通过bind关键字来实现,如bindtap不同的组件支持不同的事件,具体的看组件的说明即可数据绑定步骤在wxml绑定事件bindinput<view><input type="text" bindinput=""/></view>在js界面添加一个事件名,注意和data同级handInput(e){ console.log("bangding") }在wxml中将事件和事件名绑定<view><i.原创 2020-12-08 08:54:44 · 513 阅读 · 0 评论 -
微信小程序-4-模板语言
title: 微信小程序-4 模板语言author: 张绍华tags:微信小程序categories:微信小程序cover: >-https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1715234370,114180695&fm=26&gp=0.jpgdate: 2020-09-19 16:05:00WXML是框架设计的一套标签语言,结合基础组件,事件系统,可以构建出页面的结构首先我们要先打开一原创 2020-12-05 16:52:54 · 295 阅读 · 1 评论 -
微信小程序-3-目录结构与配置
小程序结构目录小程序框架(MINA小程序原生框架)的目标是通过尽可能简单,高效的方法让开发者可以在微信中开发具有原生APP体验的服务.小程序框架提供了自己的视图层描述语言wxml和wxss,以及Javascript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑小程序文件结构与传统Web对比结构传统web微信小程序结构HTMLWXML样式CSSWXSS逻辑JavascriptJavascript配置无JSON.原创 2020-12-04 10:36:27 · 415 阅读 · 0 评论 -
微信小程序-2-微信开发者工具介绍
界面启动页登录页在登录页,可以使用微信扫码登录开发者工具,开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。项目列表登录成功后,会看到已经存在的项目列表和代码片段列表,在项目列表可以选择公众号网页调试,进入到公众号网页调试模式新建项目当符合以下条件时,可以在本地创建一个小程序项目需要一个小程序的 AppID;如没有 AppID,可以选择申请使用测试号。登录的微信号需要是该 AppID 的开发者;需要选择一个空目录,或者选择的非空目录下存在 app.json 或者 pro.原创 2020-12-04 10:27:01 · 6592 阅读 · 3 评论 -
微信小程序-1-简介及环境配置
小程序简介小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。小程序技术发展史小程序并非凭空冒出来的一个概念。当微信中的 WebView 逐渐成为移动 Web 的一个重要入口时,微信就有相关的 JS API 了。代码清单1-1 使用 WeixinJSBridge 预览图片WeixinJSBridge.invoke('imagePreview', { current: 'http://inews.gtimg.com/newsapp_bt/0/1.原创 2020-12-04 10:11:51 · 2986 阅读 · 0 评论