小程序开发基础
小程序开发基础
Python User
这个作者很懒,什么都没留下…
展开
-
小程序开发:小程序上线流程
如果没有AppId 则需要在微信公众平台申请账号,获取AppId;获取到AppId后开发工具右上方会出现一个“上传” button;在小程序开发者工具右上方点击详情,取消勾选不校验合法域名;添加可依赖域名(就是需要去访问的地址),登录微信公众平台-开发-开发设置-添加可访问的域名;点击微信开发者工具右上角 “上传”;添加版本号和说明;在公众平台-管理-版本管理-提交审核-审核通过(1-2天)-上线;...原创 2021-01-07 19:53:08 · 721 阅读 · 0 评论 -
小程序开发:wxss中应注意的几点
不能使用 #id选择器;不能使用属性选择器 [a];不能使用标签名选择器 image;都改用class选择器;原创 2021-01-07 18:11:35 · 277 阅读 · 0 评论 -
小程序开发:ES6的模块化
在utils 文件夹中可以定义二一些公共的方法js,比如做一些时间戳的转换,属性的计算等;方法一:暴露 utils/all.jsvar comm = { getMyName: function(){ return 'my name is CR7' }, getMyAge: function() { return '36' }}module.exports = comm引入 pages/index/index.jsimport comm fr原创 2021-01-07 17:57:41 · 342 阅读 · 0 评论 -
小程序开发:自定义组件,组件的基本使用
自定义组件是为了方便提取公共的部分来实现调用,比如头部,底部的一些公共的部分就可以使用公共组件来完成;自定义组件在pages的同级目录下创建 components 文件夹;在components文件夹中创建一个文件夹,然后右击文件夹选择新建components;如果那个pages 需要组件就在对应的 .json文件中注册;页面中引入组件名标签;组件的属性传值1,先在组件标签中自定义一个属性 myTitle<all mytitle="this is a data"><原创 2021-01-07 15:39:49 · 98 阅读 · 0 评论 -
小程序开发:内置的方法事件 api
小程序内封装的api包括:数据请求,路由,动画效果,缓存,位置,画布等等;1. 基础:获取手机型号,地理位置,权限等一些信息;点击查看文档详情console.log(wx.getSystemInfoSync()) // 可以查看都有哪些属性wx.getSystemInfoSync().model // 获取手机型号2.界面**2.1 交互:**包含消息提示 toast,加载中load,点击查看文档详情以wx.showLoading() 为例onload: function(){ w原创 2021-01-06 16:41:18 · 141 阅读 · 0 评论 -
小程序开发:框架接口内的生命周期的各项函数 及 自定义事件 和 setData用法
在小程序的js中,有个page(),用来注册小程序的一个页面的,接受的是一个object类型的数据;Page(Object object)生命周期的一些函数:Page({ data:{ }, /** 生命周期函数--监听页面加载*/ onLoad: function (options) { }, /*生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /*生命周期函数--监听页面显示, 比如接个电话后又回原创 2021-01-06 14:37:03 · 261 阅读 · 0 评论 -
小程序开发:wxml语法 {{}},if条件判断,for循环,未完待续。。。。
在js代码中data的数据是可以打印在wxml中的,并且是双向绑定的;<view> {{ name }} </view>data() { name: "kkkk"}if 条件判断:点击查看文档详情<view wx:if="{{1>2}}"> {{ name }} </view><view wx:elif="{{2<3}}"> {{ name }} </view><view wx:else> 隐原创 2021-01-05 21:05:20 · 1520 阅读 · 0 评论 -
小程序开发:微信小程序里面的组件标签
标签必须得有闭合1,view标签相当于html里面的div标签;点击进入view标签的属性2,text标签相当于是html里面的span标签;点击进入text标签的属性3,image标签两种写法:其中图片是可以访问外部链接的,例如:src=“http://www.baidu.com”<image src="xxx" mode="widthFix"></image> // widthFix 属性自适应高度不变<image src="xxx"/>点击进入i原创 2021-01-04 00:11:49 · 906 阅读 · 1 评论 -
小程序开发:搭建小程序开发环境,项目目录介绍
1,在微信小程序开发官网下载微信小程序开发工具;2,安装软件,创建小程序项目;3,目录介绍:pages: 就是微信公众号的页面;目前有两个页面分别为index和logs;utils: 就是放一些公共的文件,比如是js,css文件等(可以删除utils,无影响);app.js: 入口文件;app.json: 配置文件;app.wxss: 全局样式;project.config.json: 项目配置文件,做一些个性化的配置,例如界面颜色,编译配置等等;sitemap.json: 一个地图原创 2021-01-01 23:04:54 · 212 阅读 · 0 评论 -
小程序开发:通过vue-cli 搭建 uniapp -----小程序项目
要求安装vue-cli3以上的版本2.9.6 初始化项目是用 vue init webpack my-project 3.0以上 初始化项目是用 vue create my-project3.0以下 npm install -g vue-cli@版本号3.0以上 npm install -g @vue/cli@版本号步骤:创建脚手架:npm install -g @vue/cli;若失败就安装:npm i -g @vue/cli@^3.12.1创建项目:vue create -p原创 2021-01-05 22:59:45 · 2615 阅读 · 0 评论