2020年05月_chabc1999

原创小程序框架组件之媒体组件

媒体组件主要用来显示图片、播放音频，以及直播等。image（图片）一个应用中图片是必不可少的，就像HTML提供了<img/ >标签一样，小程序提供了<image / >组件。小程序中的<inmage / >除了可以显示图片外，还提供了图片的裁剪、缩放两种模式。持 JPG、PNG、SVG、WEBP、GIF 等格式，2.3.0 起支持云文件ID。需要注意的是：image组件默认的宽度为300px、高度225px；image组件中二维码（小图片）不支持长按识别。image组

2020-05-31 09:49:35 2463

原创导航组件：小程序界面的跳转

页面导航页面导航组件（navigator）组件，它类似于HTML中的a标签，主要控制页面的跳转。链接内容可以是一个字、一个词或者一组词，也可以是一幅图，你可以点击这些内容跳转到新的页面。属性如下：属性名类型默认值说明最低版本targetStringself在哪个目标上发生跳转，默认当前小程序，可选值self/miniProgram2.0.7urlString当前小程序内的跳转链接，链接地址为需要跳转页面的相对地址open-typeStringna

2020-05-30 16:16:58 407

原创 win 10 如何删除需要获取管理员权限的文件和退出安全模式

首先你得在控制面板-——系统和安全-——系统下查看你的win10系统是否是家庭版。如图：因为win10家庭版找不到gpedit.msc即没有组策略编辑器。如果是家庭版，则可以进入安全模式进行删除文件。即：在设置——更新和安全——恢复——高级选项然后点击“立即重新启动”点击之后，会出现一个蓝色页面点击“疑难解答”——高级选项——启动设置——重启，在弹出页面之后按F4（即进入安全模式）在启动完成之后，电脑桌面的右上角会出现安全模式的字样。电脑处于断网状态（相当于手机的飞行模式）。此时按“W

2020-05-28 19:35:07 2363

原创弹性盒子布局

小程序的盒子模型采用的是CSS3规范所提出的弹性盒布局模型。弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。布局方式相比传统盒模型而言，可以快速实现诸如垂直居中、弹性宽度和高度等场景，以及更多排版需求，诸如：竖排元素或元素左侧对齐等。弹性盒内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器内包含了一个或多个弹性子元素。容器属性弹性容器支持的属性有：

2020-05-28 10:23:58 255

原创页面样式文件WXSS:小程序版CSS

WXSS（WeiXin Stytle Sheets）是一套样式语言，用于描述WXML的组件样式。它决定WXML该怎么显示。具有CSS的大部分属性。WXSS与CSS的区别1、引入了新的尺寸单位rpx；2、与选择器相比CSS有缩减；3、有全局样式和局部样式的明确区分；4、可自动优化；尺寸单位rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 75

2020-05-27 10:07:31 1278

原创 wxml：模板、引用

模板wxml提供了模板（template），可以在模板中定义代码片段，然后在不同的地方调用。（1）定义模板定义模板，使用name属性，作为模板的名字。即：<template name="myTemplate"><view>内容</view></template>(2)使用模板使用模板时，使用is属性，声明需要使用的模板。然后将模板所需要的 data 传入，如：<template is="msgItem" data="{{...item

2020-05-25 14:47:26 675

原创 API简介与使用网络注意事项

API简介小程序的一些功能就有依赖框架提供的API完成，随着小程序的更新迭代，目前小程序框架API已经达到了16大类，即：基础、路由、界面、网络、数据缓存、媒体、位置、转发（前面的这几类优先重点掌握）、画布、文件、开发接口、设备、WORKER、第三方平台、WXML、广告。（微信小程序开发文档）当然这么多的API并不需要我们一个个去详细研究，而是建议我们重点掌握常用的API如何查阅和使用，然后即可触类旁通去使用其他的API，就像查字典，我们知道如何去查阅就可以了。小程序API在定义和使用上的一些通则。

2020-05-25 10:06:42 992

原创 wxml：条件渲染与列表渲染

上一篇我介绍了wxml的数据绑定，这次介绍它的条件渲染。条件渲染条件渲染相当于在小程序页面的输出条件语句。(1)wx:if除了数据绑定，我们常常会使用逻辑分支，这时候可以使用wx:if="{{condition}}"来判断是否需要渲染该代码块<view wx:if="{{showContent}}">内容</view>//page.jsPage({data:{showContent:true}}});当showContent的值为true是，view会被渲染

2020-05-23 11:20:00 985

原创微信小程序之第一个简单小程序

我是先创建了项目，填写了AppID。1、创建项目目录文件pages，再在该目录下创建目录文件2、创建如图：3、打开app.json写入代码：{ "pages": [ "pages/about/about" ]}注意：虽然我们about.json里面不打代码，但是要输入“{ }”，不然文件会报错。4、打开about.wxml写入代码：<view bindtap="countClick">我是index页面，你点击了{{count}}次</view>

2020-05-23 09:22:02 210

原创关于微信开发工具界面不一样

在初学时，我找好了网课，跟着官网上的操作下载了最新的开发工具，打开之后发现怎么与网课上的开发工具界面不同，这是怎么回事？这只是因为开发工具的版本不一样，打开自己下载的开发工具，在界面的左上角就是开发工具的版本，搞不懂新版的，可以看网课视频上已打开开发工具的版本，再下载与它一样的版本，就可以啦。...

2020-05-21 19:46:36 712

原创微信小程序开发之WXML：数据绑定

WXML语言最终会被转译为宿主端对应的语言，所以WXML语言中使用的标签一定是小程序定义的标签，不能使用自定义的标签，这样才能保持页面的正确转译。（这是对上一篇标签的补充）WXML具有数据绑定、列表渲染、条件渲染、模板、事件等能力。数据绑定数据绑定功能使得程序在运行过程中，具备动态改变渲染界面的能力，从而达到更好的用户体验效果。小程序的数据绑定使用Mustache语法（双大括号）将变量或简单的的运算规则包起来。简单绑定WXML中的动态数据均来自对应Page的data。简单数据绑定是指我们使用Mus

2020-05-21 11:05:17 1694

原创微信小程序之WXML:标签与属性

WXML（WeiXin Markup Language）（页面结构文件）是框架设计的一套标签（标记）语言。用于渲染界面，它结合基础组件和时件系统，可以构建出页面结构。标签与属性语法规则：1、所有元素都必须闭合标签且小写：<text（小写）> Hello World </text>2、所有元素都必须正确嵌套：<view>（开始标签1）<text>（开始标签2）Hello </text>（结束标签2)</view>（结束标签1

2020-05-20 18:43:51 3301

原创微信小程序之生命周期和线程

生命周期与线程小程序的生命周期分为应用生命周期和页面生命周期。小程序应用生命周期onLaunch:启动时初始化onShow:从后台唤醒，切换到前台；onHide：切换到后台；onError:脚本错误或者API调用失败；globalData：应用全局数据。小程序页面生命周期1、onLad：页面初次加载，Page构造器参数定义的onLoad方法被调用，页面未销毁之前只调用一次。2、onShow：a、onLoad回调参数； b、从其他页面回到当前页面3、onReady：onShow方

2020-05-20 10:14:07 278

转载开发微信小程序之配置

小程序有两种重要的配置文件：全局配置和页面配置。配置app.json小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。如下图：page.json每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。...

2020-05-19 10:38:55 1313

原创微信小程序开发之开发框架1

框架原理1、理解小程序框架原理目录结构文件构成1、理解小程序的开发和之前常见的H5WEB开发有很大的相似性，因此，熟悉H5WEB开发的开发者对小程序开发应该更容易上手，微信小程序框架是基于MVVM模式打造的，微信团队为小程序提供的框架命名为“MINA应用框架”。小程序框架原理微信小程序MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，对上层提供一整套JavaScript API，让开发者能够非常方便的使用微信客户端提供的各种基础功能与能力，快速地构建一个应用。整个

2020-05-19 09:58:57 1404

chabc1999的博客