JAVA 前端笔记

HTML 结构
1.<html lang="en,zh"> 告诉网络爬虫这个网站是关于什么内容的,方便让网页靠前,en是英文,zh是中文
2.<meta content="fuzhuang"name="keywords"> 
   <meta content="dfdfdfd" name="description"> 这些都是属于seo方法,让网页尽量靠前
3.常用标签:
    <p>:段落标签 ,<del>:删除线 ,<strong>:加粗 ,<em>:斜体,<address>:地址斜体加换行,<div>:块容器 ,<span>:行容器,<br>换行(单标签),<hr>水平线(单标签)
4.淘宝红:<span style="color:#f40">
5.编辑器里的空格(回车)很特殊,是英文单词文本分隔符,来让电脑区分英文单词,多个空格只能表示1个空格,而中文汉子不需要空格也能区分

6.html编码特殊字符:&nbsp 空格,&lt <, &gl >

7.<ol type="" reversed="reversed" start="">有序列表 
                             type中可以写英文大小写字母a,就是按字母排列,可以写大小写i就是罗马数字
                             reversed倒序
                             start是开始排序的位置,类型是数字的话2就是从2开始,是字母的话2就是从B开始
        <li>
8.<ul type="disc"> 无序列表
                            type中默认disc 实心圆,square实心方块,circle空心圈,
        <li>
9.<img src="" style="width:200px" alt="" title=""> 单标签
    url:百度图片需要右击图片点新窗口打开图片,这个地址就是图片url地址

    本地绝对路径:当html和图片不在同一目录下,写全路径
    本地相对路径:当html和图片在同一目录下,只写图片名称和后缀
    alt:当图片无法显示,图片位置显示这段信息
    title:当鼠标悬浮在图片上显示的信息
10.<a href="" target="">www.baidu.com</a>
    href:目标地址url,如果是链接div的话,先要div设置id,然后href里写#div的id,
            可以连接电话:tel:12345678913
            可以发邮件:mailto:111@qq.com
            可以协议限定符:javascript:while(1){alert('哈哈')}
    target:_blank在新网页打开链接

11.<form method="" action="">
        method:get/post

        action:目标地址url

            <input type="text" name="">单标签
                <input type="text" name="" value="gogogo" οnfοcus="if(this.value==''){this.value==''}" οnblur="if(this.value==''){this.value==‘gogogo’}"> :text文本格式,value的值就是默认在输入框中的信息,onfocus是当激活这个框时操作,onblur是当输入框失去焦点时操作
                <input type="password" name=""> :password密码格式
                <input type="submit" name="" value=""> :submit提交,value可以改名字
                <input type="radio" name="" value="" checked="checked"> :radio单选框,里面加name=""来统一范围,value用来当传给后端的数值,checked是默认选项
               <input type="checkbox" name="" value="" value="" checked=""> :checkbox复选框
               <select name=""> :下拉菜单

                    <option value="">xxx</option>  option就是下拉内容,可以多个,如果value有值,以value的值发送

                所有标签中name是数据名,submit是通过数据名传给后端,这个必须要写

12.在网页F12 Console查看密码:var div=document.getElementsByTagName('input')[1];
                                                        div.value
13.很多网页搜索框都有个bug:输入和框内容一样的文字,之后失焦再点框就没文字了

14.浏览器分为shell部分和内核2部分
    IE:Trident   Firefox:Gecko    Google chrome:Webkit/blink     Safari:Webkit      Opera:presto

15.备注:<!---->,可以调试

CSS样式

1.css有3种引入方式:
    行间样式:直接在<body>内标签里写style=""
    页面样式:在<head>写<Style>

    外部Css文件链接:创建一个新.css文件,在html文件<head>里加个<link href="xx.css">标签,注意相对和绝对路径,和html异步加载,就是同时加载    
    优先级:行间>页面>外部

2.域名通过dns解析地址 www.baidu.com--dns--192.168.00.01

3.css选择器
    ID选择器:在标签里添加id属性,css配置里#id名{}

    class选择器:在标签里添加class属性,css配置里.class名{},可以1对多,单个class后面可以添加多个class名,中间加空格
    标签选择器:直接在css配置里div{},
    通配符选择器:css配置里写*{}
    属性选择器:css配置里写[id],所有id属性都被选中,也可以[id=""]属性名加值
    优先级:!important>行间>id>class=属性选择器>标签选择器> 通配符选择器,class和属性顺序有限,!important是在css属性值最后面添加
4.CSS权重:
    !important  infinity
    行间样式        1000
    id                    100
    class|属性|伪类(:hover)    10
    标签|伪元素(:before/after{content:""}行级元素)          1
    通配符                   0
    256进制
5. 父子选择器:div em{}之间加个空格,父类下所有元素
6.直接子元素选择器:div>em{},直接下一级元素,浏览器选择方向是从右向左的顺序
7.body有个天生的margin=8px
8.位置定位:
    position:absolute 绝对定位,只有2个属性,left/right和top/bottom,释放原来位置定位,会重叠,相对于最近的有定位的父级定位,如果父级没有定位,则定位body
    position:relative 相对定位,不释放原来位置,保留原来位置进行定位,改变后的位置可以重叠,相对于开始位置定位,一般用来做参照物
    position:fixed:固定定位
    z-index:设置层的级别,数字越大就是最高层
9.margin塌陷:垂直margin,父子会粘合到一起,取最大的数值移动,解决方案,可以在父级border-top加根线,或者bfc解决,在父级position:absolute或者overfolw:hidden或者display:inline-block
10.overfolw:hidden,溢出盒子部分隐藏
11.float:left/right 浮动元素,他产生了浮动流,导致块级元素并且只有块级元素看不到他们,bfc的元素和文本类属性元素(带有inliine的元素)以及文本都能看到浮动元素
12.bfc产生的条件:    
    float
    display
    position
13.clear:both,清楚浮动流,只有是块级元素才能使用clear
14.<p>标签不能套<div>标签,<a>标签不能套<a>标签


js
1.js是解释性语言,js引擎是单线程,ECMA标准
2.js三部分:ecma,dom,bom
3.js外部引入文件:<script src="">,引用外部文件就不能再内嵌
4.js原始值:String Number Boolean Undefined Null
5.js引用值:引用地址
6.NAN不等于任何东西

7.typeof(数据) 返回数据类型,number string boolean object(null) undefined function
8.Number() 类型转换成数字,null转换成0,undefined转换成Nan
9.parseInt() 类型转换成整数,“123ab”=123,null,undefined都是Nan
10.null和undefined没有tostring方法
11.0.14*100 是bug
12.nodeValue 只可以读写text和comment节点
13.nodeType 返回节点类型 1元素节点  2属性节点 3文本节点 8注释节点 9Document节点
14.document.compatMode() 查看模式,BackCompat是混乱模式,CSS1Compat是标准模式
15.div.style.width 只能读到行间数据,css,内联和外联读不到

16.window.getComputedStyle() 获取元素信息,可以获取尾元素
17.链接功能有onclick事件,去掉链接默认行为 <a href="javascript:void(0)">

Servlet
1.继承HttpServlet,重写doGet和doPost方法,并删除super方法,然后web.xml配置servlet和servlet-mapping,web.xml一定要放在WEB-INF目录下
2.调用顺序,构造器-init-doget-destory
3.通过web.xml初始化参数 配置context 然后在servlet类里调用this.getServletContext().getInitParameter()方法通过key调用value
4.resp.setHead("reflash",1) 设置响应头 每隔1秒刷新一次
5.作用域:ServletContext---HttpSession--HttpServletRequest
6.filter 也需要配置,url-pattern里面的是需要被过滤的html,在doFilter方法要加doFilter
7.监听器先实现ServletContextListener抽象类/ServletContextAttributeListener监听属性变化/HttpSessionListener监听session创建和销毁,再Listener只需要xml配置listener-class就可以


JSP

1.作用域大小:application-session-request-pageContext
2.findAttrobite() 从小到大作用域找
3.JSP三大指标:page,include,taglib <%@...%>
4.request.getContextPath()     能够获得当前项目路径
5.在post格式request接受数据默认是iso8859格式,需要setCharacterEncoding(“utf-8”)更改编码
6.服务器端的jsp文件 如果跳转不需要加项目名

7.error可以在xml配置文件里配置,<%@ errorPage %> 优先于配置文件

AJAX

1.创建 new XMLHttpRequest()--open(type,url,sych)--onload() 状态码readstate一定是4--send
2.onProgress() readState=3
3.jason里的key或value字符串必须用双引号
4.从SMLHttpResquest信息中解析JSON对象数据需要使用JSON.parse()成对象


    


            






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值