day17-前端组件介绍

一、药引子

  今天开始撸day17博客,在之前我们学习了前端的基础知识,html标签、CSS,JS。一个页面需要写很多样式,简单的一个动态效果,需要几十行JS代码实现。消耗了我们大量的精力,其实有很多现成的组件,本着拿来主义,拿来就能用。下面是老师推荐的几款

  Bootstrap ,墙裂推荐。这个既适合写前端,又适合写后端,目前又着重支持移动端开发,

  JQUERYUI ,偷懒还没去了解过,(推荐度 1星,它和EasyUi 都是写后台的用的)

  EasyUI,  偷懒还没去了解过,(这个框架里面封装了大量的ajax的东西,我们暂时不用学)

二、我们以Bootstrap 为例

  目前是 V4 版本 https://v4.bootcss.com/ 

  2.1 下载,

    

      

  2.2 解压,导入

      下载的安装包,解压之后,导入到 py 中。

      

      在使用 bootstrap 之前需要,先导入bootstrap.js,所依赖的JS, 具体版本查看官网,

    比如:V4 依赖  3.2.1

    

  2.3.举个栗子

     在标签上应用上样式即可,具体样式的名称,需要参考官网栗子, 到后面是复杂的组合,

  简单的 <button class="btn btn-primary"> 一个漂亮的按钮就出来了,节省了大量的精力。

   前提是,你的大概知道它实现的方式,就是 写CSS,背景颜色,字体颜色,高度,圆角等等。。。

  在需要修改的时候,可以进行修改满足实际使用需求,所以前面学习  HTML,CSS,JS 非常有必要,师不坑我。。。

  

猜你喜欢

转载自www.cnblogs.com/chenkeven/p/9260933.html