小程序从0到放飞自我
文章平均质量分 90
从0开始学习小程序,掌握最新的前端技术,提高自我
贤蛋大眼萌
立志当个卷心菜~~
展开
-
【小程序开发】事件监听 | 类型划分 | 属性分析
小程序经常需要和用户进行交互,比如点击页面按钮,滑动某个区域,这些用户的操作都会触发小程序事件,事件可以将用户的行为反馈到逻辑层,触发响应的操作。事件可以绑定在组件上,当触发事件时,就会执行逻辑层中对应的事件处理函数。当视图层发生事件时,某些情况需要事件携带一些参数到执行的函数中, 这个时候就可以通过data-属性来完成。当某个事件触发时, 会产生一个事件对象, 并且这个对象被传入到回调函数中, 事件对象有以下常见的属性。共同:都是用来记录手指的触摸点坐标,单指操作时没有区别。原创 2022-10-28 20:13:05 · 4666 阅读 · 94 评论 -
【小程序语法】详解 WXML
在实际开发中,服务器经常返回各种列表数据,需要渲染到页面展示处理,我们不可能一一从列表中获取数据进行展示,这个时候就需要用到for循环的方式,遍历所有的数据,一次性进行展示。在开发中,我们的页面数据往往不是写死的,都是根据服务器返回的数据进行展示的,或者由用户操作之后发生改变,学过Vue的朋友都知道,有双大括号语法,我们小程序也有一样的插值语法–默认情况下,item – index的名字是固定的,当出现多层遍历时候,item和index会重复,这个时候我们就可指定item – index的名字。原创 2022-10-13 14:42:34 · 2104 阅读 · 18 评论 -
【小程序语法】小程序脚本语言 - WXS
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。某些情况下,我们需要处理wxml中的数据(类似Vue中的过滤器),这个时候就需要用到WXS了。WXS 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行;WXS 的运行环境和其他 JavaScript 代码是隔离的,WXS 中不能调用其他 JavaScript 文件中定义的函数,也不能调用小程序 提供的API原创 2022-10-07 21:28:24 · 970 阅读 · 10 评论 -
【小程序语法】详解 WXSS
如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。定义在 app.wxss 中的样式为全局样式,作用于每一个页面。在 page 的 wxss 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 app.wxss 中相同的选择器。 小程序的样式写法跟我们熟悉的CSS一样,也是有三种写法:行内样式、页面样式、全局样式,并且这三种写法都可以作用于页面组件。语句可以导入外联样式表,原创 2022-10-05 21:51:00 · 1792 阅读 · 4 评论 -
【小程序基础】小程序内置组件
实现滚动效果必须添加scroll-x或者scroll-y属性(只需要添加即可,属性值相当于为true了)用于显示文本, 类似于span标签, 是行内元素。垂直方向滚动必须设置scroll-view一个高度。(块级元素,独占一行,通常用作容器组件) scroll-view组件。用于显示图片,有如下常见属性。,块级元素,独占一行。 Button组件。原创 2022-10-04 16:00:00 · 1123 阅读 · 10 评论 -
【小程序入门】App函数注册小程序实例
可以在Object中定义全局App的数据。因为小程序是没有类似Vuex这样可以存储数据的容器的,所以我们可以把共享数据存在app.js 中,定义一些其他页面都可以访问的数据。data : {原创 2022-10-01 09:18:37 · 2157 阅读 · 20 评论 -
【小程序开篇】小程序架构和配置
介于H5页面和APP之间的一项技术,自身也具有很大的有优势。体验比传统H5页面要好很多,相当于传统的App,使用起来更加方便,不需要在应用商店中下载安装,甚至注册登录等麻烦的操作;每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。微信小程序:https://developers.weixin.qq.com/miniprogram/dev/framework/app.json:全局配置;原创 2022-09-27 19:58:22 · 5732 阅读 · 99 评论