首页
互助圈
新手教程
进阶之路
算法原理
架构设计
JAVA进阶
C/C++进阶
Python进阶
JavaScript
数据库
大数据
消息服务
源码解读
JAVA源码
Spring源码
数据库
消息服务
Dubbo源码
面试指南
大厂专栏
面试技巧
面试经验
面试题库
开发资料
文档资料
工具软件
电子书籍
小牛导航
在线工具
登录
目录
关于「源」
源的继承
IE 中的例外
跨源访问
更改源
跨源网络访问
跨源脚本 API 访问
跨源数据存储访问
服务器代理
window.name 配合
</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('cahkuq');">window.postMessage()</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('ybxjkj');">WebSocket</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('moamsd');">资料</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('ldetgo');"> 允许跨源访问</a></li> <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('rbwbrv');"> 拦截跨源访问</a></li> </ul> </nav> </div> </div> </div> <div class="content" data-v-g=""> <div class="wzdh-v"> 当前位置： <a href="/">首页</a> > <a href="/shouce/">文档资料</a> > <a href="/shouce/611/">前端工程师自我修养</a> > </div> <div><div> <a href="/link/redirect?r=https://www.xnip.cn/biji/255610.html" target="_blank"> <img src="https://imgs.xnip.cn/imgs/index/banner.jpeg"> </a> </div></div> <div class="content-container" data-v-g=""> <main class="main" data-v-g=""> <div class="vp-doc" data-v-g=""> <div> <h1 id="content" tabindex="-1">同源策略</h1> <div data-v-h="" class="meta-wrapper"> <div data-v-h="" class="meta-item original"> <span data-v-h="" class="arco-tag arco-tag-size-medium arco-tag-orangered arco-tag-checked"> 优质 </span> </div> <div data-v-h="" class="meta-item"> <span data-v-h="" class="meta-content"> <i class="fa fa-user-o"></i> 小牛编辑 </span> </div> <div data-v-h="" class="meta-item"> <span data-v-h="" class="meta-content"> <i class="fa fa-eye"></i> <span>175浏览</span> </span> </div> <div data-v-h="" class="meta-item"> <i class="fa fa-clock-o"></i> <span data-v-h="" class="meta-content">2023-12-01</span> </div> <div style="margin-top: 20px"><p>同源策略是用来限制从一个源加载的文档或脚本如何与其他源的资源进行交互的很重要的安全机制，这有助于隔离存在潜在威胁的文档，并减少可能的<a href="https://www.xnip.cn/link/redirect?r=https://searchsecurity.techtarget.com.cn/whatis/11-25088/" target="_blank" rel="noopener">攻击向量</a>。</p><h2 id="xucbpe">关于「源」</h2><p>网络内容的「源」是由在访问它时所用的 URL 的协议、主机（域名）和端口来定义的，只有当这三者在正在交互的两个对象中完全相同时才会被认为是「同源」。</p><p>下表给出了与 <code>https://ourai.ws/categories/</code> 进行源比较的例子：</p><table><tbody><tr><td><p>URL</p></td><td><p>结果</p></td><td><p>原因</p></td></tr><tr><td><p><code>https://ourai.ws/posts/</code></p></td><td><p>◎</p></td><td><p>仅路径不同</p></td></tr><tr><td><p><code>https://ourai.ws/works/</code></p></td><td><p>◎</p></td><td><p>仅路径不同</p></td></tr><tr><td><p><code>http://ourai.ws/notes/</code></p></td><td><p>×</p></td><td><p>协议不同</p></td></tr><tr><td><p><code>https://ourai.ws:8888/about/</code></p></td><td><p>×</p></td><td><p>端口不同，<code>https://</code> 默认是 <code>443</code> 端口</p></td></tr><tr><td><p><code>https://otaku.ourai.ws/categories/</code></p></td><td><p>×</p></td><td><p>主机（域名）不同</p></td></tr></tbody></table><h2 id="savgja">源的继承</h2><p>在页面中通过含有 <code>about:blank</code> 或 <code>javascript:</code> 的 URL 执行的脚本会继承所在文档的源，因为这些类型的 URL 并未包含源服务器的信息。</p><p>例如，<code>about:blank</code> 通常作为父脚本写入内容的新的空白弹出窗口的 URL（例如，通过 <code>window.open()</code> 机制）。如果此弹出窗口也包含代码，则该代码将继承与创建它的脚本相同的源。</p><p><strong><code>data:</code></strong><strong> URL 会获得新的、空的安全上下文。</strong></p><h2 id="rsrkqa">IE 中的例外</h2><p>在同源策略上 IE 有两个主要的不同点：</p><ul><li><p>两个相互之间高度互信的域名（trust zones），如公司内网域名（corporate intranet domains），不遵守同源策略的限制；</p></li><li><p>未将端口号加入到同源策略的组成之中，因此 <code>https://ourai.ws:8888/</code> 和 <code>https://ourai.ws/</code> 属于同源并且不受任何限制。</p></li></ul><h2 id="htzhin">跨源访问</h2><p>因为浏览器的同源策略，在有访问不同来源的资源的需求时会造成一定的阻碍，这时需要根据具体情况采取一些手段才能达到目的。</p><h2 id="drfecq">更改源</h2><p>在页面中能够有限制地更改它的源，可以通过脚本设置 <code>document.domain</code> 的值为页面的当前域或其当前域的父域。如果将其设置为当前域的父域，则这个更短的父域将用于之后的同源检测。</p><p>假如在 <code>https://otaku.ourai.ws/categories/</code> 中的一个脚本执行了以下语句：</p><pre>document.domain = 'ourai.ws';</pre><p>之后，这个页面会通过与 <code>https://ourai.ws/categories/</code> 的同源检测（假设 <code>https://ourai.ws/categories/</code> 已将 <code>document.domain</code> 设置为 <code>ourai.ws</code> 以表明它希望允许这样做）。然而，不能将 <code>document.domain</code> 设置为 <code>oreilia.com</code>，因为它不是当前域的父域。</p><p>端口号是由浏览器另行检查的。任何对 <code>document.domain</code> 的赋值操作，包括 <code>document.domain = document.domain</code>，都会导致端口号被重写为 <code>null</code>。因此 <code>ourai.ws:8888</code> 不能仅通过设置 <code>document.domain = 'ourai.ws'</code> 来与 <code>ourai.ws</code> 通信。必须在他们双方中都进行赋值，以确保端口号都为 <code>null</code>。</p><p>当使用 <code>document.domain</code> 允许一个子域去安全地访问它的父域时，需要将被访问页面中的 <code>document.domain</code> 设置为同一个值。即使这么做只是将父域设置回其原始值，但这是必要的，否则会导致权限错误。</p><h2 id="oatuha">跨源网络访问</h2><p>同源策略控制着不同源之间的交互，比如在使用 <code>XMLHttpRequest</code> 或 <code><img></code> 元素时。这些交互通常分为三类：</p><ul><li><p>跨源写操作，像链接、重定向、表单提交等通常是允许的，一些 HTTP 请求需要<a rel="noopener">预检</a>；</p></li><li><p>跨源嵌入资源通常是允许的（下面有例子）；</p></li><li><p>跨源读操作通常是不允许的，但可以通过嵌入资源来巧妙地进行读取访问，如读取内嵌图片的尺寸、内嵌脚本的操作或<a href="https://www.xnip.cn/link/redirect?r=https://bugzilla.mozilla.org/show_bug.cgi?id=629094" target="_blank" rel="noopener">其他妙不可言的事情</a>。</p></li></ul><p>下面是一些可以被嵌入跨源的资源的例子：</p><ul><li><p><code><script src="..."></script></code> 引入的 JavaScript，只有在同源脚本中才能看到语法错误的详情；</p></li><li><p><code><link rel="stylesheet" href="..."></code> 引入的 CSS，由于 CSS <a href="https://www.xnip.cn/link/redirect?r=https://scarybeastsecurity.blogspot.com/2009/12/generic-cross-browser-cross-domain.html" target="_blank" rel="noopener">松散的语法规则</a>，跨源 CSS 需要设置正确的 <code>Content-Type</code> 头信息（限制因浏览器而异：<a href="https://www.xnip.cn/link/redirect?r=http://msdn.microsoft.com/en-us/library/ie/gg622939%28v=vs.85%29.aspx" target="_blank" rel="noopener">IE</a>、<a href="https://www.xnip.cn/link/redirect?r=http://www.mozilla.org/security/announce/2010/mfsa2010-46.html" target="_blank" rel="noopener">Firefox</a>、<a href="https://www.xnip.cn/link/redirect?r=http://code.google.com/p/chromium/issues/detail?id=9877" target="_blank" rel="noopener">Chrome</a>、<a href="https://www.xnip.cn/link/redirect?r=http://support.apple.com/kb/HT4070" target="_blank" rel="noopener">Safari</a> 和 <a href="https://www.xnip.cn/link/redirect?r=http://www.opera.com/support/kb/view/943/" target="_blank" rel="noopener">Opera</a>）；</p></li><li><p><code><img></code> 显示的图片；</p></li><li><p><code><video></code> 和 <code><audio></code> 播放的媒体；</p></li><li><p><code><object></code>、<code><embed></code> 和 <code><applet></code> 嵌入的插件；</p></li><li><p><code>@font-face</code> 引入的字体，一些浏览器允许跨源字体，一些需要同源；</p></li><li><p><code><frame></code> 和 <code><iframe></code> 嵌入的任何资源，网站可以通过添加 <code>X-Frame-Options</code> 头信息阻止被跨源嵌入。</p></li></ul><h3 id="ldetgo">允许跨源访问</h3><p>主流的跨源访问方式是「<a>跨源资源共享</a>」，英文为「cross-origin resource sharing」，简称「CORS」，它使服务器指定哪些主机可以加载资源内容，主要用于 AJAX。</p><p>此方式依赖于服务器在头信息中设置 <code>Access-Control-Allow-Origin</code>。如果是允许所有来源的请求访问，使用通配符 <code>*</code>；若只允许某个来源，则要指明来源域名：</p><pre>Access-Control-Allow-Origin: https://api.ourai.ws</pre><p>在很多情况下，发送请求时需要附带 Cookie 等信息给服务器，这时就必须得指定来源域名了，并且还要在头信息中设置 <code>Access-Control-Allow-Credentials</code>：</p><pre>Access-Control-Allow-Origin: https://api.ourai.wsAccess-Control-Allow-Credentials: true</pre><p>另外，发送请求的 JavaScript 代码也需要做出相应的改变：</p><pre>const xhr = new XMLHttpRequest();xhr.open('GET', 'https://api.ourai.ws/posts', true);xhr.withCredentials = true; // 这个一定要设置xhr.onreadystatechange = function() { // ...}xhr.send();</pre><p>若是使用 jQuery 发送请求：</p><pre>$.ajax({ url: 'https://api.ourai.ws/posts', type: 'GET', xhrFields: { withCredentials: true }, success: function() { // ... }});</pre><p>遗憾的是，有些浏览器不支持 CORS，可以使用「JSONP」作为替代方案。</p><h3 id="rbwbrv">拦截跨源访问</h3><ul><li><p>要阻止跨源写操作，可以在请求时检测一个难以预测的 token，即 <a>CSRF</a> token，使用这个 token 可以阻止跨源读操作；</p></li><li><p>要阻止跨源读操作，需要确保资源是不能被嵌入的，阻止嵌入是必要的，因为嵌入资源会泄漏一些相关信息；</p></li><li><p>要阻止跨源嵌入，需确保被访问资源不能解析成上述可嵌入格式。</p></li></ul><h2 id="elgtaf">跨源脚本 API 访问</h2><h2 id="xyvecq">跨源数据存储访问</h2><h2 id="nngphx">服务器代理</h2><h2 id="wiulmt"><code>window.name</code> 配合 <code><iframe></code></h2><h2 id="cahkuq"><code>window.postMessage()</code></h2><h2 id="ybxjkj">WebSocket</h2><h2 id="moamsd">资料</h2><ul><li><p><a rel="noopener">Same-origin policy</a></p></li><li><p><a rel="noopener">Same-origin policy for <code>file:</code> URIs</a></p></li><li><p><a rel="noopener">Document.domain</a></p></li></ul></div> </div> </div> </div> </main> <div data-v-zd="" class="copyright"> <div data-v-zd="" class="content"> <div data-v-zd="" class="item"> <span data-v-zd="">免责声明：</span> <span data-v-zd="">以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。</span> </div> </div> </div> <footer class="vcft" data-v-g="" data-v-i=""> <div class="edit-info" data-v-i=""> <div class="edit-link" data-v-i=""> <a class="vpk link edit-link-button" href="/fankui.html?type=2&id=45656" target="_blank" rel="noreferrer" data-v-i="" data-v-e=""> <span class="edit-link-icon" data-v-i=""></span>不妥之处，敬请雅正 </a> </div> <div class="last-updated" data-v-i=""> <p class="VPLastUpdated" data-v-i="" data-v-j="">最后更新: <time data-v-j="">2023-12-01</time> </p> </div> </div> <div class="prev-next" data-v-i=""> <div class="pager" data-v-i=""> <a class="pager-link" href="/shouce/611/45655.html" data-v-i="" title="Cookie"> <span class="desc" data-v-i="">上一篇</span> <span class="title" data-v-i="">Cookie</span> </a> </div> <div class="has-prev pager" data-v-i=""> <a class="pager-link" href="/shouce/611/45657.html" data-v-i="" title="事件"> <span class="desc" data-v-i="">下一篇</span> <span class="title" data-v-i="">事件</span> </a> </div> </div> <div class="card-content-v"> <h2 class="card-item-h2-v">类似资料</h2> <ul class="items"> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/611/" class="t-f" title="前端工程师自我修养">前端工程师自我修养</a> </div> <p class="item-c-main">写作本书的目的，就是为了帮助那些想要成为前端工程师以及想要提升自己的人系统地学习对于一名前端工程师而言所必须要掌握的通用的知识。</p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/1666/" class="t-f" title="我的职业是前端工程师">我的职业是前端工程师</a> </div> <p class="item-c-main">首先，让我们来理解一个概念：什么是前端？与客户做交互的那部分就是前端，也因此，它可以称为客户端。而前端不仅仅局限于浏览器前的用户，还可以是桌面应用，混合应用。也因此，你会发现前端是一个特别大的领域。</p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/1267/79129.html" class="t-f" title="前端工程师技能图谱">前端工程师技能图谱</a> </div> <p class="item-c-main">浏览器 - IE6/7/8/9/10/11 (Trident) - Firefox (Gecko) - Chrome/Chromium (Blink) - Safari (WebKit) - Opera (Blink) 编程语言 - JavaScript/Node.js - CoffeeScript - TypeScript 切页面 - HTML/HTML5</p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/shouce/1168/74866.html" class="t-f" title="同源策略">同源策略</a> </div> <p class="item-c-main">同源策略 浏览器的同源策略是 Web 安全的基石，它对从一个源加载的文档或脚本如何与来自另一个源的资源进行交互做出了限制。这是一个用于隔离潜在恶意文件的关键的安全机制，每个源均与其余网络保持隔离，从而为开发者提供一个可进行构建和操作的安全沙盒。 如果没有同源策略， Web 世界就变得非常不安全，拿浏览器中的 cookie 来说，当你登录 a 网站，同时打开 b 网站，b 网站能获取你 a 网站的 </p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/jingyan/57489.html" class="t-f" title="牧原（Web前端工程师）一面">牧原（Web前端工程师）一面</a> </div> <p class="item-c-main">hr面，70mins左右，群面（一面二） 1、自我介绍 2、为什么选择牧原，为什么选择养殖方面？ 3、印象最深的项目经历，项目成果，你从中学到了什么；遇到的困难，如何解决，今后在工作中遇到困难后多久会寻求别人帮助？ 4、秋招为什么没找工作，从考研中获得了什么？ 5、offer的选择因素？ 6、家庭情况 7、意向工作地点、时间、薪资 8、今后在工作中希望担任怎么样的角色，职业规划</p> </div> </li> <li class="item-main"> <div class="item-c-main"> <div class="item-t-main"> <a href="/tiku/232541.html" class="t-f" title="你认为中级前端工程师和高级前端工程师的差异在哪里？">你认为中级前端工程师和高级前端工程师的差异在哪里？</a> </div> <p class="item-c-main">本文向大家介绍你认为中级前端工程师和高级前端工程师的差异在哪里？相关面试题，主要包含被问及你认为中级前端工程师和高级前端工程师的差异在哪里？时的应答技巧和注意事项，需要的朋友参考一下 1.帮助他人解决问题的能力 2.阅读源码的能力 3.关注业务，不仅仅是停留在代码层面</p> </div> </li> </ul> </div> <div class="card-content-v"> <h2 class="card-item-h2-v">相关阅读</h2> <a href="/tiku/198545.html" target="_blank" title="Javascript同源策略" class="card-item-v list-item-dot">Javascript同源策略</a><a href="/shouce/1169/74909.html" target="_blank" title="7.3 同源策略" class="card-item-v list-item-dot">7.3 同源策略</a><a href="/jingyan/39557.html" target="_blank" title="途虎养车 前端" class="card-item-v list-item-dot">途虎养车 前端</a><a href="/jingyan/28506.html" target="_blank" title="北森Besin校招提前批前端工程师" class="card-item-v list-item-dot">北森Besin校招提前批前端工程师</a><a href="/jingyan/26902.html" target="_blank" title="小米-前端工程师-面试-凉经" class="card-item-v list-item-dot">小米-前端工程师-面试-凉经</a><a href="/jingyan/54890.html" target="_blank" title="锐捷网络 前端工程师 笔经" class="card-item-v list-item-dot">锐捷网络 前端工程师 笔经</a><a href="/jingyan/55358.html" target="_blank" title="传音控股 前端开发工程师" class="card-item-v list-item-dot">传音控股 前端开发工程师</a><a href="/jingyan/62306.html" target="_blank" title="阿里前端开发工程师三面" class="card-item-v list-item-dot">阿里前端开发工程师三面</a><a href="/jingyan/64176.html" target="_blank" title="途虎养车测试开发工程师笔试0919" class="card-item-v list-item-dot">途虎养车测试开发工程师笔试0919</a><a href="/jingyan/30905.html" target="_blank" title="神策数据-后端开发工程师 3面面经" class="card-item-v list-item-dot">神策数据-后端开发工程师 3面面经</a><a href="/jingyan/52973.html" target="_blank" title="售前技术工程师" class="card-item-v list-item-dot">售前技术工程师</a><a href="/jingyan/28658.html" target="_blank" title="华为od前端工程师面经分享" class="card-item-v list-item-dot">华为od前端工程师面经分享</a><a href="/jingyan/26886.html" target="_blank" title="七牛云-前端工程师-一面凉经" class="card-item-v list-item-dot">七牛云-前端工程师-一面凉经</a><a href="/jingyan/45062.html" target="_blank" title="美团一面_Web前端开发工程师" class="card-item-v list-item-dot">美团一面_Web前端开发工程师</a><a href="/jingyan/44371.html" target="_blank" title="美团一面_Web前端开发工程师" class="card-item-v list-item-dot">美团一面_Web前端开发工程师</a><a href="/jingyan/62965.html" target="_blank" title="25地平线 IC前端工程师面试" class="card-item-v list-item-dot">25地平线 IC前端工程师面试</a><a href="/shouce/611/45658.html" target="_blank" title="前端工程" class="card-item-v list-item-dot">前端工程</a><a href="/jingyan/48539.html" target="_blank" title="5.12 途虎养车前端" class="card-item-v list-item-dot">5.12 途虎养车前端</a><a href="/wenda/305910.html" target="_blank" title="JavaScript：“同源策略”失败" class="card-item-v list-item-dot">JavaScript：“同源策略”失败</a><a href="/wenda/305906.html" target="_blank" title="子域和同源策略" class="card-item-v list-item-dot">子域和同源策略</a><a href="/jingyan/63581.html" target="_blank" title="得物 算法工程师（策略） 一面面经" class="card-item-v list-item-dot">得物 算法工程师（策略） 一面面经</a><a href="/jingyan/39521.html" target="_blank" title="广电运通 前端工程师(支付)一面" class="card-item-v list-item-dot">广电运通 前端工程师(支付)一面</a><a href="/jingyan/53779.html" target="_blank" title="长威信息科技 前端开发工程师" class="card-item-v list-item-dot">长威信息科技 前端开发工程师</a><a href="/jingyan/54961.html" target="_blank" title="深圳奥哲网络 前端工程师 笔试" class="card-item-v list-item-dot">深圳奥哲网络 前端工程师 笔试</a><a href="/jingyan/54960.html" target="_blank" title="蔚来 前端工程师 技术一面 面经" class="card-item-v list-item-dot">蔚来 前端工程师 技术一面 面经</a><a href="/jingyan/54741.html" target="_blank" title="沐瞳 前端工程师 技术一面 面经" class="card-item-v list-item-dot">沐瞳 前端工程师 技术一面 面经</a><a href="/jingyan/54625.html" target="_blank" title="奇安信 前端工程师 HR三面 面经" class="card-item-v list-item-dot">奇安信 前端工程师 HR三面 面经</a><a href="/jingyan/57445.html" target="_blank" title="京东前端开发工程师HR面面经" class="card-item-v list-item-dot">京东前端开发工程师HR面面经</a><a href="/jingyan/56642.html" target="_blank" title="3.5袋鼠云前端开发工程师二面" class="card-item-v list-item-dot">3.5袋鼠云前端开发工程师二面</a><a href="/jingyan/62959.html" target="_blank" title="高德前端开发工程师二面面经" class="card-item-v list-item-dot">高德前端开发工程师二面面经</a><a href="/jingyan/62004.html" target="_blank" title="高德前端开发工程师一面面经" class="card-item-v list-item-dot">高德前端开发工程师一面面经</a><a href="/wenda/364099.html" target="_blank" title="我如何得到一个对象的crdate或网页前端工程师" class="card-item-v list-item-dot">我如何得到一个对象的crdate或网页前端工程师</a> </div> <div class="card-content-v"> <h2 class="card-item-h2-v">开发工具</h2> <a href="/ruanjian/11565.html" target="_blank" title="《全栈增长工程师指南》" class="card-item-v-gj list-item-dot">《全栈增长工程师指南》</a><a href="/ruanjian/34095.html" target="_blank" title="我欲修仙" class="card-item-v-gj list-item-dot">我欲修仙</a><a href="/ruanjian/26166.html" target="_blank" title="前端日报" class="card-item-v-gj list-item-dot">前端日报</a><a href="/ruanjian/37241.html" target="_blank" title="AKjs.Mobile 移动端前端UI框架" class="card-item-v-gj list-item-dot">AKjs.Mobile 移动端前端UI框架</a><a href="/ruanjian/35536.html" target="_blank" title="数据库自动更新及自动赋值工具" class="card-item-v-gj list-item-dot">数据库自动更新及自动赋值工具</a><a href="/ruanjian/10932.html" target="_blank" title="师说CMS" class="card-item-v-gj list-item-dot">师说CMS</a><a href="/ruanjian/49985.html" target="_blank" title="假发师" class="card-item-v-gj list-item-dot">假发师</a><a href="/ruanjian/33817.html" target="_blank" title="黑白棋大师" class="card-item-v-gj list-item-dot">黑白棋大师</a><a href="/ruanjian/25650.html" target="_blank" title="二维码大师" class="card-item-v-gj list-item-dot">二维码大师</a><a href="/ruanjian/41905.html" target="_blank" title="重名修改" class="card-item-v-gj list-item-dot">重名修改</a><a href="/ruanjian/17937.html" target="_blank" title="多线程TCP端口扫描器" class="card-item-v-gj list-item-dot">多线程TCP端口扫描器</a><a href="/ruanjian/25217.html" target="_blank" title="粤讲粤酷微信公众号工程" class="card-item-v-gj list-item-dot">粤讲粤酷微信公众号工程</a><a href="/ruanjian/37478.html" target="_blank" title="Radio Button 修正版" class="card-item-v-gj list-item-dot">Radio Button 修正版</a><a href="/ruanjian/35471.html" target="_blank" title="星座大师转盘特效" class="card-item-v-gj list-item-dot">星座大师转盘特效</a><a href="/ruanjian/49980.html" target="_blank" title="资源星球" class="card-item-v-gj list-item-dot">资源星球</a><a href="/ruanjian/25383.html" target="_blank" title="思源笔记" class="card-item-v-gj list-item-dot">思源笔记</a><a href="/ruanjian/24118.html" target="_blank" title="思源宋体" class="card-item-v-gj list-item-dot">思源宋体</a><a href="/ruanjian/22320.html" target="_blank" title="思源黑体" class="card-item-v-gj list-item-dot">思源黑体</a> </div> </footer> </div> </div> </div> </div> </div> <div class="footer v-footer"> <span>@小牛知识库 xnip.cn </span> </div> </div> </div> </body> <script src="https://imgs.xnip.cn/highlight/highlight.min.js"></script> <script src="https://imgs.xnip.cn/highlight/clipboard.min.js"></script> <script src="https://imgs.xnip.cn/last.js"></script> <script type="text/javascript"> var id = 45656; $id('xbaid').scrollTop = $id('id_' + id).offsetTop - 300; </script> </html>
