微信小程序开发日记1

啊啊啊啊，第一天学习微信小程序！！！

这个界面好酷，我喜欢！！！

好吧，第一次编译就报错了，让我来看看是哪个熊孩子。。。

首先——复制报错，百度——

小程序 -- [sitemap 索引情况提示] 根据 sitemap 的规则[0]，当前页面 [pages/index/index] 将被索引_Muizai的博客-CSDN博客这位博主说——这个警告已经告诉我们是属于sitemap索引情况提示，我们去微信官方文档搜一下sitemap，发现可以在project.config.json里面去进行配置，有个checkSiteMap的配置项，默认为true，改成false就不会报sitemap的警告了。

好的！开整！！！这是project.config.json页面：

输入："checkSiteMap"：false后居然报红了！！！好的，还是百度——project.config.json文件中配置checkSitMa显示错误，哪里出了问题？ | 微信开放社区 (qq.com)

这位博主的本地设置是设置-项目设置调出来的，不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书

这一项需要打钩，也就是下面这样：

好了，console的报错是没有了，但是还是编译不出来，因为issues又出现问题了（想哭）一直查不到原因，，，

好吧，还有我有一位好老师，他愿意帮我看看，指出我的错误在于我的app.json中的home页面没导到程序中去，需要调整"pages/home/home"在"pages"的最前面，修改后——

好了，编译出来了——

补充一下我的代码：

home.wxml

<!--pages/home/home.wxml-->
<text>pages/home/home.wxml</text><!--三元运算-->
<view hidden="{{showTest ? '显示内容' : '不显示内容'}}"> </view>
<!--算术运算-->
<view>{{a+b}}+1+{{c}}+d=?</view>
<!--逻辑运算-->
<view wx:if="{{length > 5}}">1</view>
<!--字符串运算-->
<view>{{"hello"+name}}</view>
<!--数据路径运算-->
<view>{{object.key}} {{array[0]}}</view>

home.js

// pages/home/home.js
Page({/*** 页面的初始数据*/data: {showTest:false,a:1,b:2,c:3,d:4,length:5,name:'小程序',object:{key:25},array:['arr1','arr2']},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}
})

app.json

{"pages": ["pages/home/home","pages/index/index","pages/logs/logs"],"window": {"backgroundTextStyle": "light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "Weixin","navigationBarTextStyle": "black"},"style": "v2","sitemapLocation": "sitemap.json","lazyCodeLoading": "requiredComponents"
}

效果：

好了，搞下一个程序：

新建一个exex文件夹，但是没有像创建home文件那样自动配置文件夹里面的四个文件，百度——

(2条消息) 微信小程序快速创建页面自动生成文件_魑魅魍魉9527的博客-CSDN博客

在app,json配置文件直接写页面路径会自动生成对应文件夹和对应 .js .json .wxml .wxss

添加后的结果：

接下来：

代码：

exex.wxml

<!--pages/exex/exex.wxml-->
<text>pages/exex/exex.wxml</text><wxs module="m1">
var msg="hello world";
module.exports.message=msg;
</wxs>
<view>{{m1.message}}</view>

总结：wxs文件

实例3：

微信小程序开发日记1相关推荐

微信小程序开发日记 (4) 样式设计
尺寸单位 rpx可以根据屏幕宽度进行自适应,也就是说可以通过屏幕的尺寸进行像素大小的自适应无论屏幕的大小如何,都等于750rpx 注意:rpx是会变动的,而px是不会变动的,px写死是多少就是多少 ...
小程序分享到朋友圈功能_小程序开发日记分享到朋友圈
贵州水司楼图片来自视频截图最近微信小程序开始公测小程序分享到朋友圈的功能了.记得前两天刚开始内测时,小程序社区里就不断有人发帖问关于分享到朋友圈的各种问题.很显然大家对这个新特性都特别关心.那 ...
微信小程序开发的完整流程介绍，新手必读
自从跳一跳小程序游戏出现后,一夜之间,小程序就变得家喻户晓了,功能开发也越来越丰富,在微信搜一搜就会发现许多大品牌早已有自己的小程序了,越来越多的企业和商家都看中了这个风口,想快速开发出一款属于自己的 ...
微信小程序开发（2）_data属性
假设我们的环境都做好了,现在我们开始开发自己的小程序首先我们开发出自己的 Hello World 我们要做的事情是当前点击hello World的时候HelloWorld的颜色发生变化: 这个是我们 ...
微信小程序开发之选项卡
选项卡是web开发中经常使用到的一个模块,在小程序中竟然没有,这里参考别人的文章自己做了一个双选项卡实现思路: 通过绑定swichNav事件来控制currentTab(当前选项卡)和isShow(是 ...
微信小程序开发优秀教程及文章合集第一期
2019独角兽企业重金招聘Python工程师标准>>> 我会不定期的选取一些优质教程,整理成辑,以便大家集中阅读: 新手向!微信小程序开发手记系列: 微信小程序开发手记<一&g ...
微信小程序开发分销制度济南_花店微信小程序开发教程
如何将自己的鲜花商品快速配送出去,避免鲜花过期浪费,是很多传统花店商家的难题.不过随着微信小程序的出现,这一难题也渐渐得到了解决.花店商家可以通过自己的小程序商城,打通线上渠道,可以加大推广.扩大销量 ...
微信小程序开发简易计算器改进版
微信小程序开发计算器有多种方法,但是大部分代码比较复杂.不容易理解.本案例进行了改进,主要是组件bindtap属性绑定的自定义函数clickBtn(),采用了switch语句,使得代码结构更加清晰,学 ...
微信小程序开发视频教程新鲜出炉
微信小程序开发公测了,可是对于新手来说,不同的框架不同的开发机制,如何快速适应呢?微信小程序开发视频教程新鲜出炉了,从零开始一步一步搭建微信小程序,每个章节都会涉及到不同的知识点,等教程学习完你不但掌 ...
关于微信小程序开发中遇到的缺少game.json问题的解决
关于微信小程序开发中遇到的缺少game.json问题的解决参考文章: (1)关于微信小程序开发中遇到的缺少game.json问题的解决 (2)https://www.cnblogs.com/ygxd ...

微信小程序开发日记1

微信小程序开发日记1相关推荐

最新文章

热门文章