zoukankan      html  css  js  c++  java
  • 前端基础假期查漏补缺2020-6-20

                           第一章:HTML
    1,在HTML中实体符号:以&开始,以;结束  例如:a&lt;b&gtc;  a<b>c
    2.在HTML中 <pre></pre>:预留 <b></b>:加粗  <i></i>:倾斜  <sup></sup>:上移  <sub></sub>:下移 <ins></ins>:插入  
    3.在HTML中注释:<!---->
    4.HTML的表格<table></table>  <tr></tr>:行  <td></td>:单元格  <th></th>:和td差不多,只是内容居中加粗
    表单元格的合并:rowspan:行合并(从左往右合并)  colspan:列合并(从上往下合并)
    表格中还有<thead><tbody><tfoot>分别表示。。不是必须的,但是便于后期js的编写
    5.<meta charset="utf-8">:告诉浏览器以什么字符编码解析当前HTML;
    6.bgcolor:设置背景颜色  background:设置背景图片
    7.图片标签:<img src="图片路径" width="20px" title="鲜花" alt="图片找不到"/>
    这里title表示鼠标悬停时显示的文字说明,alt表示图片加载失败时显示的文字
    8.超链接标签:<a href="资源路径" target="_self">百度</a> 这里的资源路径可以是本地也可以是网络路径  target的属性值_blank表示在新窗口打开 _self表示在本窗口打开
    _top表示在顶层窗口打开  _parent表示在父窗口打开
    9.B/S结构中:request表示请求  response表示响应
    10.无序列表标签:<ul><li> 有序列表标签:<ol><li>
    11.表单标签(重点):<form action="提交路径">
                           <input type="text" name="username"/>
                           <input type="password" name="userpassword"/>
                           <input type="submit" value="提交"/>
                           <input type="reset" value="重置">
                        </form>
    action属性用来指定服务器地址,作用和超链接中的href相似,都可以向服务器发送请求

    12.表单以什么格式提交数据给服务器?
    http://127.0.0.1:8080/sp/login?text=222&password=333
    action?name=value&name=value.....

    13.表单中的value表示给标签设置值,如果是按钮,显示在按钮上,是文本,就显示在文本框中,name表示表单要提交给服务器的数据,如用户名和密码,代码如下:
    <input type="text" name="username"/>
    <input type="submit" value="提交"/>
    总结:表单项写了name的,会提交服务器,不想提交的,不要写name;文本框和密码框不用写value值,用户写入的数据就是value值
    14.复选按钮代码演示:
    兴趣:<input type="checkbox" name="interest" value="basketball" />篮球   
          <input type="checkbox" name="interest" value="pingpangball" />乒乓球
    单选按钮代码演示:性别:
          <input type="radio" name="sex" value="0" />男
          <input type="radio" name="sex" value="1" /><br>女
    文本域代码演示:
          简介:<textarea rows="5" cols="5" name="jianjie"></textarea><br>
    下拉列表代码演示;
    学历:<select name="grade">
              <option value="cz">初中</option>
          <option value="gz">高中</option>
          </select>
    总结:数据上传的总是name和value值;
    15.form表单的method属性;post:相反 get:用户提交的数据会显示在地址栏
    16.下拉列表框设置多选:使用multiple属性,代码演示:
    <select name="grade" multiple="multiple" size="2"></select>
    17.隐藏域控件:<input type="hidden" name="username" value="111"/>表示用户在操作表单时看不见,但是会提交服务器
    18.只读标签:代码演示:
    <input type="text" name="username" value="111" readonly="readonly" /><br>
    <input type="password" name="pwd" value="222" disabled="disabled" /><br>
    注意:readonly可以上传数据,而disabled不可以提交数据,用户可以看到数据,但是修改不了;
    19.设置文本框的最大可输入数:代码演示:
    <input type="text" name="pwd" maxlength="5"/>
    20.在HTML文档中,任何元素(节点)都有ID属性,标识唯一,不能重复;
    21.HTML文档就是一颗DOM数,树上有许多的节点,ID标识唯一,Javascript就是对这课数进行增删改;
    22.div独占一行,是快元素,span不会独占一行;
             
                            第二章:CSS

    1.在HTML中嵌套使用CSS的三种方法:
    一:内联样式  语法:<标签 style="样式:样式值;样式:样式值;样式:样式值;.....></标签>
    二:style块 在head标签中使用 语法:  
    <head>
      <style type="text/css">
        选择器{样式:名样式值;样式:名样式值;..}
        选择器{样式:名样式值;样式:名样式值;..}
        .....
      </style>
    </head>
    三:链入式  语法如下;
    <link type="text/css" rel="stylesheet" href="css路径"/>
    2.ID选择器和类选择器:ID选择器针对特定的元素使用,以#来定义
    类选择器针对元素通用的特性,以.来定义
    3.字体设置 语法:选择器{font: font-style  font-weight  font-size/line-height  font-family;}  顺序不能乱
    4.边框设置 语法:border:24px solid green;顺序没要求
    5.CSS浮动原理(使用盒子div举例):div正常排列是从上到下,每个盒子独占一行,这是块元素的特点,从上到下排列是标准流,对盒子使用浮动,就会脱离原来的标准流,剩余的盒子重新组成标准流,浮动漂浮于标准流之上,所以浮动元素可能会遮挡下边的元素。
    如果设置浮动的元素的上边元素是标准流,则设置浮动的相对垂直位置不变,也就是挨着上边元素,如果设置浮动的元素上边元素是浮动的,那么就会浮动于上边元素的右边,如果窗口边距不足以容纳,就挤下来;还不懂:https://blog.csdn.net/qq_36595013/article/details/81810219
                
                              第三章:JavaScrip
    1.什么是javasc?
    是运行在浏览器上的脚本语言,它的“目标文件”以普通文本形式保存。运行在浏览器的内存中。然后它跟Java没有半毛钱关系;这里的目标文件指的是可以执行的文件,如Java的.class文件,它不是脚本语言
    2.HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
    3.js输入:第一种:window.alert("显示在窗口弹窗哦")->可以简写成;alert("显示在窗口弹窗哦")  第二种:document.write("显示在文档中哦");  第三种:console.log("显示在控制台哦");
    4.第一种引用:可以将js代码编写在标签的onlink属性中,当我们点击按钮时,会执行JS代码;代码演示:<button onlink="alert('谢谢你点我')">点我一下</button>  
    <a href="javascript:alert('点我')">点我一下</a>--->不推荐,耦合
    5.第二种引用:可以使用<script>写在<head>或者<body>中
    6.第三种引用:写在外部js中,通过<script>的属性src引入,可以写在<head>或者<body>中;代码演示:
    <script type="text/javascript" src="外部js文件地址"></script>
    注意;<script>一旦引入外部文件了,就不能再编写代码,编写代码也不会执行;
    7.js中的注释:多行注释 /**/  单行注释://
    8.js语法:1.js严格区分大小写  2.js语句以分号结束  3.js自动忽略空格和换行  
    9.js中的固定值叫做字面量(可以理解为常量),变量用var来定义
    10.js函数定义格式:function 函数名{...}  这里function要小写,js函数在调用的时候,参数类型和个数都不受限制,很随意,很灵活;
    11.js函数不能重名,否则后者会覆盖前者;
    12.在js中,变量如果不是用var来定义,不管定义在什么位置都是全局变量;
    13.js中的数据类型:原始类型和引用类型
    原始类型:Undefined Number String Boolean Null
    引用类型:Object及其子类;
    14.js中的typeof运算符可以获取变量的数据类型,语法格式:typeof 变量名;它的运算结果是六个小写的字符串;
    js中判断两个字符串相等:==
    15.当一个变量没有手动赋值,系统默认给undefined值;也就是 var a与 var b=undefined是一样的;
    16.当显示Nan时(not a number),表示数据不是一个number,但是属于number类型
    17.在js中 isNaN()函数用来判断一个数据是否为number类型
    18.parseInt()函数:将字符串转成数字
    parseFloat()函数;
    Math.ceil()函数;向上取整
    19.在js中创建字符串对象:第一种:var a="hello" 属于小String;  第二种(使用js内置的支持类):var a=new String("hello");  属于大String,它的父类是Object
    无论是小String还是大String,属性和函数都是通用的
    20.在String类中substr()和subString()方法:substr是从a位置开始截取b个长度
    subString是从a位置开始截取到b位置;
    21.Object类是所有类型的超类,常用属性有prototype属性,作用是给类动态的添加函数和属性,在js中定义的类默认继承Object类的属性和方法,
    22.在js中怎么定义类?怎么new对象?
    定义类: function 类名(形参){....}    类名=function(形参){....}
    new对象: new 构造方法名();
    注意:直接 名称()表示当做函数,如果new 名称();表示当做类创建对象;
    23.在js中定义类也是在定义构造方法,代码演示:
    function student(ename,eage)
    {
       this.ename=ename;
       this.eage=eage;
    }
    var a=new student("lucy",22);这样就创建了类对象,并且将属性赋值了;
    对象调用属性可以:对象名.属性名    对象名["属性名"];

    24.在js中,“==”是等同比较符,只比较两者的数值  “===”是全等比较符,既比较数值又比较数据类型;

    25.js中的事件;blur(失去焦点) focus click dblclick(双击) keydown keyup mousedown mouseup mouseover mousemove mouseout reset submit change(下拉选项改变或文本改变) select(文本框选定文字) load(HTML页面所有元素加载完毕后发生)

    26.任何一个事件都对应一个事件句柄,事件句柄就是在事件名之前加上on,onXXX事件出现在一个标签的属性位置上,可以看成是属性名;

  • 相关阅读:
    【微信分享遮罩层的实现】
    【1:添加音乐功能以及按钮的实:2:微信滑动页面向下滑动按钮】*************实用**************
    【浅谈html5 响应式布局之自动适应屏幕宽度】
    ajax请求下拉列表框的实现(面向对象封装类)
    获取网卡的MAC地址原码;目前支持WIN/LINUX系统 获取机器网卡的物理(MAC)地址(服务器端)
    Sublime Text3快捷键汇总
    完整的ajax请求投票点赞功能的实现【数据库表一(票数)表二(ip限制重复投票)】
    正则表达式验证电话号码的有效性。。。。。。。。。。。。。
    网站镜像如何建立
    水平分割 垂直分割 和 库表散列 概念 说明
  • 原文地址:https://www.cnblogs.com/1877chl/p/13169282.html
Copyright © 2011-2022 走看看