javascript
star...
这个作者很懒,什么都没留下…
展开
-
前端小知识之Eslint报错
1、Do not access Object.prototype method ‘hasOwnProperty’ from target object错误写法:obj.hasOwnProperty(‘key’)正确写法:Object.prototype.hasOwnProperty.call(obj, ‘key’)原创 2020-12-03 10:34:14 · 378 阅读 · 1 评论 -
前端项目中常用的小功能
列举两个日期间的所有日期举个例子:开始日期:2020-03-11 结束日期:2020-04-01, 列举中间的日期,包括两头的日期。getDate (datestr) { let temp = datestr.split('-') if (temp[1] === '01') { temp[0] = parseInt(temp[0], 10) - 1 temp[...原创 2020-03-18 15:34:06 · 1054 阅读 · 0 评论 -
js实现时分秒倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</title></head><body><div class="active_time" id="active_t...原创 2019-12-01 20:40:45 · 1420 阅读 · 0 评论 -
原生JS实现下拉加载
实现的原理:滚动条当前的位置+当前可视范围的高度=文档完整的高度1、获取滚动条当前位置// 获取滚动条当前的位置function getScrollTop() { let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; return scrollTop}2、获取当前可...原创 2019-10-23 15:42:10 · 663 阅读 · 0 评论 -
移动端几种tab切换及实现方式
看了下 FrozenUI(QQ)、Jquery WeUI(微信)、SUI Mobile(淘宝)的tab实现方式,自己整理了一下。1、FrozenUI<div class="wrap"> <ul class="tab border-b"> <li class="tab-item current"> <span&g...原创 2019-05-23 17:00:19 · 8484 阅读 · 1 评论 -
三元表达式
var a = '123';var b = (a === 'cpa' ? 'cpa' : (a === 'cps') ? 'cps' : 'flow');console.log('b', b); // b flow原创 2019-04-25 10:13:29 · 697 阅读 · 0 评论 -
Object.create()
Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的_proto_。const person = { isHuman: false, printIntroduction: function () { console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`); }};...转载 2019-04-18 18:00:05 · 211 阅读 · 0 评论 -
js判断一个对象是否为空
1、ES6新增的方法Object.keys();Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。参数要返回其枚举自身属性的对象。返回值一个表示给定对象的所有可枚举属性的字符串数组。描述Object.keys 返回一个所有元素为字符串的数组,其元素来自于从给定的object...原创 2019-04-17 17:52:58 · 152 阅读 · 0 评论 -
ajax跨域问题及解决方案
为什么会出现跨域问题?浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对javascript的安全限制。 同源指的是同协议、同域名、同端口,三者只要有一个不同,就被认为是不同的域。解决跨域问题的方式?1、使用jsonp 2、服务器代理 3、在服务器端设置可允许跨域,response.setHeader(‘Access-Control-Allow-Origin’,’*’);原创 2017-12-07 10:13:56 · 182 阅读 · 0 评论 -
关于document.getElementById(id)获取不到元素
开始的时候是这么写的,代码如下:<img id="mymario"style="width:50px;position:absolute;left:30px;" src="图片/mario.jpg" />用 var mymario=document.getElementById('mymario'); alert(mymario); 一直获取不到img元素,想了好久也没找到原原创 2016-08-26 22:13:08 · 19732 阅读 · 1 评论 -
小太阳的滚动
html文件,碰到边缘自动弹回<html><head><title>小太阳</title><script language="javaScript"> //定义全局变量,两个方向 directionX=1;//x轴的方向 directionY=1;//y轴的方向 sunX=0;//小太阳的坐标x sunY=0;//小太阳的坐标y speed=2;原创 2016-09-12 20:43:13 · 424 阅读 · 0 评论 -
innerText和innerHtml的区别
<html><head><title>无标题</title><script language="javaScript">function test(){ //浏览器当作文本解析,两个双(单)引号不能嵌套使用,里面的用双引号了,外面必须用单引号 //document.getElementById('myspan').innerText='<a href="www.baidu.c原创 2016-09-12 19:19:16 · 388 阅读 · 0 评论 -
获取外部css的元素
html文件<html> <head> <link href="mycss.css" rel="stylesheet" type="text/css"> <script language="javascript" type="text/javascript"> function test4(event){原创 2016-09-12 19:16:14 · 502 阅读 · 0 评论