你的位置:首页 > 软件开发 > 网页设计 > JavaWeb前端笔记

JavaWeb前端笔记

发布时间:2017-09-26 09:00:06
day06  回顾:   bootstrap:      css框架,html/css/js集于一身,ie 6/7/8兼容有问题      开发响应式页面,使用于不同的上网设备      使用步骤:        1.导入bootstrap.css        2.导入jque ...

day06

  回顾:

   bootstrap:

      css框架,html/css/js集于一身,ie 6/7/8兼容有问题

      开发响应式页面,使用于不同的上网设备

      使用步骤:

        1.导入bootstrap.css

        2.导入jquery.js

        3.导入boostrap.js

        4.bixu设置一个meat标签

        5.必须将内容放入一个布局容器

          .container或者。container-fluid

        前提:

          一行分为12分

        栅格系统:

          分辨率>1200px             使用col-lg-n样式

          1200px>分辨率>992px      使用col-md-n样式

          992px>分辨率>768px           使用col-sm-n样式

          768px>分辨率          使用col-xs-n样式

        隐藏:

          hidden-xs|sm|md|lg        在什么屏幕下隐藏

        组成:

          css样式

          组件  导航条  下拉菜单

          js插件  轮播图   选项卡

////////////////////////////////////////////

        validate插件:校验表单

          jquery 的插件

          使用步骤:

            1.导入JQUERY.JS

            2.导入validate.js

            3.在页面加载成功之后,对表单进行校验

             $(function(){
               $("选择器").validate();

             })

            4.在validate方法中编写校验规则

            $(function(){

              $("选择器").validate({

                 rules:{

                    //格式1: name值:“校验器”

                    //格式2:name值:{校验值:值,校验器:值}

                 },

                 messages:{

                    //格式1: name值:“提示信息”

                    //格式2:name值:{校验值:"提示信息"校验器:"提示信息"}

                 }

               });

             })             

            常用的校验器:  

              required:必须的

              min:最小值 minlength:最小长度 range:取值区间  rengelength:长度区间

              equalTo:jquery表达式 判断是否相等

 

原标题:JavaWeb前端笔记

关键词:JAVA

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。