j_bleach的博客

git clone部分文件夹：https://stackoverflow.com/questions/600079/how-do-i-clone-a-subdirectory-only-of-a-git-repository/52269934#52269934

var blobs = [new Blob(['Hello ']),new Blob(['World'])];var buffers = [];var buffersFilled = 0;for(var i=0; i < blobs.length; i++) { buffers.push(new Uint8Array()); }for(var i=0; i<blobs.length; i++) { var fileReader = new FileReader();

function ChildContent({ children }: contentType) { const childNumber: number = Children.count(children) console.log('child', children) const cloneEl = (c: ReactElement) => React.cloneElement(c, { onClick: () => { console.log(888) } })

寻找树最后一项父节点，及id匹配项var obj = {name: "a1", type: 1, children: [], expend: true}var arr2 = [ {name: "a1", type: 1, children: [], expend: true}, { name: "a1", type: 1, children: [], expend: true }]var arr = [

关于JS循环遍历写下这篇文章的目的，主要是想总结一下关于JS对于集合对象遍历的方式方法，以及在实际应用场景中怎样去使用它们。本文会主要介绍：while,for,forEach,every,some,filter,reduce,map,indexOf…while/do whilewhile、do while主要的功能是，当满足while后边所跟的条件时，来执行相关业务。这两个的区别是，while会先判

前言最近心血来潮，想要做一个全栈的App玩玩，在网上查阅一下现在的主流的技术栈，考虑的自身能力及开发成本，准备做一个node.js+koa2+react-native的app。目前个人的状态是node.js会一点点点点，koa2不会，react-native也不会（在这几个技术栈里算零基础吧）。但是没事，我就喜欢从什么都不会开始做，这样才好玩，不说废话了。开始！环境配置今天主要做了react-nat

前言本文主要从JS以及一些好玩的demo，做一个汇总，会不定期地更新。。JS數組切片 js切片，将一维数组，切成n组长度3的二维数组var a = [1, 2, 3, 4, 5, 6, 7, 8]var result = []function slice(l) {do {var newarr = l.splice(0, 3);reult.push(newa...

简介 最近由于工作需要，需要在react上用到一个录音的功能，录音主要包含开始录音，暂停录音，停止录音，并将频谱通过canvas绘制出来。起初开发时找了一个现成的包，但是这个第三方的包不支持暂停功能，也不支持音频转码，只能输出audio/webm格式，所以自己在周末决定重新写一个关于react录音的插件。使用目前这个包已经上传至npm，需要用的同学可以运行指令npm instal...

效果预览canvas 绘制基本流程初始画布对于canvas的绘制，首先需要在html内指定一块画布，即****, 可以看做是在PS中新建一个空白文档，之后所有的操作都将呈现在这个文档之上，与PS的区别是，canvas本身没有图层的特性，当需要展示不同维度的视图时，需要交由html的位置关系来解决。canvas标签上，值得一提的就是width和height两个属性，这两个属性代表着画布的...

概要本文只要涉及的内容有，web中动态引入百度地图，基于百度地图的本地搜索（公交，地铁，停车场），自定义marker，layer，接入微信内置地图（微信中使用第三方导航）。效果预览地图懒加载本示例应用于小程序内嵌的webview，web开发使用react。由于示例作为项目中的一个不必要模块，不是每次进入都会加载，因此选择在项目确定使用百度地图时，在进行加载。即动态加载百度地图的地图服务资...

效果预览mapbox 是一个非常好用的开源地图引擎，他支持得平台有android，ios，js，rn等等，功能多样，但是对于地图插件开发这一块，没找到具体的实施文档。因此本文以js 为例，来把开发mapbox插件这一过程记录下来。mapboxvar map = new mapboxgl.Map({ container: "map", // container id styl...

何为_.rangelodash就不介绍了，一个处理js对象集合的工具类，有非常多实用的方法，可以大大提高工作效率，而有一些方法已经被ES6原生实现了，例如_.assign(a,b)将a,b两个对象合并等等，而今天的主角是这个：_.range。 _.range([start=0], end, [step=1]) _.range的作用是简单来讲，就是为它指定一个范围和步长，然后生成相对应的数组。这个

表单提交 表单提交是业务当中在普通不过的场景了，以QQ登陆页面为例，在注册一个qq账号的话，如果不能填写必填字段，是不会发起http请求的，于是乎我们有了这样一段JS代码。第一版登陆class loginCtrl { constructor(http, $state) { [this.http, this.state, this.name] = [http, $state,

对象1.字面量可以定义变量var lastWord = 'last word';var a = { 'first word': 'hello', [lastWord]: 'world'};2.对象合并 Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。var target = { a: 1, b: 1 };var so

ES6 Proxy/ReflectProxy 拦截器proxy是es6的新特性，简单来讲，即是对目标对象的属性读取、设置，亦或函数调用等操作进行拦截（处理）。let proxy=new Proxy(target,handle)target一个proxy代理对象由两部分组成target/handle。其中target为目标对象，可以为一个空对象即（target={}），也可以是一个含有属性和方法的对象

javaScript console详解console.log概述谈到javaScript 的 console，通常能说的就是console.log/info/warning等等，比如，console.time(test){….fn….}console.endTime(test)算个程序跑的时间啦什么鬼的。。这有什么用。没用！而我们追求的是什么？当然是好看！ 以前的日志是这样的： 而现在的日

某天，我做一个小项目，需要判断一下浏览器类型。简单的呀。 控制台敲下：navigator.userAgent 浏览器回应：Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.153 Safari/537.36天，这串是啥？你怎么连话都说不清楚？我对userAgent

我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题，请问，以下JS对象通过JSON.stringify后的字符串是怎样的？先不要急着复制粘贴到控制台，先自己打开一个代码编辑器或者纸，写写看，写完再去仔细对比你的控制台输出，如果有误记得看完全文并评论，哈哈。var friend={ firstName: 'Good', 'lastName': 'Man',

JS异步模式介绍$q之前，首先说一下异步。JS是一个单线程语言，一次执行一个任务，在某些情境下，需要先将某些任务“ 暂停一下（加入任务队列）“，进而去执行之后的任务，待当前任务都执行完毕时，再去响应之前“暂停的”任务，像setTimeout，ajax都是如此，这就是JS的异步模式。$q$q是angular中一个用来解决JS异步编程的服务，借鉴了 Kris Kowal’s Q 库，可以看作是一个轻量的

Iterator1.Iterator接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即for…of循环。当使用for…of循环遍历某种数据结构时，该循环会自动去寻找Iterator接口。generator1.下面是一个利用Generator函数和for…of循环，实现斐波那契数列的例子。function* fibonacci() { let [prev, curr] = [0, 1];

技术栈概述ES2015(ES6)大名ES2015，顾名思义是 ECMAScript 在2015年6月正式发布的一套标准。小名ES6，意为ECMAScript第六次变更。（JavaScript 是 ECMAScript 规范的一种实现）。如今已慢慢替代ES5，成为JS主流的开发规范，新增很多语法糖，大大提高开发效率。webpack一款模块化的构建工具，对ES6的构建更加友好，不详细介绍了。angula

前言这篇文章的初衷是由于最近在工作当中，碰到了很久之前的一个同事写的代码，功能大体是完成一个jstree的增删改等功能，但在看代码的过程中，感觉代码结构比较混乱，为此在基于组合模式的设计理念上对代码进行一次整理。组合模式在JS当中，组合模式可以简单理解为由对象组成的树形结构，如图： A为树的跟节点，B为A的子节点，同时B又是DE的父节点。但是在组合模式中，AB并不是父子关系，而是用相同接口的对

变量声明1.js 共计6种变量声明方式（var,let,const,function,class,import）。 2.class不存在变量提升。解构赋值[a,b]=[b,a]//交换a，b值数组1.Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。还可以接受第二个

什么是代理模式代理模式，类似于明星的经纪人，想要拜访明星，需要先通过经纪人的沟通。而在JS当中，如果想访问一个类，需要通过另一个类来间接访问 。不同于装饰器，那种动态加载一个对象，可以说在代理模式当中，代理是早已既定的。别人眼中的代理 再拿最常遇到的收快递这一个社会行为举例吧。 很早之前，我们收发快递都是直接和快递员交互的，例如： 而现在，加入了代理之后，可以通过第三方替我们接收快递，即：

JS读取本地txt最近有从本地读取txt文件的需要，奈何网上搜索js读取本地txt，都是新建一个fso对象，即（FileSystemObject）。