随笔分类 -  js

Ajax
摘要：1、认认真真了解一下步骤 第一步，创建XHR对象var xhr = new XMLHttpRequest();此方法兼容IE7+, 针对IE6需要使用new ActiveXObject("Microsoft.XMLHTTP"); 第二步，准备请求xhr.open("get","/testajax", 阅读全文
posted @ 2020-08-10 23:15 柠檬IT 阅读(130) 评论(0) 推荐(0)
HTML5新增的canvas是什么--通过刮奖效果学习
摘要：二、canvas基础 本文的目标是做一个刮奖效果，但是如果都不知道canvas是怎么回事，那么肯定也无法进行下去，所以先讲讲canvas基础吧。 首先，该怎么理解canvas，思来想去，最好的理解办法应该就是把canvas理解为一个空白的画纸，一张你可以在上面画画的纸。 然后，你通过HTML标签定义 阅读全文
posted @ 2020-08-10 23:00 柠檬IT 阅读(206) 评论(0) 推荐(0)
ES6 Promise 的不完全实现
摘要：一、Promise/A+ 规范 1.Promise存在三个状态：pending（等待态）、fulfilled（成功态）、rejected（失败态）;2.pending为初始态，并可以转化为fulfilled和rejected;3.成功时，不可转为其他状态，且必须有一个不可改变的值 (value);4 阅读全文
posted @ 2020-08-08 22:20 柠檬IT 阅读(206) 评论(0) 推荐(0)
播放音乐进度条
摘要：css页面 *{ padding: 0; margin: 0; } .btn{ height: 32px; width: 32px; cursor: pointer; } .play{ display: block; width: 40px; height: 40px; margin-top: -5 阅读全文
posted @ 2020-08-05 15:27 柠檬IT 阅读(981) 评论(0) 推荐(0)
js写的ajax
摘要：/** * 得到ajax对象 */ function getajaxHttp() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) { // Internet 阅读全文
posted @ 2020-08-04 22:48 柠檬IT 阅读(138) 评论(0) 推荐(0)
线上写代码的网址 jsbin
摘要：https://jsbin.com/?html,output 阅读全文
posted @ 2020-08-03 21:16 柠檬IT 阅读(310) 评论(0) 推荐(0)
js倒计时|天时分秒| countTime
摘要：js const endTimeObj = new Date("2020-5-1"); function countTime() { //时间差 var leftTime = endTimeObj - new Date(); //定义变量 d,h,m,s保存倒计时的时间 var d, h, m, s 阅读全文
posted @ 2020-08-01 22:32 柠檬IT 阅读(317) 评论(0) 推荐(0)
es6 的类 class
摘要：1、ES6提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。 2、 //定义类 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return 阅读全文
posted @ 2020-08-01 22:19 柠檬IT 阅读(169) 评论(0) 推荐(0)
jQuery的Promise
摘要：原文电梯：https://www.cnblogs.com/yelongsan/p/7644239.html 先前了解了ES6的Promise对象，来看看jQuery中的Promise，也就是jQuery的Deferred对象。 打开浏览器的控制台先。 <script> var defer = $.D 阅读全文
posted @ 2020-07-31 21:07 柠檬IT 阅读(592) 评论(0) 推荐(0)
echarts x轴标签文字过多导致显示不全
摘要：原文：https://blog.csdn.net/kebi007/article/details/68488694 echarts x轴标签文字过多导致显示不全 如图： 解决办法1：xAxis.axisLabel 属性 axisLabel的类型是object ,主要作用是：坐标轴刻度标签的相关设置。 阅读全文
posted @ 2020-07-31 20:57 柠檬IT 阅读(414) 评论(0) 推荐(0)