![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
Shawyu_
这个作者很懒,什么都没留下…
展开
-
关于使用a标签下载txt的问题解决
function download(text, title) { let a = document.createElement('a') a.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(text) a.download = title a.cli...原创 2020-03-26 16:10:44 · 761 阅读 · 1 评论 -
关于使用a标签下载图片视频的问题解决
function download(url, title) { let a = document.createElement('a') a.href = url a.download = title a.click() }如果想使用参数 title 重命名下载,必须遵循同源策略,如果跨域了,就按 url 末...原创 2020-03-15 23:20:58 · 1911 阅读 · 2 评论 -
JS中art-template模板使用循环嵌套
JS代码:// json数据var json=[ { "ad_img": "http://dummyimage.com/1180x240/79f28b/f27989.png&text=广告图", "good": [ {"good_img": "http://dummyimage.com/690x660/f2a979/8679f2.png&...原创 2019-05-08 20:56:10 · 3326 阅读 · 0 评论 -
JS中art-template模板使用if判断
JS代码: // json数据 var json=[ { "id": 1, "good_sign": 2, "good_img": "http://dummyimage.com/ee79f2/79f2cb.png&text=商品\n" }, { "id": 2, "good_sign": 1, "good_img": "http://du...原创 2019-05-09 12:11:53 · 8274 阅读 · 0 评论 -
JS中art-template模板使用过滤器
html有个特点:某些小数会变成无限小数。比如1.05,可能显示为1.049999999999……在javascript中可以使用.toFixed(value);等方法,进行四舍五入处理,保留固定的小数位数。但是,art-template模板进行渲染就不支持在模板中直接使用方法。这时就需要用到art-template模板的过滤器。 <div class="box"></...原创 2019-05-16 09:16:46 · 2340 阅读 · 1 评论 -
JS中art-template模板使用子模板
var mySwiper = new Swiper(’.swiper-container’, {spaceBetween: 30,centeredSlides: true,loop: true, //循环播放autoplay: { //播放时间间隔delay: 5000,disableOnInteraction: false,},pagination: {el: ‘.swiper...原创 2019-05-16 09:16:53 · 1083 阅读 · 0 评论 -
JS中修改原型链继承
学习JS的继承需要对JS的原型链有一定了解:https://blog.csdn.net/PrisonersDilemma/article/details/89318495之前学习了原型链,这里对原型链的继承总结一下。文章目录 functionAnimal(){ this.name="this animal"; } Animal.prototype.eat= function (f...原创 2019-05-16 09:17:03 · 1281 阅读 · 0 评论 -
获取jQuery对象的第一个子元素
console.log($('.pagebtn').eq(0)); console.log($('.pagebtn').get(0)); $('ul').find('li:first'); $('ul li:first');原创 2019-05-22 12:02:05 · 3070 阅读 · 0 评论 -
JS实现滚动条滚动到指定位置时,更换标签样式实现固定效果
$(window).on('scroll',()=>{ let $fixedheader = $('header'); // fixed容器 // console.log(fixedheader); var wintop=$(window).scrollTop(); // 已滚动卷去的高度 // console.log(wintop); let winHeight = ...原创 2019-05-16 09:17:21 · 3835 阅读 · 0 评论 -
对JS预编译过程的粗浅理解
变量提升声明,不提升赋值console.log(a);// undefinedvar a=1;输出结果undefined,是因为把变量声明提升到了顶部,等价于如下代码:var a;console.log(a);// undefineda=1;函数整体提升fun();// 1function fun(){ console.log(1);};输出结果undefined,因...原创 2019-04-20 15:57:53 · 301 阅读 · 3 评论 -
总结几种排序方法
图自网络学习更多:http://www.cnblogs.com/onepixel/articles/7674659.html冒泡排序:// 外层循环控制趟数 arr.length-1趟for(var i = 0; i < arr.length - 1; i++){ // 内层控制这一趟比较的次数 for(var j = 0; j < arr.length-1-i; j++...原创 2019-04-20 11:19:17 · 215 阅读 · 0 评论 -
对JavaScript中通过字面量str ="abc"和构造函数str =new String(abc)创建字符串的粗浅理解
<script type="text/javascript"> var str1 = "abc"; var str2 = 'abc'; //str1 = "abcd"; var str3 = new String ("abc"); var str4 = new String ("abc"); console.log(str1==str2);//true consol...原创 2019-04-11 21:01:02 · 761 阅读 · 0 评论 -
对JS原型链的总结及粗浅理解
1、只有函数(Function)才有prototype属性,所有对象(Object)都有__proto__属性。2、proto === [[Prototype]] ,前者大部分浏览器支持,[[Prototype]]是标准属性。3、prototype属性中的constructor指向构造函数本身。4、Object.prototype.__proto__已经从 Web 标准中删除,虽然一些浏览...原创 2019-04-15 19:04:12 · 253 阅读 · 0 评论 -
ES5中JSON.parse()与JSON.stringify()的使用
注意点:1、JSON数据前后端传输,属性必须使用双引号""。var json = [ { "name" : "zhangsan" "age" : 13 }, { "name" : "lisi" "age" : 14 }]原创 2019-04-12 16:45:43 · 688 阅读 · 0 评论 -
对JS中this关键字的粗浅理解
谁调用,指向谁?在哪个作用域下执行this就是指向哪个对象!<script> console.log(this); //window (全局this指window) var age = 10; function foo () {console.log(this.age);} foo(); //10 (window对象调用foo函数,this指window) var o...原创 2019-04-16 12:18:11 · 201 阅读 · 0 评论 -
JS中关键字this指向的修改
一、在调用时修改:call()与apply()var obj1 = { age : 10, say : function(){console.log(this.age);}}var obj2 = {age : 20,}obj1.say.call(obj2); // 20//(call()能在调用的时候修改this指向)obj1.say.apply(obj2); // 20//(a...原创 2019-04-16 17:28:03 · 187 阅读 · 0 评论 -
JS数组去重的方法总结
文章目录利用双层for循环去重 一利用双层for循环去重 二利用indexOf()去重利用对象类型实现去重利用Set对象实现去重利用reduce()实现去重利用双层for循环去重 一最简单的思路,但去重效率低。思路:外层循环的索引为i的值和内层循环的索引为j的值比较,重复的去除,最后返回数组。 function distinct(arr){ for(var i=0;i<arr.l...原创 2019-04-26 11:44:59 · 257 阅读 · 0 评论 -
对JS中递归的粗浅理解
递归说白了就是程序调用自身。与递推思想相比,递归就是递推的反向过程。递归的分析思路可以总结为4步:1、寻找临界条件2、寻找递推关系3、总结递归表达式4、改写成递归函数...原创 2019-04-22 16:17:00 · 598 阅读 · 0 评论 -
用JS写递归的几个经典题目
1、第一年薪资是10k,涨幅每年5%,那么50年后薪资多少钱? var t=0.05; var n=50 console.log("50年后工资为"+fn(n)); console.log("50年总共领了"+sum(n)); // 计算每年工资 function fn(n){ if(n==1) return 10000; return fn(n-1)*(1+t); } ...原创 2019-04-22 16:18:09 · 4802 阅读 · 0 评论 -
对JS中break,continue和return三个关键字的理解
含义语句描述break退出witch语句或循环continue在循环中跳过当前的迭代,并继续循环中的下一个迭代return退出函数并返回函数的值break语句break语句用于退出switch语句或循环语句,如for、for … in、for … of、while、do … while。当break语句用于switch语句时,会跳出switch代...原创 2019-04-24 10:19:08 · 612 阅读 · 0 评论 -
JS中通过var定义全局变量与在window对象上直接定义属性的区别
JavaScript通过var定义全局变量与在window对象上直接定义属性的区别关于window区别一区别二区别三关于window一、所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。二、全局变量是 window 对象的属性。三、全局函数是 window 对象的方法。所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。如:va...原创 2019-04-04 17:32:12 · 9825 阅读 · 2 评论