-
2021-03-29 09:43:01
微信小程序官方Demo(Hao-Wu/WeApp-Demo)
微信小应用示例代码(phodal/weapp-quick)
微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)
微信小应用- 掘金主页信息流(hilongjw/weapp-gold)
微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo)
微信小程序-豆瓣电影(hingsir/weapp-douban-film)
小程序 hello world 尝鲜(kunkun12/weapp)
微信小程序版2048小游戏(natee/wxapp-2048)
微信小程序-微票(wangmingjob/weapp-weipiao)
微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)
微信小程序V2EX(jectychen/wechat-v2ex)
微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)
微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)
微信小程序版Gank客户端(lypeer/wechat-weapp-gank)
微信小程序集成Redux实现的Todo list(charleyw/wechat-weapp-redux-todos)
微信小程序集成 LeanCloud 实现的 Todo list(leancloud/leantodo-weapp)
微信小程序-番茄时钟(kraaas/timer)
微信小程序项目汇总
微信小程序版聊天室(ericzyh/wechat-chat)
微信小程序-HiApp(BelinChung/wxapp-hiapp)
小程序Redux绑定库(charleyw/wechat-weapp-redux)
微信小程序版微信(18380435477/WeApp)
小程序开发从布局开始(hardog/wechat-app-flexlayout)
微信小程序-音乐播放器(eyasliu/wechat-app-music)
微信小程序-简易计算器-适合入门(dunizb/wxapp-sCalc)
微信小程序-github(zhengxiaowai/weapp-github)
微信小程序-小熊の日记(harveyqing/BearDiary)
微信小程序(Seahub/PigRaising)
微信小程序(WeChatMeiZhi妹子图)
微信小程序快速开发骨架
微信小程序 - Artand 最专业的艺术设计平台
微信小程序 - 开心一刻(zhijieeeeee/wechat-app-joke)
微信小程序 - GitHubFeed(uniquexiaobai/wechat-app-githubfeed)
微信小程序 - 国外摄影社区500px(fluency03/weapp-500px)
微信小程序 - 巴爷供销社-电商平台(bayetech)
基于微信小程序的UI库(Wa-UI)
微信小程序-豆瓣美女/妹子图(weapp-girls)
微信小程序-美女模特(BeautifulGirl)
微信小程序 - 知乎仿写(RebeccaHanjw/weapp-wechat-zhihu)
微信小程序 - 面包旅行(romoo/weapp-demo-breadtrip)
微信小程序-淘票票(weapp-film)
微信小程序-仿ONE(ahonn/weapp-one)
微信小程序-新闻阅读器(vace/wechatapp-news-reader)
微信小程序 - 百思不得姐(Symous/WechatApp-BaisiSister)
微信小程序 - We重邮(lanshan-studio/wecqupt)
微信小程序 - IOS计算器
微信小程序 - github简历(monkindey/wx-github)
微信小程序-程序员老黄历(xujinyang/CoderCalendar-WeApp)
微信小程序 - TODOS(任务清单)(zce/weapp-todos)
微信小程序 - 企业宣传小程序(yaoshanliang/weapp-ssha)
————————————————
版权声明:本文为CSDN博主「fenxiangjun」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/fenxiangjun/article/details/54429666更多相关内容 -
微信小程序开发(一):小程序代码构成
2022-03-21 11:02:06当前小程序的全局配置,包括小程序的所有页面路径、界面表现、网络超时事件,底部tab等: 1、pages字段用于描述当前小程序所有页面路径 2、window字段用于定义小程序所有页面的顶部背景颜色、字体颜色等 3、tabBar...通过开发工具创建一个项目后,在项目目录中自动生成里四种不同类型的文件
JSON配置
1、JSON是一种数据格式,在小程序中的作用主要是保存一些静态配置
2、JSON文件中不能使用注释小程序配置app.json
当前小程序的全局配置,包括小程序的所有页面路径、界面表现、网络超时事件,底部tab等:
1、pages
字段用于描述当前小程序所有页面路径
2、window
字段用于定义小程序所有页面的顶部背景颜色、字体颜色等
3、tabBar
字段用于定义底部tab{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "Weixin", "navigationBarTextStyle":"black" }, "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/logs/index", "text": "日志" }] }, "networkTimeout": { "request": 10000, "downloadFile": 10000 }, "debug": true }
开发工具配置project.config.json
创建项目时会在根目录生成一个project.config.json文件,用来保存coder在开发工具上做的配置,比如界面颜色、编译配置等,coder需要重新安装开发工具或者更换电脑时,只需要导入同一个项目的代码包,开发工具就会自动回复项目开发时的个性化配置
页面配置page.json
1、小程序的每一个页面都有一个对应的JSON文件
2、用来表示同目录下的小程序页面的相关配置,独立定义每一个页面的一些属性
3、page.json
文件中个性化设置优先级高于app.json中的设置WXML文件
1、
WXML
充当网页开发中HMTL
的角色,用来描述当前页面的结构
2、WXML
中有一些特有的标签,如view
、text
等
3、小程序提倡渲染和逻辑分离,提供了MVVM
的开发模式,不需要让js直接操作DOM,只需要管理状态,通过一种模板语法描述状态和界面结构的关系
4、通过{{}}数据绑定语法把变量绑定到界面上,并且通过wx:if / wx:else, wx:for
等来控制属性的表达<view class="container"> <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}"> 获取头像昵称 </button> <block wx:else> <image src="{{userInfo.avatarUrl}}" background-size="cover"></image> <text class="userinfo-nickname">{{userInfo.nickName}}</text> </block> </view> <view class="usermotto"> <text class="user-motto">{{motto}}</text> </view> </view>
WXSS样式
1、
WXSS
具有CSS
大部分的特性
2、WXSS
和CSS
相比,增加了新的尺寸单位rpx
(可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx)
3、WXSS
只支持部分选择器(.class
、#id
、element
、::after
、::before
)JS逻辑脚本
js脚本用来处理用户的操作,如:响应用户的点击、获取用户的位置等.
<view>{{ msg }}</view> <!-- 使用bindtap绑定鼠标点击事件 --> <button bindtap="clickMe">点击我</button>
Page({ clickMe: function() { this.setData({ msg: "Hello World" }) } })
-
小程序发布提审被驳回,提示当前提审小程序代码包中地理位置相关接口wx.getLocation暂未开通
2022-04-29 14:28:08小程序发布提审被驳回,提示当前提审小程序代码包中地理位置相关接口wx.getLocation暂未开通的解决办法。如图所示,提示地理位置相关接口wx.getLocation暂未开通,这是因为从2022年4月18日开始,在代码审核环节将检测该接口是否已完成开通,如未开通,将在代码提审环节进行拦截。
以下提供解决办法:
- 首先确认自己的小程序是否是在允许使用的类目中——需要先通过类目审核。
小程序的类目在【设置】-【基本设置】-【服务类目】中自查:
其中,可以申请开通本接口的类目如下:
- 再在小程序管理后台,【开发】-【开发管理】-【接口管理】-【接口权限】中申请开通该接口权限:
申请成功后,就可以正常发布小程序了。
-
微信小程序代码提交步骤
2019-04-12 16:12:29微信小程序提交代码分为两步: 一.本地提交 二.推送到github 1.点击右上角版本控制按钮,选择需要提交的文件,在下面协商更新日志,点击提交按钮(注意:本次提交仅为本地提交,实际没有上传到服务器) 2.可以...微信小程序提交代码分为两步:
一.本地提交
二.推送到github
1.点击右上角版本控制按钮,选择需要提交的文件,在下面协商更新日志,点击提交按钮(注意:本次提交仅为本地提交,实际没有上传到服务器)
2.可以看到,我们点击本地分支,可以看到本地已经提交成功,此时点击推送按钮进行推送
3.此处选择“推送到以下远程仓库分支”,这里也可以选择其他分支!
4.此时我们就可以看到提交成功啦!
-
nodejs脚本方式实现微信小程序代码自动上传生成体验版
2021-11-23 19:27:46小程序的代码有一些轻微改动,不想在微信开发工具中进行修改上传,因为这段时间没有用这个工具了。 最轻的方法是直接在代码仓库中进行修改,可是,修改之后的代码还要上传到微信后台,也就是通常情况需要在微信开发... -
微信小程序代码上传,审核发布小程序
2018-11-01 11:38:33填写好小程序的项目目录、AppID(必须是客户已注册好的AppID)、项目名称 2.在app.js中修改id(客户登录后台管理系统的id),app.json中修改页面导航栏标题navigationBarTitleText | 3.配置合法域名(工具 -&... -
使用 miniprogram-ci 进行小程序代码的上传、预览等操作
2022-02-13 09:56:06使用 miniprogram-ci 进行小程序代码的上传、预览等操作 -
51单片机——实现呼吸灯&程序代码
2021-03-23 21:34:42注:该51单片机led灯引脚为P2^ 0 - P2^7,实际代码按照引脚图实现。 代码如下: #include<reg52.h> typedef unsigned int uint; typedef unsigned char uchar; //--------------Delay-------------------- ... -
164个完整的Java源程序代码
2017-01-09 21:55:48164个完整的Java源程序代码 -
Python有趣小程序代码
2018-06-08 12:22:351:打印心形print('\n'.join([''.join([('Love'[(x-y)%4]if((x*0.05)**2+(y*0.1)**2-1)**3-(x*0.05)**2*(y*0.1)**3<=0 else' ')for x in range(-30,30)])for y in range(15,-15,-1)]))2:9*9乘法表print('\n'.... -
微信小程序代码格式化
2019-09-19 21:51:56代码格式化:shift+alt+F -
微信小程序代码大全 - 小程序开发福利
2018-11-08 12:14:44小程序QQ交流群:131894955 小程序开发文档(Wepy) 小程序商城源码下载(weixin-app-shop) 小程序官网源码下载(weixin-app-cms) ... 微信小应用示例代码(phodal/weapp-quick) 微信小应用地图定位demo(gi... -
如何阅读他人的程序代码(上)——技巧学习篇
2018-06-27 17:10:04一、读懂程序代码,使心法皆为我所用 程序代码是别人写的,只有原作者才真的了解程序代码的用途及涵义。许多程序人心里都有一种不自觉的恐惧感,深怕被迫去碰触其他人所写的程序代码。但是,与其抗拒接收别人的程序... -
小程序代码包大小超出限制的解决办法
2020-03-23 02:01:41小程序代码包大小超出限制的解决办法 方法(一)https://www.cnblogs.com/web1/p/8926807.html 方法(二)https://blog.csdn.net/weixin_33751566/article/details/93172461 -
ARMA模型的完整程序代码
2010-11-16 13:45:51本程序是一个完整的ARMA模型的识别、参数估计以及预测的代码,编写语言简单易懂,适合初学者 -
最全的微信小程序代码大全
2018-03-11 12:23:13最全的微信小程序代码大全微信小程序官方Demo(Hao-Wu/WeApp-Demo)微信小应用示例代码(phodal/weapp-quick)微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)微信小应用- 掘金主页信息流(hilongjw/weapp-gold)... -
html5代码如何转成小程序代码
2018-12-17 17:57:00插件源码 链接:https://pan.baidu.com/s/1pGY8ZsdESaQGEzoEgpb_Rw提取码:s1ix 放到与pages文件夹同级目录下 js中调用 //引入 var wxParse = require('../../wxParse/wxParse.js'); //调用(个人方法) ... -
微信小程序代码体积压缩到最小
2019-02-15 17:12:01如果是图标的话,阿里的图标真的很好用,在小程序中使用也非常的方便。 2.优化代码逻辑,这个可能要求有一点高,减少不必要的代码,避免出现重复的代码。同时页面书写时候也要尽量避免不必要的组件嵌套,能用一个 ... -
webstorm智能提示小程序代码,小程序代码自动补全,webstorm开发小程序实时编译查看运行效果
2018-09-03 23:11:46- 1,代码自动补全 - 2,实时编译查看小程序运行效果 一,先来解决webstorm开发小程序时智能提示问题 1,打开webstorm设置页面,找到File Types 2,在File Types里找到html,然后点击加号,添加 *.wxml... -
Unity——退出程序代码
2017-06-06 21:49:04在退出按钮的点击事件中添加以下代码: Application.Quit(); 即可实现退出程序的功能。 -
史上最全的微信小程序代码大全源码下载
2019-03-20 10:23:13小程序QQ交流群:131894955 开发文档: http://wepydemo.mydoc.io 小程序商城源码下载 源码链接:https://gitee.com/jeecg/weixin-app-shop 小程序官网源码下载 源码链接: ... -
小程序代码包压缩 策略&方案
2017-12-13 00:00:00微信小程序自推出以来,逐渐发展,目前正受到越来越多的青睐。...由于轻量级特性,小程序的代码包体积、可用内存空间、可用存储空间等均受限制。如何在有效支持业务逻辑的同时,尽量减少资源占用,在小程序开发环境 -
史上最全的微信小程序代码大全分享
2019-03-07 19:17:21微信小应用示例代码(phodal/weapp-quick) 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo) 微信小应用- 掘金主页信息流(hilongjw/weapp-gold) 微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-... -
微信小程序代码最大限制2M的解决方案
2019-05-30 16:13:05作者:要和代码过一辈子 ...最近公司开发的小程序控制了代码量之后还是超过了2M,解决办法是:使用分包加载。 大部分小程序都会有几个功能组成,通常独立,但是会有公共的逻辑,并且这些功能通常会对应几个独立的页... -
微信小程序代码怎么用工具打开看
2018-02-10 12:05:07打开微信公众平台,找到右下方的小程序模块,点击「开发」按钮; 2、点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」。可以看到,开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据... -
130个Weixin小程序源代码案例
2017-09-30 16:18:11小程序完整demo:飞翔的小鸟:canvas实现,java后端(适用1221) 小程序页面生成器 小熊的日记 小游戏-别踩白块 校内新闻大图 新浪读书 新闻客户端 星巴克中国 摇一摇换文章 一个(仿) 一元夺宝主页设计 医药网 ... -
C# 结束程序代码
2017-08-23 15:00:52this.Close(); System.Environment.Exit(0); -
执行宏时出现“在中断模式不能执行程序代码”
2019-06-18 16:40:18