2022年马上要结束了，最近突然有个想法，利用微信小程序+博客园接口做了一个「博客园年度总结」，统计下自己写博客这些年的数据情况，最终效果如下 在开始之前先捋一捋思路，大致要实现以下几个功能：1、使用flask提供后端服务，调用博客园接口获取数据，然后作进一步处理，给微信小程序提供接口；2、
一，最小的小程序文件组成当我们创建一个小程序项目时，开发者工具会自动帮我们创建一些默认的结构，但为了去了解小程序执行时的步骤，我们可以删除这些结构，只留下pages文件 如下所示： 这时候我们ctrls保存编译一下，会发现它会出现一行报错 app.json: app.json 未找到 也就是说编译时，小程序
WXML-上 WXML简介 WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。 用以下一些简单的例子来看看 WXML 具有什么能力： <!--wxml--> <view> {{message}} </view> // page.js Page({ data: { message: 'Hello MINA!' } })
条件渲染 1. wx:if 在小程序中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块： <view wx:if="{{ condition }}"> True </view> 也可以用 wx:elif 和 wx:else 来添加 else 判断： <view wx:if="{{ type ===1 }}"> 男 </view> <view wx:elif=&q
.wxml: .js:
容易出错的地方 向数组中添加元素时经常忘了写逗号 新建小程序页面 修改项目首页 小程序代码的构成-WXML WXML(WeiXin Markup Language) WXML和HTML的区别 小程序代码的构成-WXSS WXSS（WeiXin Style Sheets） WXSS和CSS的区别 小程序代码的构成-JS逻辑交互 小程序中的
总结 React&一些库：React是我上周学习的重点，通过一些视频以及官方的网站了解了React的基础知识，之后又去了解了其它的一些库，比如：mobx，Antd，mui等。本周则主要是再写一些小网页和小弹窗。 WXML&WCSS：由于之前有一定的基础，所以上周就边学习边开发了一个小的小程序页面。WXML以及WCSS在用
1.第一种解决方案：在wxml中使用wx:if语句 2.第二种解决方案：利用observer
1.if 和 else，以及 hidden 渲染 index.wxml（页面代码）： 1 <view wx:if="{{flag}}"> 2 if渲染 3 </view> 4 <view wx:else> 5 if-else渲染 6 </view> 7 <view hidden="{{flag}}"> 8 hidden 9 </view> index.js（页面js代
1.什么是wxs WXS ( WeiXin Script)是小程序独有的一套脚本语言，结合WXML，可以构建出页面的结构。 2.wxs的应用场景 wxml中无法调用在页面的.js 中定义的函数，但是，wxml中可以调用wxs 中定义的函数。因此，小程序中wxs的典型应用场景就是“过滤器”。 3.wxs和javascript的关系 虽然wxs
六、视图结构 wxml 6.1、wxml概述从事过网页编程的人知道， HTML 是用来描述当前这个页面的结构，同样道理，在小程序中也有同样的角色，其中 WXML 充当的就是类似 HTML 的角色。小程序提倡把渲染(页面展示)和逻辑分离，简单来说就是不要再让 JS 直接操控 DOM，JS只需要负责数据的处理，然
一、全局配置 在小程序配置文件可以查找自己想要使用的配置文件 1、底部导航栏 "tabBar": { "list": [{ "pagePath": "pagePath", "text": "导航栏1", "iconPath": "iconPath"
数据绑定 WXML 中的动态数据均来自对应 Page 的 data。 详细可见开发文档
代码目录详解 assets 静态资源目录 多用于存储图片、视频等文件 子目录 icons 图标文件 styles 页面CSS样式文件 components 目录 用于存储组件化页面。 举例： 说明 类似某产品列表页面 可以重复性使用此组件页面。 Searchinput 代表 搜索模块 每个页面都有相应 js、wxml
框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。 将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层。 WXML(WeiXin Markup language) 用于描述页面的结构。 WXS(WeiXin Script) 是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。 WXSS(WeiXin Style Sheet) 用
<!--template.wxml--> <template name="msgItem"> <view class="template_style"> <text class="info">This is template.wxml文件，我是一个模板</text> </view> </template> /* pages/template
1、编写Tabs.wxml 2、编写Tabs.js 3、编写Tabs.wxss
view标签是我们开发过程中最常用的标签了，这个就相当于Html中的div。 text标签也是我们开发中常用的，这个相当于Html中的span image标签相当于我们Html中的img。 官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/ 数据绑定 在小程序中，使用 WXML 语言所提供的
1.1 JSON配置 JSON 用于做静态配置。 小程序配置 app.json app.json 是当前小程序的全局配置 配置项 pages 字段 描述当前小程序所有页面路径 配置项 window 字段 定义小程序所有页面的顶部背景颜色、文字颜色等 1.2 WXML模板 WXML 是小程序框架设计的一套标签语言，结合小
微信小程序源代码基本文件类型 新建一个微信小程序项目会自动生成以下文件 主要的文件类型有js ，json，wxml，wxss 1. js：js脚本文件用于与用户交互，进行逻辑处理，如响应用户的点击、获取用户的位置等 2. json：json文件为配置文件，用于设置小程序的配置，如小程序的页面注册，网络设置，以及
微信小程序如何实现通过js修改wxml的for循环中的属性值 要实现的效果具体代码 要实现的效果 点击每一个活动选项，实现显示对应的操作按钮 具体代码 首先要在对应页面的js中给data中定义数组，如下： data: { vote_list: [{ 'vote_title': '活动1', 'vote
先记录一下，后面再整理。 不涉及服务端的话，有一些 Web 基础后主要看 WXML 组件 事件 API
一、实现思路 编写热门推荐的页面 home.wxml 美化热门推荐的显示 home.wxss 新建云函数getHotFood() 获取热门推荐菜品列表 home.js 调用云函数获取热门推荐菜品 home.js 将获取到的热门推荐菜品数据渲染到页面上 home.js + home.wxml 二、代码实现 1.home.wxml
微信小程序动态添加picker wxml js 后台 效果 wxml <!-- 新版开始 --> <view class="_view uni-list-cell" hidden="{ {djview}}"> <view class=&#
一、wxml文件 在wxml文件中，写页面和点击事件，添加绑定事件limitGoods 二、js文件 在js文件中写limitGoods()，使用.limit(3)表示只显示3条数据
