小程序-优化、部署、功能详解

作者|来源|达达前端小酒馆总结了小程序开发优化、部署、上线的一些经验。使用开发者工具和设置缩进有两种方法。一种是使用Tab键，另一种是使用空格。建议您使用Tab。小程序默认一个缩进=一个制表符=2个空格，一般前端开发一个制表符=4个空格，如果不习惯可以在settings里设置。快捷键Ctrl+C复制、Ctrl+V粘贴、Ctrl+X剪切、Ctrl+Z重做、Ctrl+S保存、Ctrl+F查找等批量批注快捷键：Windows为Ctrl+/Mac是Command+/代码块缩进：Windows是代码左缩进ctrl+[，代码右缩进ctrl+]Mac是?+[和?+]格式化代码：Windows是shift+alt+FMac是?+?+F错误提示提醒开发者工具调试器中的Console，wxml代码查看开发者工具调试器中除了Console之外，还有一个wxml标签页，可以了解当前小程序页面的wxml和wxss结构，调试小程序的css样式组件等小程序的转发功能onShareAppMessage:function(res){if(res.from==='button'){//来自页面中的转发按钮console.log(res.target)}return{title:'技术训练营',path:"pages/home/home,imageUrl:""success:function(res){//转发成功},fail:function(res){//转发失败}}},title为转发的标题，不填则默认为当前小程序的名称；path为当前页面的路径，或者其他页面的路径，如果路径错误，会显示“当前页面不存在”imageUrl为自定义图片的路径，可以是本地文件路径或者网络图像路径。支持PNG和JPG，显示图片的纵横比为5:4。如果不填写，则使用当前页面。从顶部开始，高度为屏幕宽度的80%图像作为转发图像小程序的配置细节。对于没有tabBar的小程序，删除app.json中的tabBar配置项。下拉小程序不出现空白"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#1772cb","navigationBarTitleText":"HackWorkTechnologyWorkshop","navigationBarTextStyle":"white","backgroundColor":"#1772cb"},禁止页面下拉{"window":{"disableScroll":true}}``模板静态页面片段技术训练营使用import引入这个模板调用这个模板动态页面Fragment{{title}}{{desc}}调用此模板创建模板时使用，调用模板时使用在文件中添加如下代码web-view容器托管网页##??别忘了留下你的学习足迹【点赞收藏评论】AuthorInfo：【作者】：Jeskson【原创公众号】：达达前端小酒馆【转载说明】：转载请注明出处，谢谢您的合作！~本篇内容涉及前端和PHP知识点。有兴趣的可以关注一下。很荣幸被你发现。真是有见地！感谢您的关注。在以后的日子里，希望大家一直默默支持我，我会努力写出更多优秀的作品。我们一起成长，从零开始学习编程，将Web前端领域、数据结构与算法、网络原理，通俗易懂的呈现给小伙伴们。分享Web前端相关的技术文章、工具资源、精选课程、热点资讯。----如本账号内容有问题（例如：涉及版权或其他问题），请及时联系我们进行整改，我们将尽快处理。----##请点赞！因为您的认可/鼓励是我写作最大的动力！###欢迎来到【达达】的CSDN（https://blog.csdn.net/qq_36232611）！**这是一个有品质有态度的博客**