随笔分类 -  Javascript

js 异步发展过程
摘要：yield return promoise next参数 next方法可以带一个参数，该参数就会被当作上一个yield表达式的返回值 next 01_callbackhell let sayhello = function (name, callback) { setTimeout(function 阅读全文
posted @ 2024-03-21 17:46 码农-编程小子 阅读(59) 评论(0) 推荐(0)
自定义reducer,pipe,compose函数
摘要：Array的reducer方法; //1:自定義reducer函數 Array.prototype.myReduce = function ( fn = (pre, curr, index, arr) => {}, initValue ) { let acc; for (let i = 0; i < 阅读全文
posted @ 2022-06-23 11:03 码农-编程小子 阅读(52) 评论(0) 推荐(0)
js中this指向
摘要：https://img2022.cnblogs.com/blog/1944923/202206/1944923-20220621222927397-1836968302.png 123 一、this指向 原则是谁调用，就指向谁 1:common function,this指向Window funct 阅读全文
posted @ 2022-06-13 01:07 码农-编程小子 阅读(207) 评论(0) 推荐(0)
javasrcipt array
摘要：1:array groupconst groups = [1,2,3,2,4,3,1].reduce((prev, curr) => { if (!prev.includes(curr)) { prev.push(curr); } return prev; }, []); 阅读全文
posted @ 2022-05-30 15:00 码农-编程小子 阅读(30) 评论(0) 推荐(0)
touch事件与click事件
摘要：touchStart touchMove touchEnd 1. 如果点击屏幕，会触发touchStart,touchEnd,click事件2. 如果点击屏幕并且有划动,会触发touchStart,touchMove,touchEnd事件3. touchmove和click是相斥4. 在移动端点击两 阅读全文
posted @ 2022-05-20 09:53 码农-编程小子 阅读(756) 评论(0) 推荐(0)
JSONP原理及自定义JSONP函数
摘要：jsonp（JSON with Padding）是一种使用模式，可以实现跨域获取数据，原理是基于由于script标签不受限于同源策略，script标签可以通过src属性请求到其他服务器上的数据 浏览器同源策略：在当前网页中，若想到发送一个请求，请求url必须满足 协议，域名，端口 三者相同，才能得到 阅读全文
posted @ 2022-05-17 23:40 码农-编程小子 阅读(203) 评论(0) 推荐(0)
js 事件
摘要：一、EventTarget 接口事件是程序各个组成部分之间的一种通信方式，DOM 节点的事件操作（监听和触发），都定义在EventTarget接口addEventListener()：绑定事件的监听函数removeEventListener()：移除事件的监听函数dispatchEvent()：触发 阅读全文
posted @ 2022-05-17 09:39 码农-编程小子 阅读(64) 评论(0) 推荐(0)
js退出循环常用方法
摘要：let arrs=[1,2,3,4,5] //1: forEach循环 try{ arrs.forEach(function(i){ if(i == 2){ // return; // 退出当前循环 throw 'jump out'//退出整个循环 } console.log(i) }) }catc 阅读全文
posted @ 2022-01-05 10:33 码农-编程小子 阅读(479) 评论(0) 推荐(0)
javascript clientHeight scrollHeight offsetHeight高度
摘要：由于最近项目需要自动跳转到网页某个无素的位置，所以抽了点时间来学习理清这几个高度的用处，最后的应例案例就是我需要达到的目的，虽然是很小的一个点，记录以备查用 网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。viewport:浏览器窗口的大小，指在浏览器窗口中看到的那部分 阅读全文
posted @ 2021-09-18 15:00 码农-编程小子 阅读(144) 评论(0) 推荐(0)
Javascript之原型链
摘要：1:构造函数 function Person(){ this.name='jeff'; this.sing=function(){ console.log('sing') } } 构造函数存在一个问题，实化化的时候无法共享属性或方法 2:Prototype原型对象 prototype这个属性包含一个 阅读全文
posted @ 2021-09-14 14:36 码农-编程小子 阅读(59) 评论(0) 推荐(0)
javascript常用方法，数组笔记
摘要：Array.fromArray.from(arrayLike,[,mapFn[,thisArg]]) Example1:Array.from({length: 5}).map((_,i)=>`slide ${i+1}`) ["slide 1", "slide 2", "slide 3", "slid 阅读全文
posted @ 2021-08-18 17:29 码农-编程小子 阅读(39) 评论(0) 推荐(0)
Javascript之!!运算
摘要：Javascript中有6个值为false，分别是: 0, '', null, undefined, NaN 和 false, 其他(包括{}, [], Infinity)为true. 数据类型bool值转化 undefined undefined 转化为 false Object null 转化为 阅读全文
posted @ 2020-06-13 17:36 码农-编程小子 阅读(177) 评论(0) 推荐(0)