js中轮播图应该怎么写
前端都是组件化开发吗？
前端都是组件化开发吗？
组件化的目的，是为了让页面中的各个部分可以被复用，以减少重复的代码。另一方面，也可以更好地使团队分工协作，让不同的人负责编写不同的组件。
前端页面可以借助某种框架（如Vue.js、Angular、React）来实现组件化开发，使代码更容易复用。此时，一个网页不再是由一个个独立的HTML、CSS和JavaScript文件组成的了，而是按照组件的思想将网页划分成一个个组件，如轮播图组件、列表组件、导航栏组件等。将这些组件拼装在一起，就形成一个完整的网页了。
写字板轮播代码怎么写？
首先第一步，下载好一个jquery库的插件，jquery.js 网上很多随处可以下载．下载的插件要放在目录下．然后在html文档中链接好ltscript type#34text/javascript#34 src#34jQuery.js#34gtlt/scriptgt
第二步，布局好一个DIV,如：
ltdiv id#34scroll#34gt
ltp class#34subl#34gt上一张ltp/gt
ltp class#34subr#34gt下一张ltp/gt
ltulgt
ltli style#34background:reddisplay:block#34gtlt/ligt
//上面的ｌｉ要设定为显示，因为是第一张图片．
ltli style#34background:green#34gtlt/ligt
ltli style#34background:gray#34gtlt/ligt
ltli style#34background:orange#34gtlt/ligt
lt/ulgt
lt/divgt
第三步，就到了写CSS的时候了．下面的CSS懂基础的人都看得懂．
#scroll{width:100% height:180px background-color:white position:relativeborder-bottom:1px solid gray}//这里是给整个大的ＤＩＶ设定属性．
#scroll ul{height:180px list-style:none}//ＤＩＶ下的ＵＬ属性．
#scroll ul li{width:100% height:180pxmargin:0px padding:0px display:none}//ＤＩＶ下的ＵＬ下的ＬＩ属性．注意：display:none因为要将所有的ｌｉ隐藏了先．当点击的时候在显示出来．
.subl{position:absolute bottom:20px left:40% width:80pxheight:20px line-height:20px text-align:centerfont-size:16pxfont-weight:bold cursor:pointer}//上一张按钮的属性．注意一个绝对定位。
第四步，就是ｊｑｕｅｒｙ代码了！也很简单．先将代码看一遍，你就会用了！
ltscript type#34text/javascript#34gt
/*轮播*/
$(function(){
var i0
var len$(#34#scroll ul li#34).length-1
$(##34).click(function(){
if(ilen){
i-1
}
i
$(#34#scroll ul li#34).eq(i).fadeIn().siblings().hide()
})
//到这里分开！上面的是上一张点击的效果代码，下面的是下一张点击的效果代码．
$(##34).click(function(){//获取类名的点击事件．
if(i0){
ilen 1
}
i--
$(#34#scroll ul li#34).eq(i).fadeIn().siblings().hide()
})
})
/*轮播*/
lt/scriptgt
四步轻松搞定一个简单的轮！