![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 62
SnowAnna
不像代码妹子的代码妹子,爱研究新事物,但是又研究不深入,记性不好就爱总结,都说大树底下好乘凉,希望各位大神路过的时候多多指点,带我飞呦.........
展开
-
用js超简单判断图片地址是否存在
function CheckImgExists(imgurl) { return new Promise(function(resolve, reject) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; ImgObj.onload = function(res) { resolve(res); } ImgObj.onerror = function(err) {..原创 2020-12-11 16:38:03 · 1657 阅读 · 0 评论 -
js之跨域
同源策略在说跨域之前,我们需要先了解下 同源策略。它是一个规范(Netscape 1995年提出),并没有指定具体的使用范围和实现方式。为了保证使用者信息的安全,防止恶意网站篡改用户数据,一些常见的Web技术都默认采用了同源策略(如Silverlight, Flash, XMLHttpRequest, Dom等)。那如何判断同源呢?相同的协议相同的域名相同的的端口号原创 2018-01-17 17:11:31 · 279 阅读 · 0 评论 -
JSONP跨域请求详解
一、同源策略要理解跨域,先要了解一下“同源策略”。所谓同源是指,域名,协议,端口相同。所谓“同源策略“,简单的说就是基于安全考虑,当前域不能访问其他域的东西。一些常见的是否同源示例可参照下表:在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://developers.douban.com/wi原创 2018-01-17 18:52:06 · 246 阅读 · 0 评论 -
js-按照某个属性排序数组里的元素(sort排序法)
经常遇到我们按照某一属性排序的方法,比如按照年龄大小对成员排名,不多说,看例子var data = [{ name: "jiang", age: 22 }, { name: "pander", age: 21 }, { name: "krome", age: 25 }, { name: "K原创 2018-01-09 11:33:04 · 8820 阅读 · 0 评论 -
js之正则biaodas
字符 含意\ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" $原创 2018-01-09 13:47:29 · 444 阅读 · 0 评论 -
跨域
inroam博客园首页新随笔联系订阅管理前端常见跨域解决方案(全)什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@fo...原创 2018-02-27 09:00:49 · 160 阅读 · 0 评论 -
JavaScript toLowerCase() 方法
JavaScript String 对象定义和用法toLowerCase() 方法用于把字符串转换为小写。语法stringObject.toLowerCase()返回值一个新的字符串,在其中 stringObject 的所有大写字符全部被转换为了小写字符。实例在本例中,"Hello world!" 将以小写字母来显示:<script type="text/javascript">v...原创 2018-03-30 17:20:51 · 649 阅读 · 0 评论 -
HTML <a> 标签的 target 属性
定义和用法<a> 标签的 target 属性规定在何处打开链接文档。如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以...原创 2018-04-11 20:33:14 · 450 阅读 · 0 评论 -
[译] 如何写出漂亮的 JavaScript 代码
原文:github.com/ryanmcdermo…https://juejin.im/post/5d0e11196fb9a07eee5ed6d2说明:本文翻译自 github 上的一个项目,非全文搬运,只取部分精华。如何提高代码的可读性、复用性、扩展性。我们将从以下四个方面讨论:变量 函数 类 异步一、变量用有意义且常用的单词命名// Bad:cons...翻译 2019-06-28 14:18:23 · 173 阅读 · 0 评论 -
JS之阶乘
阶乘函数; //原型方法Number.prototype.N = function(){ var re = 1; for(var i = 1; i re *= i; } return re;}var num = 5;alert(num.N())阶乘:一个数字的阶乘原创 2018-01-12 19:11:47 · 500 阅读 · 0 评论 -
touch事件影响click事件探究
项目中遇到touch事件影响click事件的问题,输入密码后(错误的密码),点击确认支付,马上就触发了忘记密码按钮了,这显然不是我们想要的。我们想要的是用户输错密码后,用户点击忘记密码才触发事件。往下看。什么是touchstart事件?touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。顺带说一下与touchstart比较相似的事原创 2018-01-12 09:43:04 · 431 阅读 · 0 评论 -
js 获取屏幕各种宽高的方法
js 获取屏幕各种宽高的方法屏幕的有效宽高:window.screen.availHeightwindow.screen.availWidth 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线转载 2017-07-14 13:10:47 · 405 阅读 · 0 评论 -
判断滚动条到底部的JS代码
转自http://www.jb51.net/article/42744.htm判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出(滚动)的距离转载 2017-08-18 17:45:15 · 186 阅读 · 0 评论 -
js写一个旋转木马
html class=" js csstransforms3d" lang="zh">head> meta charset="UTF-8"> meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> meta name="viewport" content="width=device-width, initi转载 2017-09-08 16:12:49 · 392 阅读 · 0 评论 -
html的meta总结,html标签中meta属性使用介绍
引子之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章,中间介绍了meta下面IE的一些属性,可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下meta的功能和使用。前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。转载 2017-10-18 18:07:35 · 217 阅读 · 0 评论 -
JS判断是IOS还是Android
原生js在App端会经常遇到判断是android还是ios端,下面这个是之前用到的方法var u = navigator.userAgent, app = navigator.appVersion;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //如果输出结果是true就判定是android终端或者原创 2017-10-31 10:14:13 · 1098 阅读 · 0 评论 -
HTML的meta标签
一、1.name="viewport" //设置视口(网页可绘制的区域)2.width=device-width //应用程序的宽度和屏幕的宽度是一样的3.height=device-height //应用程序的高度和屏幕的高是一样的4.initial-scale=1.0 //应用程序启动时候的缩放尺度(1.0表示不缩放)5.mini转载 2017-10-31 13:37:46 · 262 阅读 · 0 评论 -
js遍历数组和遍历对象的区别
//----------------for用来遍历数组对象-- var i,myArr = [1,2,3]; for (var i = 0; i ) { console.log(i+":"+myArr[i]); }; //---------for-in 用来遍历非数组对象 var man ={hands:2,legs:2,heads:1};原创 2017-12-27 13:00:33 · 1600 阅读 · 0 评论 -
编写高质量代码:改善JavaScript程序建议--面向对象编程
建议1:参照Object构造体系分析prototype机制 对象(Object)是没有原型的,只有构造函数拥有原型,而构造类的实例对象能够通过prototype属性访问原型对象。prototype表示类的原型,就是构造类拥有的原始成员。构造函数的prototype属性存储着一个引用对象指针,该指针指向一个原型对象。 所有的函数在其定义时就已经自动创建和初始化好了prototyp原创 2017-12-27 16:35:37 · 185 阅读 · 0 评论 -
用js语法处理将一个大数组截取成几个小数组的合集
问题:数组需要按顺序分组,简单的代码上图:处理数组中都是对象也可以,好方法向下看源码html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle>head>body>script> var array=[1,2,3,4,5,6,8,9,21,50,3,6,8,9];原创 2017-04-26 10:57:54 · 3661 阅读 · 0 评论