js--script和link中的 integrity 属性

 <link crossorigin="anonymous" integrity="sha256-+hDz/gVbhp24mhOmoIT4Du4F3K5fs9fjjoe0rP5gSLs=" rel="stylesheet" href="/assets/css/home.css" />  

link或script中的 integrity 属性:为了防止 CDN 篡改 javascript 用的。 

 

"anonymous"会发起一个跨域请求(即包含 Origin: HTTP 头). 但不会发送任何认证信息 (即不发送 cookie, X.509 证书和 HTTP 基本认证信息). 如果服务器没有给出源站凭证 (不设置 Access-Control-Allow-Origin: HTTP 头), 这张图片就会被污染并限制使用.

 

 这个 integrity 属性的值来 指定浏览器提取的资源(文件)的base64编码的加密哈希值。如果资源匹配其中一个哈希值,它将被加载。
 

<script><link>integrity值 至少一个字符串,每个串包括指示特定散列算法(目前允许的前缀的前缀sha256sha384sha512),然后用短划线,并与实际base64编码散列结束。例如:

sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC
 

转载于:https://www.cnblogs.com/zuojiayi/p/7207031.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
不可以。虽然 Leaflet.toolbar 插件可以和 Leaflet 和 Leaflet.draw 插件一起使用,但是它们之间并没有直接的依赖关系。因此,在使用 Leaflet.toolbar 之前,你需要先确保已经成功引入了 Leaflet 和 Leaflet.draw 插件,并且它们都已经正确地初始化了。 具体来说,你需要在 HTML 文件引入 Leaflet 和 Leaflet.draw 插件的 JavaScript 文件: ```html <!-- Leaflet CSS --> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha384-y0eCkQI3nOJ9yLjQ1IYbQ1zJmGDDG2J8K7iZI7wF6cCgR0n7jCfz3lXuZ3mr8tG6" crossorigin="anonymous"> <!-- Leaflet JavaScript --> <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha384-9xj8XQeFJgYD2Qd7Jl9KdQn5mUd/K1qQwHq2+Q9XGkKm2Vwdjz6pCtz+Yxwa8g1y" crossorigin="anonymous"></script> <!-- Leaflet.draw CSS --> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.draw.css" /> <!-- Leaflet.draw JavaScript --> <script src="https://unpkg.com/[email protected]/dist/leaflet.draw.js"></script> ``` 然后,你需要在 JavaScript 代码创建地图对象和编辑工具栏对象: ```javascript // 创建地图对象 var map = L.map('map').setView([51.505, -0.09], 13); // 添加 Leaflet 图层 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' + '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 18, }).addTo(map); // 创建编辑工具栏对象 var toolbar = L.toolbar().addTo(map); ``` 最后,你可以通过向 `toolbar` 对象添加按钮来创建自定义的编辑工具栏。需要注意的是,在使用 Leaflet.toolbar 插件时,你需要使用 jQuery 库来操作 DOM 元素,所以你还需要在 HTML 文件引入 jQuery 库: ```html <!-- jQuery --> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> ``` 引入这些文件后,你就可以开始使用 Leaflet.toolbar 插件来创建自定义的编辑工具栏了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值