tpf1220的关于前端的技术的比较浅显的健谈

关于javascript跨域的解决方法由于在自己这么多年项目开发中对跨域这方面应用的很少，近几次面试都涉及到了这个跨域的问题。因此，这几天对跨域深深的研究了一下，希望以后如果能应用到的话可以作为自己的参考。什么是跨域？在javascript开发中，出于安全性的考虑，javacript禁止对不同域名，端口服务器进行访问，也就是说只能访问同一个域名，而且也是同一个端口号上的数据才能进行自由访问，其他的

在Javascript中，我们比较难以理解的东西就是this，它表示在当前作用域中的上下文。有时候我们需要在使用过程中改变this的指向，那么就需要通过这三种方法：call(),apply(),bind()。具体什么意思呢？说的太官方可能还是不懂，大致意思就是，有两个对象，其中一个对象想要使用另一个对象中的方法，这个时候就要用到这个三个方法。举个例子：有两个人张三和李四，张三会说话并说的很好，李四是

Javascript中的this,是每个FE都需要花费一段时间要去认真理解的的东西。this具体指的是什么？ this 在javascript语言中，凡是发生函数调用的地方，都会产生this。像在Java中，如果有this,那么它一定是代表其所在的对象。但是Javascript中函数调用多种多样，不同的调用方法，this也将会指代不同的东西。我们先来分析一下函数的调用方式，据我使用过的有这么四种

在jQuery类库中，事件绑定与事件委托的用法受到了广泛的关注。不仅如此，这还成了当今前端攻城狮的 热门面试题目。十次面试有七八次会问到这个问题，因此，了解掌握事件的绑定和委托，还是比较重要的。冒泡 众所周知，HTML的DOM结构自外而内，层层包裹。如：DIV>P>SPAN>A，这样式的，当我们的事件定义 到最里面的a标签上时，由于冒泡的特定，如果在外层如div,p,span上也定义了相同事件

通过jquery的扩展，我们可以灵活的使用jquery,来写一些自定义插件，丰富自己代码的功能。 jquery的扩展可以分为两个部分：类的扩展和对象的扩展。jquery类的扩展：$.extend()使用jQuery.extend()可以对jQuery类添加静态属性和方法，这些添加的属性和方法，都是通过类 来进行访问的。例如：$.ajax()，这个就是一个静态的方法。写法1： jQuery

在我们常用的jquery函数中，有两个经常使用的函数，split()和replace函数。 我在使用的时候，需要将一个含有开始和结束日期的字符串转化为两个新格式的字符串传给后台。 这个字符串格式是这样：YYYY.mm.dd-YYYY.mm.dd 我的做法是这样：var timeArr = time.split('-');var startTime = timeArr[0].replace(/

获取浏览器窗口的变化事件有时候我们的组件要求根据窗口的变化进行相应，但是我貌似没有见过可以监听浏览器窗口变化的事件。通过这几天百度搜索，发现window.onresize函数可以监听到窗口的变化：window.onresize = function(){ console.log('222');};

当我们在测试时，一般都是使用chorme浏览器，如果需要跨域访问的话我们需要对浏览器进行一些设置。 我们右击chorme浏览器图标，找到属性，然后看到目标。目标有一串字符串。我们需要在这段字符串的末尾加一句话：--disable-web-security如果这段字符串有双引号，那我们加的这个要放到双引号外面，与原字符串必须保持一个空格的距离。但是，在最新的chorme浏览器中，只加这一句话已经不足

CORS(Cross-Origin Resource Sharing),叫做**跨域资源共享**，他跨过**Javascript同源策略**的限制，允许访问不同的域并且能够访问其资源，这是一种网络浏览器的技术规范。他通过浏览器与服务器的交互来实现跨域访问。 使用CORS跨域访问，我们需要后台服务器的配合，不过形式特别简单，而且格式统一，对前端没有任何影响，所以这个一种比较理想的跨域方式。

在Angularjs开发中，经常需要用到刷新页面内容，自己的技术不高，就想到了使用$interval的方法，定时调用API, let timer = $interval(()=> { //Do something... },1000)但是在使用过程中，发现了一个问题，当切换路由后，发现这个$interval下的api仍然在调用，即到了其他页面这个页面的api还在调用，这