![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 57
狗风暴
这个作者很懒,什么都没留下…
展开
-
微信小程序 if语法、for循环 条件渲染、列表渲染等讲解
这篇文章我想给大家学习的就是如何使用组件的是显示和隐藏如何使用来渲染列表等重复的内容。原创 2023-02-14 01:05:43 · 8513 阅读 · 1 评论 -
微信小程序 事件传参,参数同步显示 button提交内容,读取input内容
我们先来回顾一下之前学的内容我们可以在button组件中加入bindtap参数进行事件绑定然后我们也能在input组件中加入bindinput参数进行事件绑定结合以上内容我们接着学习,这么让事件绑定前端数据与后端同步其实很简单,先来学习。原创 2023-02-13 22:20:44 · 3581 阅读 · 0 评论 -
微信小程序 targer和currentTarget属性的区别
②e.currentTarget指向的是当前正在触发事件的那个组件,因此,①e.target指向的是触发事件的源头组件,因此,点击内部的按钮时,点击事件以。原创 2023-02-13 00:24:36 · 507 阅读 · 0 评论 -
微信小程序 button按钮怎么触发事件? bindtap语法怎么使用?
在前端网页中我们需要触发一个事件如果按钮点击后调用函数,文本、图片、链接被点击后调用一个函数一个事件,我们都知道用click,可是微信小程序中的click是不存在的,他怎么才能和网页中一样的使用click的呢?这时候有人肯定会问,我不是来学习click的怎么教我bindtap语法使用了?其实不然,bindtap是微信小程序中的onclick鼠标点击事件在小程序中,不存在HTMLZ中的onclick鼠标点击事件,而是通过tap事件来响应用户的触摸行为。①通过bindtap。原创 2023-02-13 00:15:20 · 12952 阅读 · 0 评论 -
微信小程序 数据绑定 Mustache语法怎么使用?
①在data中定义数据②在WXML中使用数据、在页面对应的 .js 文件中。把数据定义到data对象中即可在WXML文件中使用{{}}两个花括号加变量名称进行调用以上使用方法,下面我么来实操。原创 2023-02-12 09:15:57 · 1314 阅读 · 0 评论 -
微信小程序 API的3三大分类有那些?怎么区分?
1.事件监听API2.同步API3.异步API特点:以on开头,用来监听某些事件的触发举例:监听窗口尺寸发生的变化的事件如下图都是on开头的事件监听api。原创 2023-02-06 22:51:21 · 704 阅读 · 0 评论 -
微信小程序 怎么插入图片?image组件的使用教程。
是小程序中一个图片的组件image组件有一个默认宽度和高度(宽300px,高240px)支持 JPG、PNG、SVG、WEBP、GIF 等格式,2.3.0起支持云文件ID。我们先添加一个image组件给他一个边框看看他的默认情况我们从图中可以看出,我什么都没加有一个基础的框框大小(宽300px,高240px)属性类型默认值必填说明最低版本srcstring否图片资源地址1.0.0modestring否图片裁剪、缩放的模式1.0.0webpbooleanfalse否。原创 2023-02-06 22:17:21 · 27010 阅读 · 0 评论 -
微信小程序button组件怎么使用?
其实学过前端的小伙伴们都知道button标签是什么。原创 2023-02-06 13:02:37 · 3593 阅读 · 0 评论 -
微信小程序 text组件和rich-text组件的用法和区别?
我们发现没有,标题1号字体我们一般使用html语言进行编写的,可以使用rich-text去进行渲染,这样大大提高了我们编写前端的速度,所以说如果自己实在不知道WXML语言怎么写,可以选择这个组件进行尝试,但是这个组件并不是万能了,总有一些涉及不到的地方。没错如图所示 是一样的,但是我们别忘记了,text的属性他是我们html行内元素的span一样,但是view是块元素,如果我们在大量使用文字排版的时候可以合理匹配使用那种标签。我们一般用它是为了渲染一些html语言的代码,来辅助我们实现一些我们想要的功能。原创 2023-02-06 00:24:18 · 500 阅读 · 0 评论 -
微信小程序 swiper和weiper-itme组件的基本使用,微信小程序轮播图这么做教程
滑块视图容器。其中只可放置组件,否则会导致未定义的行为。原创 2023-02-05 00:52:15 · 3136 阅读 · 5 评论 -
微信小程序 scroll-view组件的基本使用
我们可以看到他占满了整个大盒子肯定不行,我们得给他一个宽和高, 宽给他和方块一样大小的100px,高我们给他一个220px,为什么是220px 因为每个方块是100px 高加起来就是300px,为了让他能实现滑动效果,肯定不能给他等于大于他的现有高,应该小于都行对吧。其实我们还有2个参数没有给他们,此时大家可以想的到既然有纵向滑动自然有横向滑动对吧,其实原理是一样的,这两个参数就是。此时我们的方块因为上节课修改了布局变成了横向布局,我们需要修改回来纵向布局,所以我们需要删除我们上一节课的布局代码。原创 2023-02-04 18:18:29 · 3759 阅读 · 0 评论 -
微信小程序 view组件的基本使用
到这里view基础使用就教学完毕了,有人会说和效果图不一样,其实学到这里就差不多了,后面在给他加入样式就可以改成效果图一样的了。我们会看到页面上出现了三个纵向的ABC,为了方便观看,我们给他三个一个大小,宽高100像素。通过布局改变发现他从纵向修改到横向布局了,这时候在给他加一个元素即可横向平均布局了。为什么会纵向排列而不是横向排列,那是因为view是块元素,能占满整一行。能看图就尽量减少文字提示,从图书可以看出ABC是纵向排列的。这时候 就能看到三个快元素,我们给父级元素改变他的布局形式。原创 2023-02-04 17:50:06 · 6429 阅读 · 4 评论 -
微信小程序里面的js文件分为哪几类?
普通的.js最常用的就是封装公共的时间格式化,然后每个页面都可以调用。以上就是三个js的分类说明,整个小程序项目的入口文件。原创 2023-02-04 11:54:04 · 2200 阅读 · 0 评论 -
微信小程序 WXSS和CSS的区别?什么是WXSS?
wxss全名是WeiXin Style Sheets 是一套。· 项目根目录中的app.wxss会作用于所有小程序页面。用于描述WXML的组件样式,类似于网页开发中的CSS。2.WXSS和CSS的区别。原创 2023-02-04 11:42:11 · 4300 阅读 · 0 评论 -
微信小程序 WXML和html有什么区别?WXML是什么文件?
WXML全程WeiXin Markup Language 是小程序框架设计的一套标签语言用来构建小程序页面的结构,起作用类似于网页开发中的HTML。原创 2023-02-04 10:55:52 · 1815 阅读 · 0 评论 -
微信小程序如何修改项目首页
微信小程序开发工具就会自动识别替换目录。看上图就能明白,如果想修改项目目录首页只需要把。这样就可以调换成功了。原创 2023-02-04 10:33:31 · 813 阅读 · 0 评论 -
微信小程序怎么添加pages页面
看图就能明白,打开全局app.json => pages 中新增页面的存放路劲,小程序开发者工具即可以帮助我们创建对应的页面文件看图流程添加一个。这样因该能看明白怎么添加pages目录文件了,不用手动去一个一个添加。原创 2023-02-04 10:28:13 · 1342 阅读 · 0 评论 -
微信小程序修改标题背景色
意思就是只要打开当前目录下的 “.json” 文件就可以修改标题上的背景颜色。像这样添加进去就能修改每一个页面标题背景色了。如果发现没有这一项则手动添加。原创 2023-02-04 10:07:54 · 1801 阅读 · 0 评论