微信小程序
来了来了
咸鱼4号
如果文章有错误请指出,谢谢
展开
-
零基础学习微信小程序(7):自定义组件
创建组件:创建组件的时候应该要创建存放组件的文件夹,一个自定义组件是由json、wxml、wxss、js4个文件构成的。创建4个文件的小技巧:右击Tabs文件夹,选中新建Component,再输入文件名,即可创建4个文件。声明组件:在组件的json文件中要对自定义组件进行声明。第一行表示的是,声明了该组件。第二行表示的是,使用了某个组件。在需要使用组件的页面json中,应该写入代码:该代码表明了使用了Tabs组件,该组件的路径为“…/…/components/Tabs/Tabs”使用原创 2020-05-20 09:12:27 · 254 阅读 · 0 评论 -
零基础学习微信小程序(7):组件
view标签text标签相当于html里的span标签,是行内元素,写入时,不会进行换行text标签view标签相当于html里的div标签,是块级元素,写入时,会导致换行text标签只能嵌套text,只有该标签才有长按文字复制的功能<!--pages/demo03/demo03.wxml--><!--长按文字复制--><text selectable>1</text><!--是否解码--><text decode>2原创 2020-05-18 18:27:28 · 542 阅读 · 0 评论 -
零基础学习微信小程序(6):wxss
在小程序中是不需要引入样式文件,直接再对应的wxss里写样式就可以了小技巧:安装插件(以后会用到)在小程序中使用less之前需要进行配置:先点击左小角的齿轮图标,点击设置,再点击右上角的打开设置,接着就会打开一个文件,在文件里面输入以下代码: "less.compile":{ "outExt": ".wxss" }这样就配置成功了。在less里写代码的时候,会自动生成wxss代码;并且在less中写嵌套的样式设置更加的方便在显示wxss文件的时候,点击VS Co原创 2020-05-17 21:51:21 · 605 阅读 · 0 评论 -
零基础学习微信小程序(5):小程序事件的绑定
小程序绑定事件通过bind关键字来实现,如:bindtap、bindinput、bindchange等bindinputbindinput事件,输入文本内容,就会出现相应的事件例如:<!--pages/demo04/demo04.wxml--><input type="text" bindinput="handleInput"></input><view>{{num}}</view>// pages/demo04/demo04.js原创 2020-05-17 20:49:24 · 527 阅读 · 0 评论 -
零基础学习微信小程序(4):模板语法
数据绑定:view标签和text标签在wxml里可以写入view标签和text标签text标签相当于html里的span标签,是行内元素,写入时,不会进行换行view标签相当于html里的div标签,是块级元素,写入时,会导致换行<!--pages/demo03/demo03.wxml--><text>1</text><text>2</text><view>3</view>在页面中插入字符串,数字,bo原创 2020-05-17 17:45:27 · 339 阅读 · 0 评论 -
零基础学习微信小程序(3):全局配置文件
app.json:文件截图:pages字段:用于描述当前小程序的所有页面路径里面的内容即为小程序的页面,可以在该文件里直为小程序添加页面。并且pages里的书写顺序和pages文件夹里的文件顺序是对应的。这里说一个添加页面的好用的小技巧:即:直接再pages里添加内容,可以直接为小程序添加一个新页面:其中pages第一行,即为小程序的首页,不信你看:在VS Code里这么做也是一样的效果,注意点在于:写完VS Code以后需进行保存,保存以后再到微信开发者工具里进行编译。window原创 2020-05-16 20:55:28 · 523 阅读 · 0 评论 -
零基础学习微信小程序(2):认识微信开发者工具
创建项目:点击加号创建项目:可以新建项目或者导入项目:出现了以下的界面就可以说明新建项目是成功的。微信开发者工具介绍:都是中文的话,很多内容我就不介绍啦~重点讲解以下,软件上端的【普通编译】:在选择为普通编译的情况下,进行编译,呈现的就是首页。如果选择的是其他的页面(自己指定)的话,进行编译以后,模拟器出现的就是你指定的页面。小程序基本结构目录:...原创 2020-05-16 19:12:21 · 483 阅读 · 0 评论 -
零基础学习微信小程序(1):微信小程序的环境准备
注册账号:点击连接,微信公众号平台进行注册按照提示,填写信息注意事项:每一个邮箱只能申请一个小程序注成功以后扫码就可以登录到小程序的相关页面获取APPID:登陆成功以后就可以获得自己的APPID,在以后会使用到。小程序上线就必须要使用APPID或者有些功能是必须要提高APPID才可以使用的,不要给别人看见啊准备开发工具:需要下载微信开发者工具,最好再下载一个VS CodeVS Code编写代码,微信编程工具用来预览效果根据需求下载微信开发者工具:微信开发者工具...原创 2020-05-16 17:05:57 · 323 阅读 · 0 评论