angularJS中jsonp跨域的使用实例
摘要：一.工程结构 其实是一个纯前端的工程，完全不用tomcat方式部署，但为了部署到tomcat容器上去，就这样简单放到web工程里 二.代码 test.html controllers.js 这里的url是公网的一个服务接口，http://toy1.weather.com.cn/search?city
阅读全文
posted @ 2019-01-20 17:08
文章分类 - javaScript
跨域系列五：CORS进阶之Expose-Headers
摘要：一.getAllResponseHeaders 这一篇来讲讲如何获得从跨域的服务器端返回的响应头部信息。先用一段js获取响应的头部信息： 效果图如下： 这样是OK的，然而有时候会在服务器端自己添加响应的头部信息，比如： 那又能否获得到呢，来试一下： 没有生效，也没有报错。 二.Access-Cont
阅读全文
posted @ 2019-01-17 23:44
跨域系列四：CORS进阶之cookie处理
摘要：一.Set-Cookie 在这一篇文章跨域系列三：CORS进阶之设置请求头信息中，可以使用CORS来设置自定义的请求头部信息，然而为了安全，默认情况下，浏览器的cookie也是不能作为信息传递给跨域的服务器的。 第一步，要做的是首先浏览器上有cookie。 第一步，是要测试把cookie发送给跨域的
阅读全文
posted @ 2019-01-17 23:39
跨域系列三：CORS进阶之设置请求头信息
摘要：一.Access-Control-Allow-Headers 在这一篇文章跨域系列二：CORS进阶之Preflight请求中，有说过，哪些情况下会造成Preflight请求，其中之一，就是下面的情况： 不寻常的请求头，例如不是下面的几种： a.Accept b.Accept-Language c.C
阅读全文
posted @ 2019-01-16 21:38
跨域系列二：CORS进阶之Preflight请求
摘要：一.Access-Control-Allow-Origin 上一篇跨域系列一：从跨域到CORS文章有说过CORS的基本使用，也实现了跨域的请求。本篇来讲讲CORS更高阶的用法。 首先来讲讲Access-Control-Allow-Origin的用法。 Access-Control-Allow-Ori
阅读全文
posted @ 2019-01-14 23:15
跨域系列一：从跨域到CORS
摘要：一.介绍 跨域，可能很多前端开发者都会遇到过，也可能知道有jsonp，iframe之类的跨域方法。不过要说这些方法之前，先得来说说什么叫跨域，为什么要跨域。 所谓跨域，顾名思义，跨到了另外的域，域不仅仅指的是不同的域名网站，可能同一个域名不同的端口号也算不同的域。浏览器是有规则的，只要协议、域名、端
阅读全文
posted @ 2019-01-14 22:00
前端常见跨域解决方案
摘要：一.什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 1.广义的跨域 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@fon
阅读全文
posted @ 2019-01-11 22:57
JavaScript获取url协议、接口等信息
摘要：一.JavaScript获取url信息 二.AngularJS通过$location获取及改变当前页面的URL 下面获取与修改的URL以 ‘http://172.16.0.88:8100/#/homePage?id=10&a=100' 这个路径为例。 1.获取url的相关方法（不修改URL）a.获取
阅读全文
posted @ 2019-01-09 23:16
js一维数组转二维数组
摘要：使用场景举例：接口返回一个数组对象，展示时每行固定显示n个，则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示。 一.数组元素为基本类型 实例一： 实例二： 二.数组元素为对象 当数组元素为对象的时候，就不能使用slice方法进行截取了，因为slice属于浅拷贝，导致的
阅读全文
posted @ 2018-12-19 19:44
js生成[n,m]的随机数
摘要：一.预备知识 Math.ceil(); //向上取整。Math.floor(); //向下取整。Math.round(); //四舍五入。Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494Math.ceil(Ma
阅读全文
posted @ 2018-12-19 19:36
JavaScript定义二维数组
摘要：方法一：直接定义并且初始化，这种遇到数量少的情况可以用 方法二：未知长度的二维数组 给定义的数组传入所需的值 方法三：在这之前，以上两者方法都有问题，方法二，每次定义都初始化了，虽然后面可以动态修改，但是还是不方便，所以我尝试了一种动态传入值到数组的方法 简单的例子，代码如下： 上面是最简单的二维数
阅读全文
posted @ 2018-12-19 19:31
javascript数组、对象的复制方法
摘要：我们在JS程序中需要进行频繁的变量赋值运算，对于字符串、布尔值等可直接使用赋值运算符 “=” 即可，但是对于数组、对象、对象数组的拷贝，我们需要理解更多的内容。 首先，我们需要了解JS的浅拷贝与深拷贝的区别。 我们先给出一个数组： 现在怎么创建一份arr数组的拷贝呢？直接执行赋值运算吗？我们来看看输
阅读全文
posted @ 2018-12-19 15:25
js的休眠实现——sleep()
摘要：作用：让js脚本暂停一定时间，进入休眠状态。 说明：js本身提供没有sleep()。 举例：js可以通过很多方法实现,如下 原理：实际上，该例子不是使js脚本进入休眠，而是因为js是单线程，while(true)｛｝死循环调度cpu,使得whlie(){}后面的程序被阻塞，进而实现休眠的假象。 文章
阅读全文
posted @ 2018-12-19 14:30
js删除数组元素、清空数组的简单方法
摘要：一.清空数组 二.删除数组元素 或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用来查找某元素在数组中的索引位置。 文章来源：https://www.cnblogs.com/mmzuo-798/p/6921739.html
阅读全文
posted @ 2018-12-19 12:56
理解JavaScript 的 async/await
摘要：随着 Node 7 的发布，越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里，而是在 c# 5.0 的语法中。C# 的 async/await 需要在 .NET Framework 4.5 以上的版本中使用，因此我
阅读全文
posted @ 2018-06-24 23:09
闲谈异步调用“扁平”化
摘要：随着 CPU 从单核变多核，软件从注重功能到注重体验，Web 从页面跳转方式到 Web2.0 的无刷新加载（AJAX），程序员越来越多的接触多线程和异步。而 Android 的主线程中不允许操作网络，更是将程序员们推向了异步的深渊。异步深渊产生的主要原因是回调，这在 nodejs 里尤其严重。 为了
阅读全文
posted @ 2018-06-24 22:53
H5+css3+js搭建带验证码的登录页面
摘要：login.html 运行效果： 文章来源：https://blog.csdn.net/hoho_12/article/details/51234777
阅读全文
posted @ 2018-06-18 18:34
javascript判断元素是否已经focus
摘要：一.focus()函数作用 focus()是获得焦点事件。 当一个文本框获得焦点时，它里面的文本就像“百度一下”首页上的百度搜索输入框那样会被自动选中，这样的操作可以利用onfocus来实现。 以下的文本框，当鼠标指针移过去时，里面的文字全部被选中： 这是怎么做的呢？看以下代码及解释： 以上代码中，
阅读全文
posted @ 2017-09-07 00:18
JS几种数组遍历方式以及性能分析对比
摘要：一.前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列，本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比 二.起由 在上一次分析了JS几种常用变量交换方式以及各自性能后，觉得这种方式挺好的，于是抽取了核心逻辑，封装成了模板，打算拓展成一个系列，本文则是系列中的第二篇
阅读全文
posted @ 2017-09-05 01:22
JS几种变量交换方式以及性能分析对比
摘要：一.前言 “两个变量之间的值得交换”，这是一个经典的话题，现在也有了很多的成熟解决方案，本文主要是列举几种常用的方案，进行大量计算并分析对比。 二.起由 最近做某个项目时，其中有一个需求是交换数组中的两个元素。当时使用的方法是: 当时觉得这种方法很优雅，高逼格。。。 后来，业余时间又拿这个研究下了，
阅读全文
posted @ 2017-09-05 01:15
