微信小程序
记录在写微信小程序时,学到的一些前端知识
zadarmo_
这个作者很懒,什么都没留下…
展开
-
微信小程序:实现选择视频 + 页面跳转 + 数据传送功能
一、实现的功能还是这个熟悉的页面:这次实现:点击"选择视频"按钮,可以从本地相册中选取相册或者图片,并传回给该页面再选择完视频之后,会出现一个新的页面,并且这个页面会出现刚才所选择的视频二、文件夹准备由于该功能涉及两个页面,所以在app.json中注册两个页面:三、源码以及学习到的知识点首先是选择按钮的.js文件Page({ data: { tempFilePath: '' // 页面数据,初始化为空 }, onLoad: function(){ },原创 2020-07-02 22:44:18 · 3298 阅读 · 0 评论 -
微信小程序:实现按钮点击事件
一、界面展示功能:点击了“选择视频按钮”按钮之后,控制台输出“你好”。二、源码分析在找博客学习的时候发现一个快速创建文件夹的方式:在app.json中直接注册一个页面test,然后保存。系统会自动生成一个test文件夹,并创建好页面的四个文件夹。1. .wxml<view class="page-body"> <view class="btn-area" id="buttonContainer"> <button bindtap="but" type="原创 2020-06-30 23:29:09 · 28096 阅读 · 2 评论 -
微信小程序:实现一个基本的页面
声明:本文章的代码来自于 https://blog.csdn.net/weixin_30416871/article/details/99098323一、页面展示二、文件夹准备该页面的实现需要:在pages页面文件夹下新建一个页面,起名叫welcome由于一个页面需要四个.js .json .wxml .wxss文件,所以我们需要创建这四个文件在页面中进行了一个图片的展示,所以我们需要一个资源文件夹,专门存放图片三、源码1. 页面布局文件.wxml<!--wxml 是编写.原创 2020-06-25 01:42:42 · 1328 阅读 · 0 评论 -
微信小程序:初识微信小程序和前端
一、前期准备工作1. 申请开发微信小程序登录微信公众平台 ===> 点击"小程序" ===> 点击"前往注册" ===> 注册成功即可2. 下载微信开发者工具小程序文档 ===> 工具中的下载 ===> 下载自己需要的版本3. 在开发者工具中创建项目这个当中有一个AppID需要填写,这个在申请开发微信小程序的时候就会生成。可以在:小程序开发页面的“开发”中的“开发设置”中找到AppID。二、初识前端知识由于是第一次写前端,为了避免今后知识的遗忘,我会把学习原创 2020-06-24 01:24:26 · 870 阅读 · 0 评论