JAVASCRIPT - 随笔分类 - 青瑟少年

element el-tree、el-table组件加载数据前闪现暂无数据清除

摘要：相信很多人在使用element el-tree、el-table组件加载数据前会显示一个“ 暂无数据 ”，体验很不友好，有没有办法处理不显示呢？答案是：有的。废话不多说直接上代码解说： <template> <el-tree :empty-tex 阅读全文

posted @ 2022-04-01 18:03 青瑟少年阅读(3586) 评论(0) 推荐(0)

js对象数组中的某属性值拼接成字符串

摘要：var objs=[ {id:1,name:'张三'}, {id:2,name:'李四'}, {id:3,name:'王五'}, {id:4,name:'赵六'}, ]; var idsStr = objs.map(function(obj,index){ return obj.id; }).joi 阅读全文

posted @ 2020-01-17 14:27 青瑟少年阅读(5321) 评论(0) 推荐(0)

es6 filter() 数组过滤方法总结（转载）

摘要：1.创建一个数组，判断数组中是否存在某个值 2.也可以通过上面方法过滤掉num为2的留下num为1的 3.去掉空数组空字符串、undefined、null 4.去掉数组中不符合项 5.过滤不符合项 6.数组去重 7.数组去重es6 8.数组对象去重es6 阅读全文

posted @ 2019-12-18 10:48 青瑟少年阅读(1928) 评论(0) 推荐(0)

同步、异步、回调函数面试经典问题

摘要：1、首先需要记住的是这么一句话同步先行==》异步靠边=》回调垫底上面这道题打印的顺序是什么? 首先来分析一下：还是那句话同步先行==》异步靠边=》回调垫底 Promise是一个异步操作，是指的是then(),catch()方法，内部的代码还是同步的！ 1.进入a的promise函数里面先打印1 阅读全文

posted @ 2019-10-11 14:30 青瑟少年阅读(631) 评论(0) 推荐(0)

js中const,var,let区别

摘要：1.const定义的变量不可以修改，而且必须初始化。 1 const b = 2;//正确 2 // const b;//错误，必须初始化 3 console.log('函数外const定义b：' + b);//有输出值 4 // b = 5; 5 // console.log('函数外修改cons 阅读全文

posted @ 2019-04-29 14:37 青瑟少年阅读(6053) 评论(0) 推荐(3)

兼容IE8浏览器移除class样式的方法

摘要：项目中发现，IE8下不兼容JQ的removeClass和addClass，页面无效果网上找了很多方法都没有效果，最终找到一个很好的笨方法 var div=document.getElementById("目标元素ID"); div.className = " "; 这个就是兼容性最好的方法如果一阅读全文

posted @ 2019-04-12 11:30 青瑟少年阅读(1089) 评论(0) 推荐(0)

wow.js让css3动画变动更有趣（滚动页面动画模拟懒加载特效）

摘要：CSS3的出现给网站页面增加了活力，网站增色不少，有这么小小的一款插件就能做出很多动画效果。最重要的是它：简单易用、轻量级、无需 jQuery......他就是wow.js 地址：https://daneden.github.io/animate.css/ 也可以在这个地方看各种演示下面就让我们阅读全文

posted @ 2019-04-11 16:24 青瑟少年阅读(2881) 评论(0) 推荐(0)

移动端上拉刷新，下拉加载效果

摘要：前言在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。实现原理下拉刷新实现下拉刷新主要分为三步：监听原生touchstart事件，记录其初始阅读全文

posted @ 2019-03-26 14:24 青瑟少年阅读(3244) 评论(0) 推荐(1)

jQuery中对未来的元素绑定事件用 on

摘要：最近项目需要点击弹窗里面的a标签出现外连接跳转提示开始代码：发现点击a标签后无提示窗选择直接跳转走了，打log事件也没有触发，检查代码也无问题，思来想去发现竟然是未来元素在作怪。改后代码：完美解决这个问题！阅读全文

posted @ 2019-03-15 10:05 青瑟少年阅读(6231) 评论(0) 推荐(0)

立即执行函数 IIFE

摘要：立即执行函数表达式IIFE（Immediately-invoked function expression）我们知道，在javascript（ES5）中，是没有块级作用域的概念的。看一个例子 for (var i = 0; i < 5; i++) { }console.log(i); //5因为没有阅读全文

posted @ 2019-03-07 16:41 青瑟少年阅读(328) 评论(0) 推荐(1)

纯代码为网站站点添加雪花飘落效果

摘要：网站站点添加雪花飘落效果，本段js代码依赖 JQurey，如果没效果，请确认网页是否已载入 JQurey 阅读全文

posted @ 2019-02-28 16:20 青瑟少年阅读(1393) 评论(0) 推荐(0)

$.ajax()方法参数详解

摘要：$.ajax()方法是jQuery最底层的Ajax实现。它的结构为： $.ajax(options) 该方法只有一个参数，但是这个对象里包含了$.ajax()方法所需要的请求设置以及回调函数等信息，参数以key/value的形式存在，所有的参数都是可选的。常用参数见下表： 1.url 要求为Stri 阅读全文

posted @ 2019-02-19 14:23 青瑟少年阅读(1568) 评论(0) 推荐(0)

i++和++i的区别?

摘要：Javascript中 i++ 和 ++i 都是 i=i+1 的意思，不同的是： i++：先引用后增加； ++i：先增加后引用； i在前面就先引用后增加，+号在前面就先加在引用。案例如下：阅读全文

posted @ 2019-02-19 09:24 青瑟少年阅读(635) 评论(0) 推荐(0)

javascript 函数后面有多个小括号f( )( )( )...

摘要：有时我们看见js函数后面跟着多个小括号是什么意思？f( )( )( )... f()执行f函数，返回子函数 f()()执行子函数，返回孙函数 f()()()执行孙函数，返回重孙函数 ... ... 但注意，如果想这样执行，函数结构必须是这样，f的函数体里要return 子函数，子函数里要return 阅读全文

posted @ 2019-02-15 11:17 青瑟少年阅读(2876) 评论(0) 推荐(0)

倒计时5S秒自动关闭弹窗

摘要：弹窗文字内容 x 倒计时s自动关闭阅读全文

posted @ 2019-01-16 14:40 青瑟少年阅读(1171) 评论(0) 推荐(0)

多行文字内容溢出显示点点点（...）省略号

摘要：1、常规css方法——使Firefox以外主流浏览器文字溢出省略号表示下图为此常用方法在各个浏览器下的表现： IE6浏览器下 IE6浏览器下 IE7浏览器下 IE7浏览器下 chrome谷歌浏览器下 chrome谷歌浏览器下 Safari浏览器下 Safari浏览器下 opera浏览器下 oper 阅读全文

posted @ 2019-01-14 18:08 青瑟少年阅读(4579) 评论(0) 推荐(1)

CSS3制作上下跳动动画箭头效果

摘要：动画效果如下：代码如下：阅读全文

posted @ 2018-11-08 17:50 青瑟少年阅读(10030) 评论(0) 推荐(0)

Ajax请求中的async:false/true(同步/异步)的作用

摘要：async. 默认是true，即为异步方式，$.Ajax执行后，会继续执行ajax后面的脚本，直到服务器端返回数据后，触发$.Ajax里的success方法，这时候执行的是两个线程。若要将其设置为false，则所有的请求均为同步请求，在没有返回值之前，同步请求将锁住浏览器，用户其它操作必须等待请求完阅读全文

posted @ 2018-10-12 14:19 青瑟少年阅读(4069) 评论(0) 推荐(0)

关于火狐和IE下href="javascript:void(0)"兼容性的问题

摘要：今天在开发中发现，使用如下方式的链接。在Chrome中点击后行为符合预期，但在IE下会新开标签卡（根据参考资料，Firefox中有相同问题）。经过排查，发现是href="javascript:void(0);"导致的问题，本来javascript:void(0);的用处是不用整体刷新网页且返回一个阅读全文

posted @ 2018-10-12 10:33 青瑟少年阅读(1702) 评论(0) 推荐(0)

原生JS编写兼容IE6,7,8浏览器无缝自动轮播(带按钮切换)

摘要：项目要求页面兼容IE6,7,8等浏览器，我们可能会遇到这个轮播效果，轮播板块要求：无限循环、自动轮播和手动切换功能，每一次滚动一小格，网上有很多这类插件，例如:swiper等！但是很多都是不兼容IE6,7,8这些低级浏览器的，没有办法，只能自己写一个类似的轮播插件废话不多说，直接上代码希望这篇阅读全文

posted @ 2018-09-28 10:58 青瑟少年阅读(955) 评论(0) 推荐(0)

猿来是你三十而立，砥砺前行，不忘初心，勇闯猿类

随笔分类 - JAVASCRIPT