opacity与rgba透明区别

1. 透明度

  opacity:作用于当前元素以及元素内的所有内容

  rgba:仅作用于当前元素的颜色或背景(子元素不会继承透明)

2. 隐藏

  display: none; 隐藏不占位置

  visibility: hidden; 隐藏仍占原来位置

2. 权重(css样式优先级)优先级相同则显示后者

  内联样式:1,0,0,0

  id:0,1,0,0

  class/伪类/属性选择器:0,0,1,0

  标签/伪元素:0,0,0,1

  通配符:0,0,0,0

3. 清除浮动

  方法一:为父元素设置height

  方法二:添加空标签设置:clear:both

  方法三:后伪元素清除

    .clearfix:after{

      content: '';

      display:block;

      height:0;

      visibility:hidden;

      clear:both;

     }

     .clearfix{

       zoom:1;

      }

  方法四:双伪元素清除

    .clearfix:before, .clearfix:after{

      content: '';

      display: block;

      clear:both;

    }

    .clearfix{

      zoom: 1;

    }

4. 盒模型

  盒模型:内容,内边距,外边距,边框

  两种:IE盒模型,标准的W3C盒模型

  W3C:content = width

  IE:border+padding+content = width(即内容包含border+padding)

web API

1. px、em、rem

  px:像素,绝对单位

  em:相对单位,会继承父元素

  rem:相对单位,相对根元素HTML

2. zepto

  zepto是一个比jQuery轻量级的库主要用在移动端,jQuery有对应移动端框架jQuerymobile

3. touch判断手势方向

  开始touchstart触发是,获取手指startX和startY坐标

  触发touchmove时,获取moveEndX和moveEndY坐标

  touchmove最后一次坐标减去touchstart坐标,x正数右滑;x负数左滑;y正数下滑;y负数上滑

ajax

1. ajax:主要用来实现客户端与服务器的异步通信,实现页面局部刷新

2. ajax工作原理

  通过XMLHttpRequest对象向服务器发送异步请求,获取数据

  XMLHttpRequest是ajax的核心,是一种异步请求的技术。简单说就是JavaScript可以及时向服务器提出请求和处理响应,而不阻塞用户。达到无刷新效果。

2. 同步与异步

  同步:阻塞的,浏览器向服务器请求数据,服务器比较忙,浏览器就会一直等着,知道 服务器返回数据。

  异步:非阻塞,浏览器向服务器请求数据,服务器比较忙,浏览器可以干原来的事情,服务器返回数据时浏览器再将数据渲染到页面,局部更新。

3. http状态码

  100→正在初始化  101→正在切换协议

  200或以2开头的→响应体已经成功返回  202→接受

  301→永久重定向  302→临时重定向  304→本次获取内容是缓存中数据,会每次去服务器校验

  400→参数出现错误  401→未认证,没有登录网站  403→禁止访问没有权限  404→访问地址不存在

  500→服务器错误  503→服务器超负荷

4. H5+C3

  css3新特性:

    圆角(border-radius)  阴影(box-shadow)

    文字特效(text-shadown)  线性渐变(gradient)  旋转(transform)

    transform: rotate(1deg) scale(0.3,0.2) translate(0px,30px) skew(-9deg,0deg)旋转,缩放,定位,倾斜

    媒体查询,css选择器

  H5新特性:

    拖拽释放(drag,drop)API  语义化标签  音频视频  画布(canvas)  地理(geolocation)  本地离线存储  表单控件(calendar,date,time,url,search)

5. localStorage,cookies,

  cookies:服务器和客户端都可以访问,大小4KB,有有效期,过期后会删除

  localStorage:永久存储,除非手动清除,负责用不过期

  sessionStorage:不是一种持久化存储,仅仅是会话级别存储

node

1. ES6新特性 

  类,模块化,箭头函数,let/const作用域,字符串模板,结构赋值,promise

    

转载于:https://www.cnblogs.com/xhrr/p/10890811.html

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
<p> <strong><span style="font-size:20px;color:#FF0000;">本课程主要针对计算机相关专业的正在做毕设的学生需要项目实战练习的Java学习者</span></strong> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">1. 包含:<span style="color:#FFFF00;background-color:#FF0000;">项目源码、</span><span style="color:#FFFF00;background-color:#FF0000;">项目文档、数据库脚本、软件工具</span>等所有资料</span></strong></span> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">2. 手把手的带你从零开始部署运行本套系统</span></strong></span> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">3. 该项目附带的源码资料可作为毕设使用</span></strong></span> </p> <p> <span style="color:#FF0000;"><strong><span style="font-size:18px;">4. 提供技术答疑和远程协助指导</span></strong></span><strong><span style="font-size:18px;"></span></strong> </p> <p> <br /> </p> <p> <span style="font-size:18px;"><strong>项目运行截图:</strong></span> </p> <p> <strong><span style="font-size:18px;">1)系统登陆界面</span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241015433522.png" alt="" /><br /> </span></strong> </p> <p> <strong><span style="font-size:18px;"><strong><span style="font-size:18px;">2)学生模块</span></strong></span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241015575966.png" alt="" /></span></strong> </p> <p> <strong><span style="font-size:18px;"><strong><span style="font-size:18px;">3)教师模块</span></strong></span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241016127898.png" alt="" /></span></strong> </p> <p> <strong><span style="font-size:18px;"><strong><span style="font-size:18px;">4)系统管理员</span></strong></span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241016281177.png" alt="" /></span></strong> </p> <p> <strong><span style="font-size:18px;"><img src="https://img-bss.csdn.net/202002241016369884.png" alt="" /></span></strong> </p> <p> <strong><span style="font-size:18px;"><br /> </span></strong> </p> <p> <strong><span style="font-size:18px;"><strong><span style="font-size:18px;">更多Java毕设项目请关注我的毕设系列课程 <a href="https://edu.csdn.net/lecturer/2104">https://edu.csdn.net/lecturer/2104</a></span></strong></span></strong> </p> <p> <strong><span style="font-size:18px;"><br /> </span></strong> </p>
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页