chdyiboke的博客

flutter点击空白处收起软键盘

chdyiboke — Mon, 25 May 2020 10:30:11 +0800

取消TextField焦点(收起软键盘) body: GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { // 触摸收起键盘 FocusScope.of(context).requestFocus(FocusNode()); }, child: ... ) 把GestureDetector放在body最外层。

从0开始--我的微信公众号

chdyiboke — Sat, 23 May 2020 23:40:41 +0800

依稀记得大三开始养成了写博客的好习惯，已经快5年啦。虽然一直没有间断过，但是在 csdn 上面，这一年没怎么发表博客吧。期间其实一直在写，只是不在这个平台，因为工作中基本都是写到 wiki 上，github 和自己的服务器上也有一些，上个月又申请了一个微信公众号。其实，让人有些烦恼，如果我写一篇博客，这么多平台要是都发布一下，会花不少时间。没错，我是来推广公众号的，我的初心是自我成长和乐于分享。当然，以后也会在 csdn 上面继续写下去，争取提供更高质量的文章，以前还处于入门阶段..

深入理解react中的虚拟DOM、diff算法

chdyiboke — Fri, 31 May 2019 17:01:45 +0800

转：https://www.cnblogs.com/zhuzhenwei918/p/7271305.html 虚拟DOM和DOM之间的关系是什么呢？　　Virtual DOM并没有完全实现DOM，即虚拟DOM和真正地DOM是不一样的，Virtual DOM最主要的还是保留了Element之间的层次关系和一些基本属性。因为真实DOM实在是太复杂，一个空的Element都复杂得...

对React的setState

chdyiboke — Fri, 31 May 2019 15:42:45 +0800

官网：https://reactjs.org/docs/react-component.html 先看一个例子： constructor(){ this.state={ val:0, } } componentDidMount(){ this.setState({val:this.state.val+1}); console.log(this....

react-component-新生命周期

chdyiboke — Fri, 31 May 2019 15:02:17 +0800

官方文档：https://reactjs.org/docs/react-component.html 新增两个 static getDerivedStateFromProps 会在初始化和update时触发，用于替换componentWillReceiveProps，可以用来控制 props 更新 state 的过程；它返回一个对象表示新的 state；如果不需要更新，返回 null...

js连续赋值 a.x = a = {n: 2}

chdyiboke — Sat, 25 May 2019 09:58:28 +0800

下面就是这个经典案例： var a = {n: 1}； var b = a; a.x = a = {n: 2}； console.log(a); console.log(b); console.log(a.x); console.log(b.x)；先来看一下普通连续赋值，即：变量赋值的类型是数据类型值 var a=3; var b=a=5; consol...

js二叉树反转

chdyiboke — Sat, 25 May 2019 09:15:33 +0800

如果根节点不为空，左右节点交换，很简单： function invertTree(root) { if (root !== null) { var temp = root.left; root.left = root.right; root.right = temp; invertTree(root.left); invertTree(root....

原型链并没有那么复杂(图)

chdyiboke — Fri, 24 May 2019 08:58:30 +0800

先看个例子： var Animal = function(){}; var Dog = function(){}; Animal.name = 'animal'; Dog.prototype = Animal; var tidy = new Dog(); console.log(Dog.name) //undefined console.log(tidy.name)...

GET和POST的区别

chdyiboke — Wed, 22 May 2019 21:49:11 +0800

GET和POST是什么？HTTP协议中的两种发送请求的方法。 HTTP是什么？HTTP是基于TCP/IP的关于数据如何在万维网中如何通信的协议。在我大万维网世界中，TCP就像汽车，我们用TCP来运输数据，它很可靠，从来不会发生丢件少件的现象。但是如果路上跑的全是看起来一模一样的汽车，那这个世界看起来是一团混乱，送急件的汽车可能被前面满载货物的汽车拦堵在路上，整个交通系统一定会瘫痪。为...

实现一个数组的map方法

chdyiboke — Wed, 22 May 2019 21:29:12 +0800

大概手写一下吧。 Array.prototype.map( x => x+1) //实现一个map1 Array.prototype.map1= function (callback){ let newArr = []; let that = this; for(let i=0;i

删除数组连续重复的元素

chdyiboke — Sun, 19 May 2019 11:27:52 +0800

input [1,3,4,4,1,7,7,7] output [1,3,4,1,7] /* * 相邻去重 * */ function remove(arr){ var newArr =[]; newArr = [...arr]; //拷贝数组 //var newArr = JSON.parse(JSON.stringify(arr)); for(...

async,Await原理最暴力解读

chdyiboke — Sat, 18 May 2019 17:49:20 +0800

async,Await 其实就是promise的封装，使用编译技术自动将async,Await转化为promise,为了更好的理解async,Await是什么？我们使用转换工具来分析 async/await转换工具安装 $sudonpminstallbabel-plugin-async-to-promises-g $babel--pluginsasync-to-promis...

git命令--解决冲突

chdyiboke — Tue, 14 May 2019 10:21:22 +0800

当2个人同时修改一个文件，push或者pull会报错。这时我们需要执行 git merge （merge 前需要先 commit） //你修改的文件，已经被他人修改下面pull报错 git pull git add . git commit -m 'commit' git merge //手动修改冲突文件 git add . git commit -m 'merge' git ...

webpack 打包过程

chdyiboke — Sun, 12 May 2019 09:20:26 +0800

Webpackchunk多文件的打包过程如下图异步：详情：https://segmentfault.com/a/1190000019117897

node同步解压文件（async/await

chdyiboke — Wed, 08 May 2019 12:33:58 +0800

使用 async/await function unzipSync(fileName,mbDir) { return new Promise((resolve, reject) => { fs.createReadStream(fileName).pipe(unzip.Extract({ path: mbDir })).on('close', () =>...

git强制覆盖本地

chdyiboke — Mon, 29 Apr 2019 10:26:43 +0800

解决冲突的方式，本地版本和线上一致。 git fetch --all git reset --hard origin/master git pull

git创建分支（git checkout -b）

chdyiboke — Mon, 29 Apr 2019 10:13:48 +0800

$ git checkout -b develop ＃已经切换到develop分支了 $ git branch ＃线上分支 git push origin develop ＃切换回master分支 $ git checkout master Switched to branch 'master' Your branch is up-to-date with 'origin/master'....

node 解压文件夹

chdyiboke — Thu, 25 Apr 2019 19:55:54 +0800

文件夹的解压，因为windows不能使用 zip/ unzip 2个命令；然后想着引入node的包。推荐：unzip-stream 安装： npm install unzip-stream 引入： var fs = require("fs-extra"); //或者 fs unzip = require("unzip-stream"); ...

js传递参数都是值传递

chdyiboke — Tue, 16 Apr 2019 00:46:02 +0800

ECMAScript中所有参数传递都是值，不可能通过引用传递参数 var obj = '111'; function ddd(obj){ obj = '222'; } ddd(obj); console.log(obj); 输出： 111 const obj2 ={a:'111'}; //let obj2 ={a:'111'}; //var obj2 ={a:...

promise、async和await

chdyiboke — Mon, 15 Apr 2019 23:31:18 +0800

setTimeout(function(){console.log(3)},0) async function a() { await console.log(1) console.log(2) } async function b() { await　a(); } b(); 输出：(宏任务微任务) 1 2 3 async function testS...