小程序开发-基础组件icon/text/progress入门

小程序的基础组件--基础内容基础内容分为三大组件: 1. icon--图标 index.wxml <view class="group"> <block wx:for="{{iconSize}}"> <icon type="success" size="{{item}}"/> </block> </view> <view class="group&q…

【微信小程序】基础组件--view text image

组件的通用属性: id class style hidden bind* catch* data-* view 小程序基础组件,基本等于最常用组件,类似于HTML中的div.view用于构建页面骨架,实现页面基础结构的划分 <view hover-class="hover">   </view> text 文本.只用text包裹的文…

微信小程序开发基础

前言: 微信小程序开入入门,如果你有html+css+javascript的基础,那么你就很快地上手掌握的.下面提供微信小程序官方地址:https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html 下面一起学一学,微信小程序的框架吧~看文档,别学别理解.在下的讲述如果不正确的话,可以参考官方文档,也可以帮忙改正.具体还得看官方文档. 目录微信小程序的介绍,如何上手小程序,开发的框架,组件,api,技能与实战,…

「小程序JAVA实战」小程序的基础组件（24）

转自:https://idig8.com/2018/08/12/xiaochengxu-chuji-24/ 来说下 ,小程序的基础组件.源码:https://github.com/limingios/wxProgram.git 中的No.11 基础组件 icon图标组件 rich-text 富文本组件 text 文本组件 progress 进度条组件 icon图标组件官方介绍>https://developers.weixin.qq.com/miniprogram/dev/component/…

小程序开发基础-scroll-view 可滚动视图区域

小编 / 达叔小生小程序开发基础-scroll-view 可滚动视图区域这里只展示纵向滚动,横向同理就不用说明了,可自己尝试,横向滚动属性为scroll-x,把纵向滚动改为横向滚动即可. scroll-view视图组件 scroll-y是scroll-view的属性,scroll-y类型为Boolean,默认值为false,表示允许纵向滚动,scroll-y="true"允许纵向滚动 bindscrolltoupper是scroll-view的属性,bindscrolltouppe…

小程序开发基础-swiper 滑块视图容器

小编 / 达叔小生参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/ 小程序开发基础-swiper 滑块视图容器根据官方文档,在自己的程序上运行,并打进代码的效果图,swiper滑块视图容器,是用来展示图片,控制图片的 swiper为滑块视图容器,其实就是轮播图的效果. 代码中indicator-dots="{{indicatorDots}}"的效果是用来显示指示点的,就是图片中下方的小圆圈. aut…

【小程序】小程序开发自定义组件的步骤>>>>>>>>>小程序开发过程中报错：jsEnginScriptError

报错:jsEnginScriptError VM6342: jsEnginScriptError Component is not found in path "component/space/space" (using by "pages/code/code");onAppRoute Error: Component is not found in path "component/space/space" (using by "pag…

微信小程序开发基础知识总结

微信小程序在无论在功能.文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们的小程序在很多方面突破H5页面应用的限制,更加接近原生程序的功能,因此微信小程序具有很大的前景想象力.它提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上. 1.小程序的目录结构小程序的目录结构如下所示. 其中项目级别的的文件包括 app.js.ap…

第2章微信小程序的基础组件学习

小程序也可以用div+css进行排版. flex-direction排列方向,可以控制内部的成员的顺序,比如从左到右.从右到左.上下,纵向和横向. flex-wrap可以控制换行是如何去换行的,控制它不换行或者控制它换行都可以. justify-content:中间是否有一些空格啊等等都可以去控制. flex-direction: row: 进行行级横向的排序从左到右 row-reverse: 从右到左 column: 从上到下进行列状的顺序排序 column-reverse:从下到上…

小程序开发-block组件的使用

微信小程序中,block不是一个组件,而是一个包装元素,不会在页面中做任何渲染. 使用情况:条件渲染 wx:if 因为 wx:if 是一个控制属性,需要将它添加到一个标签/组件上,用于控制隐藏与显示.而如果需要一次性控制多个组件的隐藏与显示,一个一个添加wx:if过于繁琐,此时就可以使用block将这些组件包裹起来,对block设置wx:if控制属性 <block wx:if=""> <view catchtap="minus" data-cate…

微信小程序开发---自定义组件

开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用:也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护.自定义组件在使用时与基础组件非常相似. 创建自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成.要编写一个自定义组件,首先需要在 json 文件中进行自定义组件声明(将 component 字段设为 true 可这一组文件设为自定义组件):同时,还要在 wxml 文件中编写组件模板,在 wxss 文件中加入组件样式,它们的写法…

小程序开发-媒体组件image

image 图片组件,支持 JPG.PNG.SVG.WEBP.GIF 等格式,2.3.0 起支持云文件ID. 所有属性如下: Tips image组件默认宽度320px.高度240px image组件中二维码/小程序码图片不支持长按识别.仅在wx.previewImage中支持长按识别 <image style="width: 200px; height: 200px; background-color: #eeeeee;" mode="scaleToFill"…

小程序开发基础-view视图容器

view 视图容器. // wxml <view class="section"> <view class="section__title">flex-direction: row</view> <view class="flex-wrp_one"> <view class="flex-item bc_green">1</view> <view cl…

微信小程序开发UI组件

第一 view和input和button组件 1.UI组件的通用属性 (1)id 唯一标识 (2)class 设置组件的样式类 (3)style 设置组件的内联样式 (4)hidden 设置组件的显示和隐藏 (5)data- 设置发送给事件的参数 (6)bind/catch 绑定事件 2.input组件的属性 (1)value 值 (2)password 是否是密码框 (3)placeholder 提示信息 (4)disabled 是否禁用 (5)maxlength 最大输入长度…

微信小程序开发-tabbar组件

"tabBar": { "backgroundColor": "#303133", "color": "#ffffff", "selectedColor": "#CC1004", "list": [ { "pagePath": "pages/subject/subject", "text"…

小程序开发-媒体组件video使用入门

video 视频(v2.4.0 起支持同层渲染).相关api:wx.createVideoContext 常见属性如下: 支持的格式示例: <video src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&am…

微信小程序开发：学习笔记[2]——WXML模板

微信小程序开发:学习笔记[2]——WXML模板快速开始介绍 WXML 全称是 WeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件.事件系统,可以构建出页面的结构. 打开开发工具的编辑器,在根目录下找到 app.json 文件,双击打开,在 "pages/index/index" 上新增一行 "pages/wxml/index" 保存文件.模拟器刷新后,读者可以在编辑器中找到 pages/wxml/index.wxm…

微信小程序开发：学习笔记[1]——Hello World

微信小程序开发:学习笔记[1]——Hello World 快速开始 1.前往微信公众平台下载微信开发者工具. 地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 2.打开微信开发者工具,并新建项目打开微信开发者工具,选择新建小程序项目,我们先不需理解AppID的概念,新建项目时选择无AppID,并取消勾选“建立普通快速启动模板”的选项. 3.在根目录添加代码 1.在根目录创建app.json文件 2.在代码中键…

微信小程序开发——后端Java（一）

一.前言最近接触了小程序的开发,后端选择Java,因为小程序的代码运行在腾讯的服务器上,而我们自己编写的Java代码运行在我们自己部署的服务器上,所以一开始不是很明白小程序如何与后台进行通信的,然后查找资料发现结合了官方提供的api后好像和我们普通的web前后端通信也没有多大的区别,有想法后就写了这个测试程序. 二.微信小程序开发基础 1.不校验域名安全性大家在刚开始开发的时候一般都没有自己的服务器及域名,所以大家在本地编写的时候,在"详细"下的"项目设置"里面…

微信小程序开发 -- 01

微信小程序开发基础 -- 开发前的准备缘由 1月9日张小龙微信小程序正式上线,因为微信,所以小程序从诞生开始就头戴巨大的光环,很多的团队,公司以及开发的个体都眼巴巴的盯着这个小程序.而那个时候我却在全力以赴的研究node,所以也没有仔细的研究这个风风火火的小程序.本以为此生无甚交集,但是最近公司却准备开发小程序,而我也"幸运"的被选中...... 小程序上线有有一段时间了,虽然还是在不断的更新,但是却大体趋于稳定,网上也积累了一定的教程和帖子,所以在研究了一下之后也就决定将自己学习小…

【云开发】10分钟零基础学会做一个快递查询微信小程序，快速掌握微信小程序开发技能（轮播图、API请求）

大家好,我叫小秃僧这次分享的是10分钟零基础学会做一个快递查询微信小程序,快速掌握开发微信小程序技能. 这篇文章偏基础,特别适合还没有开发过微信小程序的童鞋,一些概念和逻辑我会讲细一点,尽可能用图说明更清楚.分享快乐! 学完这篇,起码学会以下几点了解微信开发者工具和云开发代码目录轮播图的实现使用wx.request去请求数据使用vantUI组件学会开通并使用云开发提供的cms数据管理后台从编写代码到上线一个微信小程序的全过程. 先看看效果: 看完快递查询微信小程序的效果之后,为了更…

微信小程序开发05-日历组件的实现

接上文:微信小程序开发04-打造自己的UI库 github地址:https://github.com/yexiaochai/wxdemo 我们这里继续实现我们的日历组件,这个日历组件稍微有点特殊,算是相对复杂的组件了,然后一般的日历组件又会有很多的变化,所以我们这里实现最基本的标签即可: let View = require('behavior-view'); const util = require('../utils/util.js'); // const dateUtil = util.d…

零基础入门微信小程序开发

注:本文来源于:<零基础入门微信小程序开发> 课程介绍本达人课是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件.页面样式文件.JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装.小程序发布等内容,共 9 篇文章. 本课程共包含四个部分. 第一部分(第1-3篇)带你初步了解小程序是什么,然后进行小程序开发的准备工作,从注册账号到安装开发工具一应俱全.工欲善其事,必先利其器. 第二部分(第4-6篇).面…

微信小程序开发 [02] 页面注册和基本组件

1.页面注册既然我们希望跳转到新的页面,那自然要新建页面相关的文件才行.在开篇已经讲过,一个小程序页面由四个文件组成,假如我们的页面名为welcome,那么这四个文件则是: welcome.js welcome.json welcome.wxml welcome.wxss 另外需要注意的是,json文件中至少包含空的结构体 { },而js文件中最好包含空的Page({ })方法,否则会编译出错(新版的IDE中对于空的js文件好像已经不再报错,不过还是建议加上) 新建页面到这里就…

.NET Core 小程序开发零基础系列（2）——小程序服务通知（模板消息）

基于上一篇文件“.NET Core 小程序开发零基础系列(1)——开发者启用并校验牵手成功”的反映,个人觉得效果很不错,大家对公众号开发还是有很大需求的,同时也收到了很多同学的问题,后面我也会通过实战性文章慢慢的表现出来 ,让大家更容易吃得透一些.在这里特别感谢盛派Senparc作者的支持,也感谢各社区大佬的支持,同时也要感谢我的6位小伙伴大力支持,我们将有问必答,资源共享. 为什么说盛派Senparc开源框架开发贼快呢,因为他们经过多年的打磨,反反复复的修改升级,基本上所有公众号的功能都支持,…