/视图容器 2/

/视图容器 3/

这就是一个 swiper 组件的基本框架样式，然后一些基本的属性设置就直接在 swiper 中设置即可，这得根据官方文档来设置

2. index.wxss

这里样式基本就是设置图片的宽度和高度

3. index.js （划重点）

这里是比较重要的一环，因为不同的手机的尺寸是不一样的，如果我们要针对每个手机进行适配，就需要用到微信官方给的自动获取手机信息的 API 【 wx.getSystemInfoSync();】,动态的获取。然后就可以保证大部分的手机看上去都是一样的效果

1.3 项目源码

---

效果就是 1.1 中所展示的

（1）index.wxml

图片来自网上，可能过一段时间就不是上面所展示的图片，所有代码均在最新版的微信开发者工具编译通过，所以是可以直接使用的

/我们通过 style 样式 把从 js 中传过来的值进行显示，style 和 wxss 一样都可以改变样式，只不过 style 是优先级第二高的，最高的是import 语句/

（2）index.wxss

保证图像的正常显示

.swiper image{

width: 100%;

height: 100%;

}

（3）index.js

动态的获取手机的信息

Page({

/**

• 页面的初始数据

*/

data: {

},

/**

• 生命周期函数–监听页面加载

*/

onLoad: function (options) {

// 获取手机相关的信息，通过调用 微信的api 即可实现

var systemInfo = wx.getSystemInfoSync();

var width = systemInfo.windowWidth;

var height = width/4;//图片显示的效果就是长是宽的四倍

//这是必要的一步，我们需要把动态获取的参数，从后台传到 前段

this.setData({

width:width,

height:height

})

},

})

在 index.wxml 中 swiper 可以通过一些属性改变一些交互式的体验，接下来我就把几个用的比较多的给大家简要的介绍一下

二、swiper 属性

=========================================================================

swiper 的属性大概有几十个，我只简单的说一下典型的

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

总结

机会是留给有准备的人，大家在求职之前应该要明确自己的态度，熟悉求职流程，做好充分的准备，把一些可预见的事情做好。

对于应届毕业生来说，校招更适合你们，因为绝大部分都不会有工作经验，企业也不会有工作经验的需求。同时，你也不需要伪造高大上的实战经验，以此让自己的简历能够脱颖而出，反倒会让面试官有所怀疑。

你在大学时期应该明确自己的发展方向，如果你在大一就确定你以后想成为Java工程师，那就不要花太多的时间去学习其他的技术语言，高数之类的，不如好好想着如何夯实Java基础。下图涵盖了应届生乃至转行过来的小白要学习的Java内容：

请转发本文支持一下

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

请转发本文支持一下

[外链图片转存中…(img-cwm1Xmz9-1713694164924)]

[外链图片转存中…(img-BRSRa9TZ-1713694164925)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！