WXML

[笔记]学习做微信小程序

wxe1fbd6939d8797d8我的小游戏ID：wx8b2c3e47ac9127b7开发者工具外观代理设置创建第一个小程序主界面5个组成部分小程序代码的构成项目基本组成页面组成部分JSON配置文件WXML
是孑然呀·2024-01-11 17:12

uniapp使用wxml-to-canvas开发小程序保存canvas图片

微信小程序官方解决方案：wxml-to-canvas使用wxml-to-canvas要知道一些前提条件1、只能画view，text，image2、每个元素必须要设置宽高3、默认是flex布局，可以通过flexDirection
QQ帝国·2024-01-11 13:40

微信小程序基本使用2：wxs，组件的使用以及弹窗、滚动条

WXSWXS（WeiXinScript）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。可以在模版中内联少量处理脚本，丰富模板的数据预处理能力。
CodeMonkey-D·2024-01-11 00:40

小程序系列--2.小程序代码的构成

WXSS(WeiXinStyleSheets)是一套样式语言，用于描述WXML的组件样式，类似于
小哥码农·2024-01-10 09:36

小程序系列--6.WXSS 模板样式

一.什么是WXSSWXSS(WeiXinStyleSheets)是一套样式语言，用于美化WXML的组件样式，类似于网页开发中的CSS。
小哥码农·2024-01-10 09:33

微信小程序实战-02翻页时钟-2

计时功能实现clock.wxmlclock.wxml中新增了wx:for(基础知识)，用来现实六个“页面”；“item”相当于一个较大的盒子“包裹”
sif_666·2024-01-10 08:48

微信小程序canvas画布自由绘制/画笔功能实现

.wxml.wxss定义画布显示样式.canvas{background-color:white;height:65vh;width:100%;margin-top:5px;margin-bottom:
句号（在IT行业摸爬滚打）·2024-01-10 08:18

小程序开发之前端技术选型

以下是一些主要的小程序平台以及相应的前端技术选项：微信小程序：前端语言：小程序使用WXML（一种类似于HTML的标记语言）、WXSS（类似于CSS的样式语言）、JavaScript/TypeScript
羱滒·2024-01-10 04:42

小程序图片间隙，图片之间有有空白的问题

相信遇到这个问题的朋友不在少数，大家在开发小程序的时候，并不是所有界面都用的wxml，有些通过后台可视可编辑器如ueditor添加的内容，还是原生的html,这些原生的html内容包含了图片、表格、列表
爱吃水果123·2024-01-10 00:58

小程序wxs模块化（一）

WXS（WeiXinScript）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。wxs不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。
前端来入坑·2024-01-09 22:24

小程序双向滑动组件双向slider滑动微信小程序组件slider组件

如下图第三步、在wxml代码中写入以下代码第四步、参数解析min:最小值max:最大值selectedColor:滑动条选中颜色blockColor:滑块颜色backgroundColor:滑动条背景色
小和尚敲代码·2024-01-09 20:10

小程序学习基础（页面加载）

代码顺序wxml,js,wcss,json。
冯运山·2024-01-09 19:56

微信小程序开发（三）小程序开发框架之WXML

WXML(WeiXinMarkupLanguage)介绍：WXML是框架设计的一套标签语言，结合组件、WXS和事件系统，可以构建出页面的结构2.语法：由开始标签和结束标签包裹我们的内容构成，熟悉前端开发的小伙伴肯定明白
angeliur·2024-01-09 15:09

一些好的写法

1.多状态返回之前的笨写法Nm³/hkg/h吨好的写法：但是在写小程序的时候发现微信小程序的wxml不支持{{{0:'未交班',1:'未接班',2:'已完成',3:'已延期'}[items.turnoverType
软软不吃肉·2024-01-09 15:10

微信小程序实战-01翻页时钟-1

需求分析作为练手项目，需求比较简单，两个功能：支持时、分、秒显示；支持翻页效果；整体效果大概是这个样子：功能设计界面设计界面结构设计wxml整体结构比较简单，设
sif_666·2024-01-09 12:22

微信小程序chooseAvatar获取头像

1.wxml页面2.js拿临时地址上传到后台getAvatar(e){console.log(e)varthat=thiswx.uploadFile({url:'上传地址',filePath:e.detail.avatarUrl
前端榴脆骨·2024-01-09 05:00

云开发实战分享|诗和远方：旅行小账本云开发

但熟悉微信开发者工具的朋友们应该知道，它不支持Emmet缩写语法，并且wxml的属性值默认用单引号表示(强迫症表示很难受)。而
weixin_34235457·2024-01-09 05:25

微信小程序选择城市弹窗

wxml//引用所在城市:请选择{{province}}{{cityName}}返回请选择地址{{province}}取消{{item.province}}{{utils.toSubString(item
前端榴脆骨·2024-01-09 05:54

小程序随笔8:文本单行或多行显示省略...

小程序中经常会用到文本单行或多行显示省略...实现方法：1、在小程序页面对应的.wxml文件，添加如下布局代码。春节即中国农历新年，俗称新春或新岁或岁旦，是我们最重要的节日。
乌龟学跑步·2024-01-09 01:47

微信小程序开发学习笔记③WXML模板语法-数据绑定与事件绑定

微信小程序开发学习笔记③WXML模板语法渲染页面结构——数据绑定与事件绑定博主正在学习微信小程序开发，希望记录自己学习过程同时与广大网友共同学习讨论。
tutgxuzyj·2024-01-08 23:48

微信小程序开发学习笔记《5》WXML模板语法-列表渲染

微信小程序开发学习笔记《5》WXML模板语法-列表渲染博主正在学习微信小程序开发，希望记录自己学习过程同时与广大网友共同学习讨论。
tutgxuzyj·2024-01-08 23:48

微信小程序开发学习笔记《6》WXSS模板样式

WXSS模板样式官方文档一、WXSS介绍wxsS(WeixinStyleSheets)是一套样式语言，用于美化WXML的组件样式，类似于网页开发中的CSS。WXSS具有CSS大部分特性。
tutgxuzyj·2024-01-08 23:48

原生微信小程序开发学习笔记（零基础）

微信小程序的开发学习笔记注册小程序下载微信开发者工具微信小程序代码结构-项目结构小程序代码的构成-WXML模板小程序代码的结构-WXSS样式小程序代码的结构-JS逻辑交互微信小程序页面渲染的过程微信小程序中组件的分类小程序
W.Y.B.G·2024-01-08 23:17

微信小程序开发学习笔记《4》WXML模板语法-条件渲染

微信小程序开发学习笔记《4》WXML模板语法-条件渲染博主正在学习微信小程序开发，希望记录自己学习过程同时与广大网友共同学习讨论。
tutgxuzyj·2024-01-08 23:17

微信小程序-P1-微信小程序开发工具学习笔记

小程序页码的组成部分1.3JSON配置文件的作用1.3.1aap.josn1.3.2project.config.json1.3.3sitemap.json1.3.4每个页面文件夹中的.json1.4WXML1.4.1WXML
探索者7号·2024-01-08 23:47

微信小程序学习笔记(二)模板与配置

文章目录1.WXML模板语法1.1数据绑定1.1.1数据绑定的基本原则1.1.2在data中定义页面的数据1.1.3Mustache语法的格式1.1.4Mustache语法的应用场景1.1.5动态绑定内容
凉宫凉宫凉·2024-01-08 23:47

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

学习目标：微信小程序基础Day02今日目标:能够使用WXML模板语法渲染页面结构能够使用WXSS样式美化页面结构能够使用app.json对小程序进行全局性配置能够使用page.json对小程序页面进行个性化配置能够知道如何发起网络数据请求学习内容
子木睡觉了·2024-01-08 23:16

微信小程序开发学习笔记

miniprogram/dev/reference/configuration/app.html├──app.js├──app.json├──app.wxss├──pages││──index││├──index.wxml
WEXIA666·2024-01-08 23:16

小程序（三）新闻列表

新建newslist目录新建目录、文件步骤如同小程序（二）中所介绍为使编译后看到的页面为当前目录的wxml页面，修改app.json文件中的“pages”配置项,将所要显示的页面路径放在最上方"pages
小狐狸ry·2024-01-08 23:54

在WXS中遍历对象

微信小程序提供了WXS语言，允许我们在WXML中执行简单的脚本，这在渲染时加工数据很有用，但是WXS没有JS功能强大，仅提供了基础功能，WXS没有for...in语句，也不能用Object.keys，所以想要遍历一个
不吃瓜的码农·2024-01-08 15:07

原生小程序自定义导航及状态栏

/itriton/divider/index"},nav-bar/index.wxml{{title}
qq_34114535·2024-01-08 13:55

原生小程序分页工作记录

index.wxml{{item.feed_source_name}}{{item.feed_source_txt}}{{item.question}}{{item.answer_ctnt}}{{item.good_num
qq_34114535·2024-01-08 13:55

小程序目录结构

必须放在项目的根目录，如下：文件必需作用app.js是小程序逻辑app.json是小程序公共配置app.wxss否小程序公共样式表一个小程序page页面由四个文件组件，分别为：文件类型必需作用js是页面逻辑wxml
封WM·2024-01-08 09:13

微信小程序传值的几种方式

第一种：通过链接传值（跳转页面传值）index.wxml{{msg}}点击我clickMe:function(){//点击事件wx.navigateTo({url:'../1111?
C我要做程序员·2024-01-07 16:20

微信小程序封装vant 下拉框select 单选组件

先上效果图：主要是用vant小程序组件封装的：vant小程序ui网址：vant-weapp主要代码如下:先封装子组件：select-popup放在components文件夹里面select-popup.wxml
IT博客技术分享·2024-01-07 14:56

微信小程序基础

微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html1.WXML模板1.view实现布局效果
一个不善言辞的女人·2024-01-07 13:21

微信小程序springboot居家养老服务+后台管理系统|前后分离VUE |计算机毕业设计|Java毕业设计|课程设计|Python毕设|小程序|毕业设计推荐

该项目含有源码、文档等资料、配套开发软件、软件安装教程、项目发布教程等技术路线：本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE微信小程序——前台涉及技术：WXML
IT实战课堂@白老师·2024-01-06 12:17

微信小程序：点击事件获取当前设备信息（基础）

绑定事件获取当前设备信息pages/study/index.wxmlpages/study/index.wxml{{text}}点击获取信息pages/study/index.ts//pages/study
HaanLen·2024-01-05 16:16

教你微信小程序商城搭建-技术文章

河北银丹互联网科技有限公司微信小程序中就四种类型的文件：河北银丹互联网科技有限公司js----------JavaScrip文件河北银丹互联网科技有限公司json--------项目配置文件，负责窗口颜色等等河北银丹互联网科技有限公司wxml
毕业设计源码大全·2024-01-05 13:17

微信小程序：flex布局实现换行

1、关键代码.wxml：请选择充值金额80¥80.0080¥80.0080¥80.0080¥80.0080¥80.002、关键代码.wxss：/*实现换行*/.flex-wrap{display:flex
dingcho·2024-01-05 12:05

微信小程序：列表多选

效果wxml{{item.name}}{{item.checked}}wxss/*列表多选*//*列表*/.all{margin-bottom:20%;border:1pxsolid#F0F4F7;}.
雯0609~·2024-01-05 09:47

微信小程序-HTML标签和wxml比对

一、直接将HTML标签引入微信中通过nodes将HTML标签放到微信中">二、轮播图三、image图片标签四、获取微信用户名五、定义全局变量在app.js文件中添加globalData函数与loadlunch平级globalData:{urls:'69bnp3.natappfree.cc'},在使用时与Page平级引入constapp=getApp();Page({在函数中使用url:app.gl
CV猿码人·2024-01-05 07:14

微信可以识别哪些HTML语言,微信小程序一些常用标签与HTML的对应关系

参考地址：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/微信小程序中的常用标签：view(视图容器)、rich-text
吐提古丽热杰·2024-01-05 07:43

微信小程序如何解析HTML标签

wxml代码**js代码**//pages/details/details.jsPage({/***页面的初始数据*/data:{obj:{},content:''},/***生命周期函数--监听页面加载
sslcsq·2024-01-05 07:42

微信小程序控制元素显示隐藏

以下是一个示例代码，通过按钮的点击事件来控制元素的显示和隐藏：//wxml文件点击切换元素显示与隐藏这是要显示的元素//js文件Page({data:{showElement:false},toggleElement
我爱学习yq·2024-01-05 07:42

微信小程序wxml视图层切割字符串的方法

1.新建utils.wxs文件2.wxs页面代码如下varfilters={/***参数1:要截取的字符串*参数2:开始截取的index*参数3:结束截取的index*/substring:function(val,start,end){if(val.length==0||val==undefined){return;}returnval.substring(start,end);}}module
槿城·2024-01-05 06:38

小程序利用swiper实现轮播图

小程序实现轮播图比iOS简单很多效果图.wxml代码：.wxml代码.wxss代码：.wxss代码.js代码：.js代码
肉肉要次肉·2024-01-05 02:01

微信小程序+前后端开发学习材料

文件名不需要写文件后缀，框架会自动去寻找对应位置的.json,.js,.wxml,.wxss四个文件进行处理。生成：在page下右键新建文件夹，在新建
李卓璐·2024-01-05 01:45

vscode高亮小程序wxml和wxss语法

vscode默认无法识别wxml和wxss语法,image.png但是强大的vscode自然有解决办法,我们点击纯文本会发现image.png所以我们只要将wxml关联成html就可以语法高亮了image.png
一颗粒普斯·2024-01-04 21:18

微信小程序开发案例：在线咨询案例

文章目录一、效果二、功能描述三、用到的API知识点1、预览照片2、快速拨打电话3、快速复制4、小程序客服四、“手撕代码”wxml部分xcssjs部分一、效果二、功能描述预览照片照片自适应快速拨打电话快速连接小程序客服快速复制客服社交账号信息三
程序员彭彭·2024-01-04 20:28
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他