精华内容
下载资源
问答
  • 本篇分享是:【前端垮域问题有哪些常用解决方式?】 大家好,我是IT修真院西安分院第5期学员许恒倩,一枚正直纯洁善良web程序员,今天给大家分享一下,修真院官网js任务五,深度思考知识点——前端垮...

    这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。

    本篇分享的是:【前端垮域问题有哪些常用的解决方式? 】

      大家好,我是IT修真院西安分院第5期的学员许恒倩,一枚正直纯洁善良的web程序员,今天给大家分享一下,修真院官网js任务五,深度思考中的知识点——前端垮域问题有哪些常用的解决方式??

    1.背景介绍:

    1.1 什么是跨域?

    指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。 

    1.2 为什么需要跨域?

    受浏览器同源策略的限制,本域的js不能操作其他域的页面对象(比如DOM)。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。所以我们要通过一些方法使本域的js能够操作其他域的页面对象或者使其他域的js能操作本域的页面对象(iframe之间)。

    2.知识剖析

    1.同源策略:

    它是由Netscape提出的一个著名的安全策略。同源是指,域名,协议,端口相同。浏览器执行javascript脚本时,会检查这个脚本属于那个页面,如果不是同源页面,就不会被执行。

    2.为什么script标签引入的文件不受同源策略的限制?

    因为script标签引入的文件内容是不能够被客户端的js获取到的,不会影响到被引用文件的安全,所以没必要使script标签引入的文件遵循浏览器的同源策略。而通过ajax加载的文件内容是能够被客户端js获取到的,所以ajax必须遵循同源策略,否则被引入文件的内容会泄漏或者存在其他风险。

     

    3.静态HTTP服务器:Nginx是一个HTTP服务器,可以将服务器上的静态文件(如HTML、图片)通过HTTP协议展现给客户端

    4.反向代理服务器:客户端本来可以直接通过HTTP协议访问某网站应用服务器,网站管理员可以在中间加上一个Nginx,客户端请求Nginx,Nginx请求应用服务器,然后将结果返回给客户端,此时Nginx就是反向代理服务器。

    5.负载均衡:当网站访问量非常大,一台服务器已经不够用了。于是将同一个应用部署在多台服务器上,将大量用户的请求分配给多台机器处理。Nginx可以通过反向代理来实现负载均衡。

    3.常见问题

    前端垮域问题有哪些常用的解决方式?

    4.解决方案

    4.1 window.name + iframe

    window.name的美妙之处:name值在不同的页面(甚至不同域名)加载后依旧存在,并且可以支持非常长的name值(2MB)。原理:利用了“在同一浏览器窗口载入的不同页面( 无论它们是否不同域 ),共享同一个window.name,并且都对window.name有读写的权限”的这一特性来实现页面间的数据交换

    4.2 CORS

    CORS背后的思想,就是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是应该成功,还是应该失败。CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。 因此,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨源通信。

    4.3 JSONP

    JSONP包含两部分:回调函数和数据。回调函数是当响应到来时要放在当前页面被调用的函数。数据就是传入回调函数中的json数据,也就是回调函数的参数了。

    jsonp虽然很简单,但是有如下缺点:

    1)安全问题(请求代码中可能存在安全隐患);

    2)要确定jsonp请求是否失败并不容易。


    4.4 配置Nginx通过域名访问网页

    5.编码实战

     

    <body>

    <input type="text" id="ipt">

    <ul id='ul'>

    <li></li>

    </ul>

    </body>

     

    </html>

    <script type="text/javascript">

    $('#ipt').blur(function () {

    // console.log(1)

    // 提供jsonp服务的url地址(不管是什么类型的地址,最终生成的返回值都是一段javascript代码)百度搜索接口

    var url = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?cb=search&wd=" + $('#ipt').val();

    // 创建script标签,设置其属性

    var script = document.createElement('script');

     

    script.setAttribute('src', url);

     

    // // 把script标签加入head,此时调用开始

    document.getElementsByTagName('head')[0].appendChild(script);

    })



     

    // 定义回调函数

    function search(data) {

    console.log(data);

    for(var i =0;i<data.s.length;i++){

    $('#ul').append(` <li>${data.s[i]}</li>`)

    }

    };

    </script>

    6.扩展思考

    还有什么其他的跨域的方法?

    location.hash + iframe

    原理是利用location.hash来进行传值。假设域名a.com下的文件cs1.html要和cnblogs.com域名下的cs2.html传递信息。

    1)cs1.html首先自动创建一个隐藏的iframe,iframe的src指向cnblogs.com域名下的cs2.html页面;

    2)cs2.html响应请求后再将通过修改cs1.html的hash值来传递数据;

    3)同时在cs1.html上加一个定时器,隔一段时间来判断location.hash的值有没有变化,一旦有变化则获取hash值

     

    今天的分享就到这里啦,欢迎大家点赞、转发、留言、拍砖~

     

    展开全文
  • 通过后台观察,我思考了几个问题。 1、深度学习比较受光线影响 我们现在人脸识别模型都已经由传统模式识别方式发展为深度学习神经网络方式。 然而深度学习依靠数据,泛化性能时候欠缺,往往受摄像头取图...


    本人已经开发了一套人脸识别人证对比的接口,应用场景主要在招聘时作为一个身份认证的功能,
    通过后台的观察,我思考了几个问题。

    1、深度学习比较受光线影响

    我们现在的人脸识别模型都已经由传统的模式识别方式发展为深度学习神经网络方式。
    然而深度学习依靠数据,泛化性能有时候欠缺,往往受摄像头的取图效果以及现场的光线好坏影响。


    2、人脸识别能够识别出十年前的自己吗?

    我们在做身份证人证对比的时候,是以身份证上获取的人脸图为参照,以现场摄像头获取的人脸图进行人脸对比。
    那么它效果如何呢,通过观察,有些人十年前的自己和现在的自己变化不大,主要是20-30岁这个阶段的男性为主。
    但是20-30岁的女性则不然,通常女性同胞喜欢化妆,而且刘海发型变了也会影响识别情况。

    3、身份证的图片究竟是个什么效果?

    我想身份证的拍摄在公安局应该是有一套标准的,但是每个省每个县区每个拍摄点都会存在一些区别。这种区别可以来自于拍摄器材、拍摄人员操作规范引起。我通过观察,按照基本要求是要保证眉毛和耳朵露出来进行拍摄,但是就是能发现很多图片弄个齐刘海遮住眉毛,而且有的身份证上的图片出现了比较明显的过亮,以至于像眉毛这类属性变得比较淡,
    这给人脸认证带来了比较大的挑战。

    还有一个就是清晰程度,这个清晰程度102X126的像素,这种像素可能大家不是很敏感,我们说内存把,图片大小仅不到5kb.5kb是什么概念的图片,我们参考一下我们现在手机拍摄的图片,原图内存现在基本上达到几M,也就是1000倍的关系,像素一般是2000x2000以上。也就是同样的一个人的眼睛,清晰度不高的10个像素来描绘,而清晰度高一些的可以用100个像素来描绘。不清晰的照片做人证对比,也会使得现在有些人对比很难通过。


    4、双胞胎能够攻击人脸识别吗?

    我认为绝大多数产品都很难避免双胞胎的攻击,因为深度学习训练中不会存在很多双胞胎图片的数据来训练。这就给模型很大的挑战。
    其次,双胞胎长得太像了,即使识别出来,他们的相似值也会比较高,而我们的识别人证会设置一个阈值,这个阈值设置会从实用性的角度考虑,照顾到绝大多数的人员,所以这个门槛不会是单纯的为了卡双胞胎,如果设置门槛太高,很多人稍微画了一点淡妆就不容易认证成功了。

     

    人脸识别这个技术一直在发展,但是还有很多问题或者说很多场景还只能起到辅助作用。

    有不懂,或者想了解的可以与我交流,微信ai_hellohello

     

    展开全文
  • 首先分析这个问题域里面有哪些类这个类里面有哪些属性和方法确定完属性以后,一般要先考虑构造方法、再考虑其他方法
    1. 首先分析这个问题域里面有哪些
    2. 这个类里面有哪些属性和方法
    3. 确定完属性以后,一般要先考虑构造方法、再考虑其他方法
    展开全文
  • 四、如果我来解决,那么我认为造成问题的原因会有哪些? 五、这些原因哪些是可以排除的? 六、我怎样验证是这个原因? 七、如果是某个原因,那么我有哪些解决办法? 八、哪种解决办法最好? 九、从这个问题中我...
    碰到一个问题的时候,可以这样来思考:
    一、这确实是个问题么?
    二、这是个什么问题?
    三、这个问题找谁解决比较合适?
    四、如果我来解决,那么我认为造成问题的原因会有哪些?
    五、这些原因哪些是可以排除的?
    六、我怎样验证是这个原因?
    七、如果是某个原因,那么我有哪些解决办法?
    八、哪种解决办法最好?
    九、从这个问题中我学到什么?
    展开全文
  • 有哪些常见验证表单方式

    千次阅读 2019-05-28 18:29:22
    这里是修真院前端小课堂,每篇分享文从 ...有哪些常见验证表单方式(即时输入验证,失去焦点验证等),他们各自优缺点是什么? 1.背景介绍 表单验证是javascript中高级选项之一。JavaScript ...
  • 【移动端有哪些常见布局方式? 】 大家好,我是IT修真院北京分院25期学员,一枚正直纯洁善良web前端程序员 今天给大家分享一下,修真院官网css任务13,深度思考知识点——移动端有哪些常见...
  • 九宫格布局方式有哪些,有什么优...本篇分享是:【九宫格布局方式有哪些,有什么优缺点?】 1.背景介绍 盒子模型与元素水平 九宫格对于一个初学者来说,只需要了解标准盒模型,盒模型由内至外分别是content、pa...
  • 有哪些常见验证表单方式,他们各自优缺点是什么?】 这里是修真院前端小课堂,每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面...
  • 需要思考的问题

    2018-11-23 07:08:41
    宏观问题 解决了什么需求 ...渠道和变现方式都是哪些 获取用户渠道 获取内容渠道 项目问题 产品模式 项目资金来源 团队构成 项目进展 产品问题 产品处于什么阶段了 基于什么平台...
  • 这里是修真院前端小课堂,每篇分享文从 【背景介绍】【知识剖析】...【有哪些常见验证表单方式,他们各自优缺点是什么?】 目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多...
  • 问: 创建线程都有哪些方式? 答: 我了解有四种创建方式: 继承Thread类创建线程类 通过Runnable接口创建线程类 通过Callable和Future创建线程 通过线程池创建 相信大家回答这个问题没什么难度吧?通常问完创建...
  • 这里是修真院前端小课堂,每篇分享文从 ...【有哪些常见验证表单方式(即时输入验证,失去焦点验证等),他们各自优缺点是什么?】 标题【修真院web小课堂】有哪些常见验证表单方式(即时输入验证...
  • 这里是修真院前端小课堂,每篇分享文从 【背景介绍】【知识剖析】...【CSS有哪些方式可以实现垂直居中(方法大总结)】 1.背景介绍 44年前我们把人送上月球,但在CSS中我们仍然不能很好实现垂直居中。——@James A...
  • 不管做啥事,包括分析需求,实现需求或者完全跟写程序无关事,最好都自己一套思考方式或者说做事方法。 1、总纲: 多考虑分支,尽量想办法确认假设客观性,最难知道别人怎么想,涉及到心理学 2、要做什么,...
  • 数塔问题是典型dp问题之一,关键点:建立状态转移方程,这也是dp问题常见一种思考方式(我不知道是不是所有dp都是这种思考方式,看过一些资料里面,建立状态转移方程很普遍,可能是自己碰到面还不够广吧)...
  • 客户端与服务端对应模式是: 客户端请求–服务端响应, 而在有些情况下,服务端会主动推送一些信息到客户端,例如:新闻订阅,天气提醒等等,那么在这样模式下,会有些问题值得思考: 1.应用服务器如何确定每一个...
  • 它是从现实世界中客观存在事物(即对象)出发来构造软件系统,并在系统构造中尽可能运用人类自然思维方式,强调直接以问题域(现实世界)中事物为中心来思考问题,认识问题,并根据这些事物本质特点,把它们...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 478
精华内容 191
关键字:

思考问题的方式有哪些