javascript
关注
分享
扫一扫
文章平均质量分 66
老米的世界
stay hungry, stay foolish.
展开
-
通过阅读axios源码重新学习AJAX和XMLHttpRequest
今天单位活儿比较少，遂打开了axios源码阅读了一番。照着axios的文档进行阅读，事半功倍。一边看源码，一边又顺着把AJAX和XMLHttpRequest看了一遍，以下是我的收获。由于XMLHttpRequest很长，我们一般将其简称为XHR，下面我将会使用简称进行书写。1. axios和AJAX的区别在写详细的文章之前，可能很多同学不是很清楚axios和ajax的区别（清楚的同学可略过~????），下面我们来简单讨论一下。AJAX = Asynchronous JavaScript an原创 2021-07-08 15:40:51 · 770 阅读 · 0 评论 -
js新特性
1. PromiseMDN文档我们首先定义一个promise方法function setName(newName) { return new Promise((resolve, reject) => { setTimeout(() => { if(newName === 'jack'){ resolve(newName) }else{ reject(`【${newName}】 is not a good name, sor原创 2021-07-02 15:22:28 · 431 阅读 · 0 评论 -
倒计时插件
传入一个时间字符串，格式为：HH:mm:ssfunction timer(time){ var newTime = "" var h = parseInt(time.split(':')[0]) var m = parseInt(time.split(':')[1]) var s = parseInt(time.split(':')[2]) var ti...原创 2018-08-15 18:52:50 · 2664 阅读 · 0 评论 -
使用clipboard.js插件实现复制功能
之前做前端项目时，用到了复制功能，在网上寻找一圈后，找到了Clipboard.js这个插件。在使用之后，顿时感觉十分的方便，支持ie9及以上。主要有3个主要的属性：data-clipboard-text="copytext"data-clipboard-action="copy" 还可选“cut”data-clipboard-target=&am原创 2018-10-12 14:53:32 · 930 阅读 · 0 评论 -
if 弱判断总结
1. if 语句会自带一个弱类型的判断，下面我们来看看他的判断规则。空字符串let a = ''if(a){ console.log('true')}else{ console.log('false')}// falsenulllet a = nullif(a){ console.log('true')}else{ console.log('false')}// ...原创 2019-08-20 17:45:39 · 270 阅读 · 0 评论 -
带有动态效果得返回顶部
之前做“返回顶部”，一直都是无动态效果的。瞬间就回到了顶部。这次写一个带有动态效果的。也就是利用animate方法来实现。下面是具体代码。HTML:<body> <div class="content"> <p>这是测试文档</p> ... <p>这是测试文档</p> </div> <button class="toTopBtn原创 2017-10-18 17:54:33 · 1077 阅读 · 0 评论 -
ES6中新增的处理字符串的方法
1. 检测字符串中是否包含某字符串includes()str.includes(searchElement, fromIndex)参数描述searchElement必须。需要查找的元素值fromIndex可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0...原创 2019-08-16 17:29:33 · 338 阅读 · 0 评论 -
JS数组高级操作（上）
转载自 JS面试之数组的几个不low操作(3) ，点击查看原文1. 数组扁平化高级操作var arr1 = [1,2,3,[4,5,[6,7,8]]]var arr_1 = arr1.flat(Infinity)常规操作：利用递归和数组合并方法 concat实现扁平。function flatten(arr) { while(arr.some(item=>Array...转载 2019-08-16 17:34:24 · 276 阅读 · 0 评论 -
JS数组高级操作（下）
转载自 JS面试之数组的几个不low操作(3) ，点击查看原文1. 合并高级操作var arr1 = [1,2,3,4]var arr2 = [5,6,7,8]arr1.concat(arr2)[...arr1,...arr2]常规操作var arr1 = [1,2,3,4]var arr2 = [5,6,7,8]arr2.forEach(item => {...转载 2019-08-16 17:36:54 · 326 阅读 · 0 评论 -
切换图标-总结方法
整体思路：点击某个li 元素，替换其中img标签中的src属性，且要让其他的所有兄弟li元素变为默认的图片。由于每个li元素的默认图片和要替换的图片都不一样。难度就在此。需要注意的几个地方：每个li要使用的图片统一命名， 如： 默认图片为： demo_d.png。点击切换图片为：demo_c.png可以使用纯js来书写，因为如果使用jquery来遍历每个li元素的兄弟节点稍...原创 2018-07-21 15:22:01 · 1552 阅读 · 0 评论 -
我的常用代码
原生js实现删除数组中的某一个元素：Array.prototype.indexOf = function(val) { for (var i = 0; i &amp;amp;amp;amp;amp;amp;amp;amp;lt; this.length; i++) { if (this[i] == val) return i; } return -1; };Array.prototype.remove =...原创 2018-07-18 15:27:24 · 548 阅读 · 1 评论 -
手机端横竖屏检测
<script type="text/javascript"> var orientation = window.orientation; var testOrientation = () =>{ switch (orientation){ case 0: alert("原创 2017-12-18 18:14:48 · 796 阅读 · 0 评论 -
对于JSON数据的操作的方法
JSON.parse()此方法是将普通的符合json数据格式的字符串转化为json数据。 例如：//此处有一个符合json格式的字符串。var jsonStr = '{"name":"mi","age":"23","phone":"154"}';//使用该方法将字符串转化为json数据var obj1 = JSON.parse(jsonStr);//下面我们分别打印字符串和json数据，看原创 2017-09-28 11:59:33 · 605 阅读 · 0 评论 -
js 按月递增 算法
最近业务上遇到一个问题：已知格式为 xxxx/xx/xx的起始日期和结束日期，要得到一个数组，数组中存放从起始日期开始到结束日期间的若干个日期，每一个日期元素都比之前的日期大一个月。以上是问题。下面是代码：repayPlan = function(start,stop){// 拿到从页面传来的 开始和结束的日期 var date = []; /*将日期 字原创 2017-09-06 16:59:30 · 1972 阅读 · 0 评论 -
在select标签中添加a标签
<!--第一个选项不能写连接--> <select id="" onchange="window.location=this.value"> <option >请选择</option> <option value="https://www.baidu.com">百原创 2017-08-31 09:14:25 · 5803 阅读 · 0 评论 -
全国省市联动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>省市联动</title> </head> <body> <div class="info"> <div> <select id="s_province"></原创 2017-08-16 09:31:04 · 364 阅读 · 0 评论 -
关于栅格系统的学习
关于栅格系统，很早就已经在使用了。但是一直没有好好学习一下，关于他的思想。今天简单写一下。 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 当然在使用之前，需要在官网下载Bootstrap包，或者使用CDN网址来导入。 1.在使用之前，需要设置一个大的框，也就是说，你所使用的所有div标签都是在这一个原创 2017-08-01 17:15:23 · 864 阅读 · 2 评论 -
JS文件的初始化的三种写法
$(function(){…}); jQuery(function($) {…}); $(document).ready(function(){…})原创 2017-07-25 14:14:07 · 5969 阅读 · 0 评论 -
使用sessionStorage实现返回上一页直接到离开时的位置
使用sessionStorage实现，在返回到之前浏览的页面时，直接将页面展示到用户刚刚浏览的位置，而不是重新刷新页面到了页面顶部。代码：//page01.html<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script><script type="text/javascript"> $("原创 2017-10-13 10:56:54 · 2678 阅读 · 0 评论 -
js刷新页面方法
reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace原创 2017-10-26 17:10:02 · 318 阅读 · 0 评论 -
ES6中箭头函数的使用
作者：Allan要做活神仙 链接：http://www.jianshu.com/p/4b101a763e85 來源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 箭头函数与传统的JavaScript函数主要区别在于以下几点：、 1、对 this 的关联。函数内置 this 的值，取决于箭转载 2017-10-27 10:58:37 · 601 阅读 · 0 评论