小程序
WongWoo1991
不一样的程序猿
展开
-
小程序运营
字节跳动小程序小程序审核通过 ,抖音小程序中能搜索此小程序,但是发布小视频时,挂载小程序不能搜索到该小程序进入小程序管理–>功能管理–>抖音能力–>前往管理–>特殊权限–>查询小程序挂载权限(申请通过就可以)...原创 2021-01-28 11:02:25 · 348 阅读 · 0 评论 -
微信小程序(十)全局数据变化监听
有这样一个需求,在一个页面点击“增加”按钮,另一个页面的数据要跟着变化,这里就需要全局数据变化监听。在全局app.js文件中://app.jsApp({ // ... globalData: { orderNum:0, // 订单数量 }, //app 全局属性监听 watch: function (method) { var obj = this.globalData; Object.defineProperty(this, "globalData原创 2020-12-09 15:05:33 · 4673 阅读 · 0 评论 -
微信小程序(九)布局
1、display:block 指定为块内容器模式,总是使用新行开始显示,微信小程序的视图容器(view,scroll-view和swiper)默认都是dispaly:block。display:flex:指定为行内容器模式,在一行内显示子元素,可以使用flex-wrap属性指定其是否换行,flex-wrap有三个值:nowrap(不换行),wrap(换行),wrap-reverse(换行第一行在下面)使用display:block(默认值)的代码:<view class="flex-row"原创 2020-12-07 14:56:31 · 700 阅读 · 0 评论 -
微信小程序(八)遇到的一些坑
程序的坑比较多,原因在于小程序开发文档相当的不全,所以开发小程序是比较痛苦的,但也正是因为坑多,技术却一步一步的往上升了…不知道该笑还是该哭。1、wx.uploadFile的坑返回的数据格式不是JSON格式(需要自己用JSON.parse()转化格式);...原创 2020-08-07 09:49:59 · 196 阅读 · 0 评论 -
微信小程序(七)本地调试
官方文档中对于网络请求有详细介绍:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html在小程序/小游戏中使用网络相关的 API 时,需要注意下列问题,请开发者提前了解。服务器域名配置每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信。包括普通 HTTPS 请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile) 和 We原创 2020-08-04 15:45:34 · 3286 阅读 · 0 评论 -
微信小程序(六)表格布局
小程序中表格布局和android开发中的gridview控件布局不一样,小程序中不是定义一个表格控件,而是通过flex布局自动换行的方式来达到目的。首先在wxml布局文件中:···商品{{item}}0</block>···这里block 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。其中在js文件中定义的数据:```Page({ /** * 页面的初始数据 */ data: { grids:原创 2020-07-12 22:51:30 · 2527 阅读 · 0 评论 -
微信小程序(五)首页架构
一般首页都采用tabBar的形式去展现,好在小程序帮我们实现了tabBar,很容易就可以实现。在app.json中增加:"tabBar": { "color": "#bfbfbf", "selectedColor": "#0aa4f5", "list": [ { "pagePath": "pages/shop/shop", "text": "小铺", "iconPath": "/image/shop.png", "selectedIco原创 2020-07-12 22:44:42 · 584 阅读 · 0 评论 -
微信小程序(四)屏幕适配
在WXSS中,引入了rpx(responsive pixel)尺寸单位。引用新尺寸单位的目的是,适配不同宽度的屏幕,开发起来更简单。如图所示,同一个元素,在不同宽度的屏幕下,如果使用px为尺寸单位,有可能造成页面留白过多。修改为rpx尺寸单位,效果如图所示。小程序编译后,rpx会做一次px换算。换算是以375个物理像素为基准,也就是在一个宽度为375物理像素的屏幕下,1rpx = 1px。举个例子:iPhone6屏幕宽度为375px,共750个物理像素,那么1rpx = 375 / 750 px原创 2020-07-03 17:01:23 · 2476 阅读 · 0 评论 -
微信小程序(三)微信开发者工具使用git
1、添加远程版本管理版本管理->设置->远程->添加把在远程建立的仓库地址添加进来。2、版本管理认证版本管理->设置->网络和认证->认证方式->使用用户名和密码填上用户名和密码即可。3、推送配置好之后就可以推送啦...原创 2020-07-03 16:40:01 · 5727 阅读 · 0 评论 -
微信小程序(二)原理
渲染层和逻辑层首先,我们来简单了解下小程序的运行环境。小程序的运行环境分成渲染层和逻辑层,其中 WXML 模板和 WXSS 样式工作在渲染层,JS 脚本工作在逻辑层。小程序的渲染层和逻辑层分别由2个线程管理:渲染层的界面使用了WebView 进行渲染;逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面,所以渲染层存在多个WebView线程,这两个线程的通信会经由微信客户端(下文中也会采用Native来代指微信客户端)做中转,逻辑层发送网络请求也经由Native转发,小程序的通信模型下图所示。原创 2020-07-03 16:08:25 · 475 阅读 · 0 评论 -
微信小程序(一)建立新项目
其实按照微信的官方文档,很容易的就可以搭建起微信小程序的开发环境了。https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart在申请账号的时候遇到小问题,由于微信开放平台和微信公众平台是独立的,所以账号不能互通,且邮箱在一个平台注册之后(不管是否成功注册),不能在另外一个平台使用,所以这里需要再去找一个邮箱来注册。...原创 2020-07-02 17:15:06 · 310 阅读 · 0 评论