微信小程序实训 Day 04 实习日志

1.在map标签里添加show-location可以显示带有方向的定位标志。

2.在app.wxss里面设置.container{height:100%;},可以保证显示效果

3.将导入的图片铺满整个屏幕

.auto-img{
width:100%;
display:block;
}

4.rpx的自适应

5.背景图片不能用本地文件或者本地路径,要用网络图片或者base64编码,或者用image标签。

wx.chooseImage

//  本地相册选择图片
    wx.chooseImage({
      success: res=>{
        //console.log(res.tempFilePaths[0]);
        //读取本地文件内容
        wx.getFileSystemManager().readFile({
          filePath: res.tempFilePaths[0],
          encoding:'base64',
          success:res=>{
            console.log(res);
            console.log('data:img/jpg:base6
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序是一种新型的应用程序,它可以在微信中直接使用,无需下载安装,具有轻便、快捷、开发简单等优点,因此在近年来受到了越来越多企业和开发者的关注。为了让学生更好地掌握微信小程序的开发技能,我们在实训中主要涉及以下内容: 一、微信小程序开发环境的搭建 在实训开始之前,首先需要搭建微信小程序的开发环境,包括微信开发者工具、Node.js和Vue.js等,这些工具可以让学生更加方便地进行开发和调试,提高开发效率。 二、微信小程序的基本知识 在开发微信小程序之前,需要了解微信小程序的一些基本知识,例如微信小程序的生命周期、页面结构、组件和API等,这些知识对于学生后续的开发工作非常重要。 三、微信小程序的设计与开发 在实训中,我们将主要讲解微信小程序的设计与开发,包括如何使用微信开发者工具创建项目、如何设计微信小程序的页面、如何使用组件和API等。同时,我们还将通过实例讲解如何实现微信小程序的常见功能,例如登录注册、数据展示、地图显示等。 四、微信小程序的优化与调试 除了基本的开发知识之外,学生还需要学习如何进行微信小程序的优化与调试,包括如何提高微信小程序的性能、如何进行错误调试等。这些知识对于学生后续的开发工作也非常重要。 五、微信小程序的发布与上线 最后,学生还需要学习如何将微信小程序发布到微信小程序商店,并进行上线。这些步骤需要遵循一定的规范和流程,学生需要掌握这些知识才能够将自己的微信小程序推广给更多的用户。 总之,微信小程序实训内容丰富多彩,涉及面广泛,学生通过实训能够更好地掌握微信小程序的开发技能,提高自己的职业素养和就业竞争力。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值