![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
慧、新
常人眼中的变态,是变态眼中的的常人,你个变态!
展开
-
EventLoop
async function async1() { console.log("a"); const res = await async2(); console.log("b");}async function async2() { console.log("c"); return 2;}console.log("d");setTimeout(() => { console.log("e");}, 0);async1().then(r原创 2021-06-04 11:52:58 · 59 阅读 · 0 评论 -
实现一个js函数,可以无限次调用循环调用
实现一个js函数add,可以无限次调用循环调用。var add = (m) => { let temp = (n) => add(m + n) temp.toString = () => (m) return temp;}; 输入//输出add(2)(3)(4)//9重点/:重写tostring原创 2021-05-26 08:59:47 · 2212 阅读 · 0 评论 -
react,页面弹窗时,阻止页面滚动
这个问题遇到几次了,每次都忘,记一下。项目场景:弹窗组件,有遮罩问题描述:组件内容超出可滑动,但不希望组件外层的页面滑动,使用onScroll={(e)=>{e.stopPropagation()}}阻止冒泡无效原因分析:阻止外层就作用在外层上解决方案: /** * 显示组件 */ show(text: string) { document.body.style.overflow = 'hidden'; this.setState(.原创 2021-05-19 11:14:17 · 3119 阅读 · 0 评论 -
日常算法练习
简单类1.给定两个数组,编写一个函数来计算它们的交集。相关链接:https://juejin.im/post/5f05087cf265da22d466f60f?utm_source=gold_browser_extension原创 2020-07-09 09:14:12 · 196 阅读 · 0 评论 -
算法:1.给定两个数组,编写一个函数来计算它们的交集。[简单]
给定两个数组,编写一个函数来计算它们的交集。示例 1:输入: nums1 = [1,2,2,1], nums2 = [2,2]输出: [2,2]示例 2:输入: nums1 = [4,9,5], nums2 = [9,4,9,8,4]输出: [4,9]说明:输出结果中每个元素出现的次数,应与元素在两个数组中出现的次数一致。我们可以不考虑输出结果的顺序。//思路:遍历数组1,在数组2中寻找与之交集的数字,并删去数组二中的数字作为数组三var intersect = funct原创 2020-07-09 09:08:28 · 1878 阅读 · 0 评论 -
输入 emoji.png,返回 .png。
const extname = (filename) => { /* TODO */ var index=filename.indexOf('.'); var arr=filename.split('.'); var name=arr[arr.length-1]; if(index==-1){ return ''; }原创 2017-12-05 14:35:37 · 1022 阅读 · 0 评论 -
ajax请求天气预报
获取天气预报 document.querySelector('button').onclick=function(){ var hometown=document.getElementById('txt').value;//获取输入值// alert(hometown); ajax({ url:'1php.php', data:{原创 2017-09-27 20:19:05 · 2939 阅读 · 0 评论 -
js获取当前时间戳的方法
很多时候我们都把时间戳作为id值,现在来总结一下获取时间戳的几种方法。1.Date.parse(new Date())console.log(Date.parse(new Date()));结果:15112550150002.new Date().getTime()console.log(new Date().getTime());结果:1511255015271原创 2017-11-21 17:06:59 · 2641 阅读 · 0 评论 -
3种轮播图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>不完整版轮播图</title> <style> #out{ position:relative; width: 300px; hei原创 2017-08-31 19:59:30 · 665 阅读 · 1 评论 -
写一个方法获取 url ?后面的参数,并将参数对象化。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>url&a原创 2017-12-07 10:44:30 · 4304 阅读 · 0 评论 -
js登录记住密码功能
本质:getcookie,setcookie,delcookie<!DOCTYPE HTML><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js COOKIE 记住帐号或密码</title><原创 2017-12-12 14:37:42 · 774 阅读 · 0 评论 -
Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript: IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度转载 2017-10-30 17:48:37 · 343 阅读 · 0 评论 -
HTTP请求方法之header(原来不光只有post和get啊~~)
以前一直以为HTTP请求只有POST和GET方法(知识最常用的),后来看一篇简书,里面提到还有HEAD方法,再查查资料发现不止这3个。。。据RFC2616标准(现行的HTTP/1.1)得知,通常有以下8种方法:OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE和CONNECT。HEAD方法HEAD方法跟GET方法相同,只不过服务器响应时不会返回转载 2017-10-27 16:49:52 · 2463 阅读 · 0 评论 -
选项卡Tab切换
选项卡 * { margin: 0; padding: 0;}#biao { border: 2px solid red; width: 300px;}#biao .taitou { border: 2px solid red; display: flex; height: 20px; width: 300px;}#biao .taitou h3 { wid原创 2017-09-09 22:22:18 · 227 阅读 · 0 评论 -
6个div块,随机颜色
参加工作以后,基本用到的都是react,最近老大要求用h5+mui做出一款app,制作过程中发现很多原生js已经不熟悉,看来js基础忘得都差不多了,需要补习了。app中有一个要求是页面对应的几个模块每次打开都要显示不同的随机颜色。我就封装成了一个函数,有不足的地方,还希望多多指点。代码如下。 <div class="giveYouColorSeeSee">1</div>...原创 2018-03-15 17:22:35 · 4562 阅读 · 1 评论 -
javascrippt高级程序设计-label语句
最近在看javascrippt高级程序设计(第三版),遇到不懂得想着记下来,积累一下,例如接下来的label语句。1.定义:使用label语句可以在代码中添加标签,以便以后使用。2.语法:label:statement3.例子:start :for(let i=0;i<num;i++){alert(i);}4.建议:配合break和continue使用5....原创 2018-09-06 15:07:49 · 202 阅读 · 0 评论 -
循环筛选
正文:在代码示例中我会用到es6中的语言,如果你还不是很了解,你可以看看阮老师的es6.(= =我也是一点一点跟着看的。)1.map先说一下最常用的map.利用map方便获得对象数组中的特定属性值们.它返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。//将a02品牌的标价全部加100const clothesArr=[ {username:"sunan",haveA...原创 2018-12-07 11:50:34 · 358 阅读 · 0 评论 -
Promise有哪几种状态,各个状态之间是如何进行转换的?
一、什么是Promise?1.Promise的结构:class Promise{ constructor(exector){ function resolve(){ } function reject(){ } exector(resolve,rej...原创 2018-10-26 16:24:15 · 30700 阅读 · 2 评论 -
var let const的区别?
js有三种定义变量的方式const,let,var一、var:var定义的变量可以修改 ,不初始化会输出undefined,作用于全局作用域.可以跨块访问,但不能跨函数访问。二、let:let作用于块级作用域,函数内部定义的变量,函数外部识别无效。不能跨函数访问。块级作用域在{}里三、const:const 定义的常量不可以修改,而且必须初始化。只能在块作用域里访问...原创 2018-10-26 16:01:36 · 252 阅读 · 0 评论 -
全屏效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-23 11:03:57 · 211 阅读 · 0 评论 -
animation动画结束后的回掉函数
今天做项目的时候在进度条结束的时候需要跳转页面,然后我就用了animation自带的自定义回调函数<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style> #m原创 2018-05-02 20:48:06 · 3241 阅读 · 0 评论 -
如何利用js动态的显示每一个字符
var result = '1234567890'var n = 0var clock = setInterval(()=>{ n += 1 document.body.innerHTML = result.substring(0,n) if(n>=result.length){ window.clearInterval(clock) }...原创 2018-09-18 17:44:23 · 439 阅读 · 0 评论 -
原生操作class
//判断有无function hasClass(ele, cls) { return ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));}//添加function addClass(ele, cls) { if (!this.hasClass(ele, cls)) ele.className += " " + ...原创 2018-09-13 14:24:56 · 241 阅读 · 0 评论 -
什么是立即执行函数?使用立即执行函数的目的是什么?
常见两种方式 1.(function(){...})() (function(x){ console.log(x); })(12345) 2.(function(){...}()) (function(x){ console.log(x); }(12345)) 作用 不破坏污...原创 2018-09-13 11:58:30 · 810 阅读 · 0 评论 -
获得宽高的几种方式
1.document.querySelector('.box').style.width/height 这种方式只能取到dom元素内联样式所设置的宽高,也就是说如果该节点的样式是在style标签中或外联的CSS文件中设置的话,通过这种方法是获取不到dom的宽高的。2.document.querySelector('.box').currentStyle.width/height ...转载 2018-09-13 10:12:27 · 3225 阅读 · 0 评论 -
利用构造函数和原型链做的简单的飞机大战游戏
思路:一个飞机大战游戏,应该有我方飞机,子弹,敌方飞机(分为大中小三等)还有分数的积分。//步骤: 1.我方飞机的构造函数 创建我方飞机 我方飞机运动我方飞机发射子弹 2.子弹的构造函数 子弹的创建子弹的移动子弹和飞机的碰撞检测 3.敌方飞机的构造函数创建敌飞机敌军移动敌机碰撞随机设置敌机大小原创 2017-10-09 11:43:02 · 908 阅读 · 0 评论 -
冒泡排序 选择排序 快速排序
冒泡排序 var arr = [31,52,73,94,25,7,62,3,4]; for(var i=0; i<arr.length-1;i++){ var j=0; for(;j<arr.length-i-1;j++){ if(arr[j]>arr[j+1]){ var temp=arr[j]; arr[j]=arr[原创 2017-09-10 19:01:42 · 344 阅读 · 0 评论 -
Date small example
practice1 显示当前时间 (显示格式: 2016年 11月 11日 11时 11分 11秒) var date = new Date(); /*document.write( time.toUTCString() );*/ document.write(""+date.getFullYear()+"年"+date.getMonth()+"月"+date.原创 2017-08-29 17:26:58 · 342 阅读 · 0 评论 -
根据getDate()和setDate(), 封装一个函数afterDate(date,n),得到日期date的n天后的日期
Date原创 2017-08-29 17:24:22 · 2231 阅读 · 0 评论 -
工厂函数、构造函数和回调函数
工厂函数 工厂函数 function person(name,age,hobby){ var obj = {};//需要新建对象 obj.name = name; obj.age = age; obj.hobby = hobby; return obj;//需要返回对象 } var huixin原创 2017-08-29 20:43:22 · 689 阅读 · 0 评论 -
用定时器实现进度条
#box { width: 400px; height: 15px; background: #ddd; border-radius: 20px; box-shadow: 3px 4px 4px #aaa; overflow: hidden; border: 5px solid #ccc; position: relative;原创 2017-08-29 19:19:17 · 831 阅读 · 0 评论 -
对象创建
创建对象原创 2017-08-29 18:59:14 · 291 阅读 · 0 评论 -
讲个关于对象的故事
homework2 . Mountain: 从前有座山,山里有座庙;还有name,height(高度) Temple: 庙里有个老和尚,有个小和尚,还有name,area(面积) Monk: 和尚能挑水,讲故事,化缘;还有name,age,sex function monk(name, age, sex, affair) {原创 2017-08-30 20:24:44 · 714 阅读 · 0 评论 -
实现秒表功能 : 显示时,分,秒 , 点击按钮开始计时
practice3 实现秒表功能 : 显示时,分,秒 , 点击按钮开始计时 00时 00分 00秒 开始 暂停 重新计数 var time; var hour = document.getElementById("hour"); var minute = document.getElementById("minute");原创 2017-08-30 19:52:16 · 6006 阅读 · 0 评论 -
利用数组随机点名
随机点名简单版 window.onload = function(){ //0 - arr.length-1 var arr = ['宝宝','豆豆','慧新','洪红','黄黄','小子','杜度','方放','顾股','胡胡','谢写','蒋讲','陈美女']; var name = document.getElementById('name'); var btn =原创 2017-09-10 19:17:15 · 1655 阅读 · 0 评论 -
[对象]显示最新输入的新闻信息
显示最新输入的新闻信息 #newslist{line-height:2;} #newslist time{margin-left:10px;color:#999;} window.onload = function(){ // 初始数据 var datalist = [{ title:'秦时明月', time:'2016-10-1' },{ t原创 2017-09-10 19:43:50 · 354 阅读 · 0 评论 -
用js写表格,删除行
var html = ''; for(var i=0;i<10;i++){ html+=''; for(var j=0;j<10;j++){ if(j==9){//双等 html+='删除'; }else{ html+=''+j*11+''; } } html+=''原创 2017-09-11 16:20:57 · 421 阅读 · 0 评论 -
数组去重的6种方法
数组去重 //1.filter:(indexOf)方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素, filter() 不会对空数组进行检测。 filter() 不会改变原始数组。 var arr1 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3]; var arr1_1 = arr1原创 2017-09-12 22:00:34 · 2948 阅读 · 0 评论 -
斐波那契数列[函数]
//写一个方法用递归求50-150内的奇数和function feibo(n){ if(n == 1){ return 0; } if(n == 2){ return 1; } return feibo(n-1)+feibo(n-2);}var a = feibo(20);alert(a);写一个方法用递归求50-150内的奇数和无标题文档原创 2017-09-12 09:36:12 · 882 阅读 · 0 评论 -
吸顶菜单和置顶菜单
body{ margin: 0; padding: 0; padding-bottom: 5210px; } header{ height: 100px; background-color:orange; width: 100%; text-align: center; } #menu{ height: 40p原创 2017-08-31 20:55:06 · 1594 阅读 · 0 评论