zoukankan      html  css  js  c++  java
  • DAY 43 前端

     

    • 面向对象的继承

      1.类的继承
      2.高内聚低耦合
      """
      1.面条版
      2.函数版本
      3.拆分文件
      4.面向对象封装
      模块
      """
    • 面向对象魔法方法

    • jQuery简介

    • CDN内容分发网络

    • jQuery选择器

    • 表单筛选器

    • 筛选器方法

    • 操作标签各项数据

    • 事件

    • 动画效果

    • 前端框架Bootstrap(复制粘贴)

    表单筛选器

    筛选器方法

    绑定事件

        $('#d1').click(function () {
          alert(123)
      })

    $('#d1').on('input',function () {
          console.log($(this).val())
      })

    阻止后续事件

    return false

    事件冒泡

    1.return false
    2.e.stopPropagation()

    Bootstrap

    1、下载源文件使用
    2、CDN
    """Bootstrap是基于jQuery开发的"""
    # 使用Bootstrap最好提前把jQuery先导入

    """
    在使用Bootstrap的时候建议你第一次使用本地文件导入的方式
    之后再使用CDN
    原因:让pycharm能够加载并在后期自动提示bootstrap相关代码
    """

    我们使用框架操作标签样式只需要修改class属性即可

    布局容器

    <div class="container-fluid">
    </div>
    <div class="container">
    </div>

    栅格系统

    <div class="row">12份</div>

    <div class="col-md-n"></div>

     

  • 相关阅读:
    工作杠杆
    AngularJS 自定义指令directive 介绍
    CentOS卸载OpenJDK并安装Sun JDK
    jQuery Datatable 表格插件
    ZTree 使用范例
    jQuery UI 实例 – 切换(Toggle)
    curl 抓取页面信息
    报警平台
    PHP imagechar() 图形验证码 字体太小问题
    Discuz!在线中文分词服务
  • 原文地址:https://www.cnblogs.com/DEJAVU888/p/14893481.html
Copyright © 2011-2022 走看看