学习笔记6

一、最小特权原则

小特权原则是系统安全中最基本的原则之一。所谓最小特权(Least Privilege),指的是"在完成某种操作时所赋予网络中每个主体(用户或进程)必不可少的特权"。最小特权原则,则是指"应限定网络中每个主体所必须的最小特权,确保可能的事故、错误、网络部件的篡改等原因造成的损失最小"。

最小特权原则一方面给予主体"必不可少"的特权,这就保证了所有的主体都能在所赋予的特权之下完成所需要完成的任务或操作;另一方面,它只给予主体"必不可少"的特权,这就限制了每个主体所能进行的操作。

二、例题:放大镜

html:

    `<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>放大镜</title>
    <style>
      *{
        margin:0;
        padding: 0;
      }
      #container{
        margin-left: 50px;
        position: relative;
      }
      #left{
        width: 430px;
        height: 430px;
        position: relative;
      }
      #inner{
        width:231px;
        height: 231px;
        background-image: url(../images/21_03.png);
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.6;
        display: none;
      }
      #tages li{
        width: 60px;
        height: 60px;
        list-style: none;
        float: left;
        margin-top: 3px;
      }
      #right{
        width: 430px;
        height: 430px;
        position: absolute;
        left: 500px;
        top: 0;
        overflow: hidden;
      }
    </style>
  </head>
  <body>
  <div id="container">
    <div id="left">
      <img src="../images/imgA_2.jpg" >
      <div id="inner"></div>
    </div>
    <ul id="tages">
      <li><img src="../images/imgA_1.jpg"></li>
      <li><img src="../images/imgB_1.jpg"></li>
      <li><img src="../images/imgC_1.jpg"></li>
      <li><img src="../images/imgD_1.jpg"></li>
    </ul>
    <div id="right"></div>
  </div>

  <script src="../js/jquery-1.12.4.js"></script>
  <script src="../js/放大镜.js"></script>
  </body>
</html>
`

js:

    `$(function(){
  var setPosition;
  if((/IE [678]/).test(navigator.userAgent)) {
    setPosition = function(jDom, x, y) {
      jDom.css({
        left: x + ‘px‘,
        top: y + ‘px‘
      });
    };
  } else {
    setPosition = function(jDom, x, y) {
      jDom.css({
        transform: ‘translate(‘ + x + ‘px, ‘ + y + ‘px)‘,
        WebkitTransform: ‘translate(‘ + x + ‘px, ‘ + y + ‘px)‘,
        MozTransform: ‘translate(‘ + x + ‘px, ‘ + y + ‘px)‘,
        OTransform: ‘translate(‘ + x + ‘px, ‘ + y + ‘px)‘,
        msTransform: ‘translate(‘ + x + ‘px, ‘ + y + ‘px)‘
      });
    };
  }

  $(‘#tages‘).on(‘mouseenter‘,‘li img‘,function(){
    var imgPath = $(this).prop(‘src‘);
    var newPath = imgPath.replace(/_1/,‘_2‘);
    $(‘#left img‘).prop(‘src‘,newPath) ;
  });

  $(‘#left‘).on(‘mouseenter‘,function(){
    $(‘#inner‘).show();
    $(‘<img>‘).prop(‘src‘, $(‘#left img‘).prop(‘src‘).replace(/_2/, ‘_3‘)).appendTo($(‘#right‘));
  }).on(‘mousemove‘,function(event){
    var x = event.pageX - 115.5 -$(‘#left‘).offset().left;
    if(x<0){
      x=0;
    }else if(x>199){
      x=199;
    }

    var y = event.pageY - 115.5 -$(‘#left‘).offset().top;
    if(y<0){
      y=0;
    }else if(y>199){
      y=199;
    }
    setPosition($(‘#inner‘),x,y);
    setPosition($(‘#right img‘), -x * 800 / 430, -y * 800 /430);
  }).on(‘mouseleave‘,function(){
    $(‘#inner‘).hide();
    $(‘#right‘).empty();
  });
});
`

三、jQuery.ajax

url:一个用来包含发送请求的URL字符串。

dataObject,String发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。

type:请求数据类型

success(data, textStatus, jqXHR)Function,Array请求成功后的回调函数。参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串。还有 jqXHR(在jQuery 1.4.x的中,XMLHttpRequest) 对象

时间: 2024-11-10 18:41:50

学习笔记6的相关文章

vector 学习笔记

vector 使用练习: /**************************************** * File Name: vector.cpp * Author: sky0917 * Created Time: 2014年04月27日 11:07:33 ****************************************/ #include <iostream> #include <vector> using namespace std; int main

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle ICondu

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

[原创]java WEB学习笔记93:Hibernate学习之路---Hibernate 缓存介绍,缓存级别,使用二级缓存的情况,二级缓存的架构集合缓存,二级缓存的并发策略,实现步骤,集合缓存,查询缓存,时间戳缓存

本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 -----------------------------------------------------------------------------------------------------------------

Activiti 学习笔记记录(三)

上一篇:Activiti 学习笔记记录(二) 导读:上一篇学习了bpmn 画图的常用图形标记.那如何用它们组成一个可用文件呢? 我们知道 bpmn 其实是一个xml 文件

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.

java/android 设计模式学习笔记(14)---外观模式

这篇博客来介绍外观模式(Facade Pattern),外观模式也称为门面模式,它在开发过程中运用频率非常高,尤其是第三方 SDK 基本很大概率都会使用外观模式.通过一个外观类使得整个子系统只有一个统一的高层的接口,这样能够降低用户的使用成本,也对用户屏蔽了很多实现细节.当然,在我们的开发过程中,外观模式也是我们封装 API 的常用手段,例如网络模块.ImageLoader 模块等.其实我们在开发过程中可能已经使用过很多次外观模式,只是没有从理论层面去了解它. 转载请注明出处:http://bl

[原创]java WEB学习笔记48:其他的Servlet 监听器:域对象中属性的变更的事件监听器 (3 个),感知 Session 绑定的事件监听器(2个)

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

java/android 设计模式学习笔记(10)---建造者模式

这篇博客我们来介绍一下建造者模式(Builder Pattern),建造者模式又被称为生成器模式,是创造性模式之一,与工厂方法模式和抽象工厂模式不同,后两者的目的是为了实现多态性,而 Builder 模式的目的则是为了将对象的构建与展示分离.Builder 模式是一步一步创建一个复杂对象的创建型模式,它允许用户在不知道内部构建细节的情况下,可以更精细地控制对象的构造流程.一个复杂的对象有大量的组成部分,比如汽车它有车轮.方向盘.发动机.以及各种各样的小零件,要将这些部件装配成一辆汽车,这个装配过

[原创]java WEB学习笔记12:一个简单的serlet连接数据库实验

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------