
小程序
梦想起航-冬
精通css html javascript vue ajax 以及部分前端插件
展开
-
小程序登陆的步骤
1.用户先获取自己的信息// 1.API js主动获取数据async JsGetInfo(){ // 1.获取用户信息 // 1.1 先用 API js 方法 uni封装promise返回 [err, res] const [err,res] = await uni.getUserInfo(); // 1.2 res没有数据 用户没有授权:让用户主动授...原创 2020-02-27 14:17:48 · 587 阅读 · 0 评论 -
框架(uni-app)
1.框架的使用介绍:是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。创建项目:// 安装npm install -g @vue/cli// 创建项目vue create -p dcloudio/uni-preset-vue my-project选择模板...原创 2020-02-27 12:08:52 · 238 阅读 · 0 评论 -
Vant Weapp和F2以及日历
1.Vant Weapp介绍:Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。// 安装npm i vant-weapp -S --production小程序工具的配置:注册使用:可以在app.json全局注册也可以在页面内的json文件注册"usingComponents": ...原创 2020-02-27 08:30:03 · 1251 阅读 · 0 评论 -
组件
1.页面内的组件创建:使用:在其他使用中使用需要在其他页面中的json文件配置子级给父级通信:子组件绑定自定义事件及父级的回调函数:原创 2020-02-27 08:16:56 · 88 阅读 · 0 评论 -
模块化
1.基本使用介绍:小程序遵循的是类似 CommonJS 的规范。通过 module.exports 或 exports 对外暴露接口,通过 require 导入模块用处:公用的方法的可以写在一个JS文件内,供每个页面使用2.npm模块介绍:小程序目前不支持直接引入 node_modules** , 开发者需要使用到 node_modules 时候使用小程序支持的 npm功能。使用步骤:...原创 2020-02-27 08:09:35 · 111 阅读 · 0 评论 -
生命周期和场景值
1.生命周期-App介绍:是整个app应用的生命周期,有以下几个生命周期函数App({ // 当第一次启动时,只会执行一次;就是启动了就执行; onLaunch: function(query) { console.log(1); }, // 前台运行时 onShow: function() { console.log(2); }, // 后台运行...原创 2020-02-27 07:43:28 · 174 阅读 · 0 评论 -
发布时的配置和发布阶段的配置
1.发布时的配置注意:直接使用wx.request()方法请求url地址会报错,需要如下的配置2.开发阶段的配置注意:勾选微信开发者工具中的详情按钮中的本地数组选项中的不效验合法域名即可...原创 2020-02-27 07:26:08 · 217 阅读 · 0 评论 -
数据渲染
1.数据渲染index.js:在js文件中定义数据,通过 {{}} 来进行数据的渲染Page({ /** * 页面的初始数据 */ data: { msg: "xxxx info", a: 1, b: 2, flag: true, list: [1, 2, 3], obj: { name: "xx" } ...原创 2020-02-26 18:43:04 · 735 阅读 · 0 评论 -
VSC开发程序
1.vsc开发小程序minapp:vsc的插件,在vsc里面开发小程序的代码,在微信开发者工具中,查看效果2.指定测试页面3.新样式v2注意:设置新样式不会真实的覆盖掉内置的样式,尽管引进划了横线,会有问题,建议去掉...原创 2020-02-26 16:59:59 · 622 阅读 · 0 评论 -
图片问题
使用图片的规则wxml:可以使用静态图片(相对路径图片)和上传到github的图片wxss:在wxss内只能使用网络图片,是公司服务器上的图片也可以是上传到github上的字体图标:iconfonts下载到本地,上传到服务上,wxss里面全部使用网络地址;注意:wxapp服务器地址需要为https,不然会有问题字体图片下载:https://icomoon.io/上传自己的图标 svg格式...原创 2020-02-26 15:03:03 · 278 阅读 · 0 评论 -
预览的问题
1.体积过大无法预览注意:目前我们完成了小程序的首页面,如果通过开发工具=>预览=>扫码,会遇到一个错误提示,如图所示:错误的原因:微信官方要求小程序代码包体积不允许超过 2M,其中图片资源占用了较大部分空间,然而实际项目中图片资源都是通过服务器返回,而非本地资源,所以 2M 的大小可以满足大部分的需求。解决方法:1,将所有的静态资源图片上传到github,然后设置为网站的静...原创 2020-02-26 14:11:26 · 158 阅读 · 0 评论 -
页面适配
1.不同屏幕下的适配问题小程序:使用rpx为单位,微信开发工具会自动帮我们载在不同屏幕下完成适配约定: 页面的宽度为750rpx,那么此时1rpx = 1px...原创 2020-02-26 13:52:10 · 151 阅读 · 0 评论 -
项目目录的介绍及配置
1.创建之后的项目目录2.目录的介绍app.js:是整个应用的共享的文件,里面定义的方法,是可以共享的app.json:对小程序进行全局配置。如:tabBar,窗口颜色,以及页面配置等app.wxss:全局共享的样式文件project.config.json:整个项目的配置文件sitemap.json:配置小程序及其页面是否允许被微信索引。文件内容为 一个 JS...原创 2020-02-26 13:25:59 · 1675 阅读 · 0 评论 -
IDE开发工具
1. IDE集成开发工具下载安装1.1.介绍:集成开发环境,界面显示、开发、调试都在一个界面上显示1.2.地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html2.登陆可能遇到问题3.创建项目3.1.注意:不要使用云服务...原创 2020-02-26 11:07:34 · 339 阅读 · 0 评论 -
小程序appID的申请
1,注册2,选择类型3,填写信息原创 2020-02-26 08:24:37 · 961 阅读 · 0 评论