Noxxxx

数组复制 var _arr = [0,2,3,4]; var copy = _arr.slice(0) 数组去重 var unique = (a) => […new Set(a)] function unique(array) { return […new Set(array)]; }  

在开发图床工具的时候发现 Axios 不能获取 response header 中的 token，但是 chrome 的network 中已经返回了。究其原因，是因为跨域了，期间尝试 chrome 跨域插件，server 端添加 跨域头部，webpack 跨域功能，都不行。 Access-Control-Expose-Headers The Access-Control-Expose-Headers header lets a server whitelist headers that browsers are allowed to access. For example: Access-Control-Expose-Headers: X-My-Custom-Header, X-Another-Custom-Header 意思是，只要你跨域了，如果不用这个header头来告诉浏览器哪些可以访问（设置白名单），那么浏览器就不让你访问，所以，server端  koa2 只要添加一行关键代码就可以了。囧 如果要设置多个字段，换成数组就可以了ctx.set(‘Access-Control-Expose-Headers’,[‘x-token’,’another’) app.use(function(ctx,next) { ctx.set(‘Access-Control-Expose-Headers’,’x-token’) return next(); })

js let formatSize = v => { var s = [‘Bytes’, ‘KB’, ‘MB’, ‘GB’, ‘TB’, ‘PB’]; var e = Math.floor(Math.log(v)/Math.log(1024)); return (v/Math.pow(1024, Math.floor(e))).toFixed(2)+” “+s[e]; }; php版 function formatSize($b,$times=0){ if($b>1024){ $temp=$b/1024; return $this->formatSize($temp,$times+1); }else{ $unit=’B’; switch($times){ case ‘0’:$unit=’B’;break; case ‘1’:$unit=’KB’;break; case ‘2’:$unit=’MB’;break; case ‘3’:$unit=’GB’;break; case ‘4’:$unit=’TB’;break; case ‘5’:$unit=’PB’;break; case ‘6’:$unit=’EB’;break; case…

很早之前就打算弄一个web版的图床工具，之前用vue1.0写了40%的界面后就不了了之了。最近打算重新拾起用bvue2.0从头开始写。 1.0的版本并不打算加太多的功能，只准备实现最基本的图床外链这些东西。 虽然之前有过一些调查，技术并不复杂也是有信心做的了的，不过自己玩总是觉得缺了点什么，GitHub上有很多个项目，包括之前的wordpress主题等，所以这次打算做完后稍作推广一下，看看能攒到多少star。 也好让自己有动力去完善下去，后台会用 laravel5 最新版，一开始就不打算支持 PHP7 以下的，还是觉得技术新一点的比较好，守旧总是不行的。如果用的人多了，2期会扩充更多功能。 嗯，大致就是这样了，不说了，继续撸代码去了。

最近在开发这么一个编辑器，让运营自己编辑类目商品活动营销页。 这是个基于oo编程的项目，框架也是公司内部的框架，并没有使用目前mvvm类型的框架。 同时这个项目并非从0到1的过程，而是已经有70%的老代码，我们几个人是修改老代码符合新的需求，另一方面是在此基础上开发新功能。可以看到右侧已有很多封装好的功能组件，可以直接实例化。 自己开发新功能其实问题不大，问题在于去改别人的代码，并且是在旧代码的基础上已经modify之后的代码。 洋洋洒洒的600多行代码，一个注释也没有，同事的解释是，良好的命名就可以代替注释，另外一点就是，你写的注释，下一个人修改之后，可能不会顺带修改注释，那么注释的意义也就失效了。 乍一想，觉得挺有道理。然，当我看到下面这一段代码的时候，已经懒得去分析了，抛开代码写的好与坏。如果你的英语水平有过6级的话，我相信这命名还是能读的，但现实是绝大多数人的命名都无法翻译成可用的中文。更何况英文翻译成中文还是有歧义的，怎么确保读的那个人知道你的心思呢。 当然这也和读的人有很大关系。 相比之下，我更会在主体结构上写注释，至少让人知道，摸得着你的代码主体结构。争取5分钟就能入门，特别是在一些逻辑处理的深的地方更需要加注释，很多人都是临时创建一个变量，再去逻辑判断。一个不知道项目细节的人就要揣摩你的心思，浪费双方的时间，让你来给他讲解。 “哟，又在写bug了啊”这话常常被用来调侃或被调侃。殊不知，我们确实再埋bug，在埋坑给后人。 虽然不能约束别人写注释，但我自己还是会写，缪缪数语，即是给自己一个良好思路，也期望让别人能看懂我的代码。

Angular、vue都有自己的脚手架，方便生成项目模板，而 yeoman 则是专注于generator的构建工具。 然自己公司的项目势必会有一套专属的文件目录结构，每次手工生成 ctrl+c ctrl+v 修修改改也不太好。所以我参照 vue-cli ‘复刻’了一个mini版的 xx-cli。算是对 vue-cli 的源码解读。 实现的功能如下： 1、类似vue-init webpack projectName 的命令 2、通过github拉取仓库模板 3、支持提问模式修改到 package.json 看过 vue-cli 的源码之后，信息量有点大，光是 require 的第三方库就有10来个（没细数），绝大多数没使用过的。。。 需求如下： 不想手工生成项目！ 参考 vue-cli 的做法，拉取 github 仓库的模板，然后提供一些选项，生成 package.json （这个是最基本的需求，不包括其他e2e webpack等附带功能） 所以需要下面几个库： download-git-repo //git仓库clone commander // The complete solution for node.js command-line interfaces, inquirer //用来提问的 项目目录结构…

虽然网上有看到利用 pm2 进行部署 Express 应用的，但是感觉还是略麻烦，自己现在是提交到 Git 仓库，然后  pull 到服务器上，npm install 后，设置 NodeJs 环境为生产环境，最后启动 pm2。 export NODE_ENV=production //设置环境变量 echo $NODE_ENV //查看变量  

[[1, 2], [3, 4]].map(([a, b]) => a + b); 我在阮一峰老师的ES6里看到这个 map 就想起了之前看到的一个面试题。 [“1”, “2”, “3”].map(parseInt); //[1,NaN,NaN] 这个 map 函数的功能是啥都不知道，很尴尬… map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。 通常情况下，map 方法中的 callback 函数只需要接受一个参数（很多时候，自定义的函数形参只有一个），就是正在被遍历的数组元素本身。 但这并不意味着 map 只给 callback 传了一个参数（会传递3个参数）。 通常使用parseInt时,只需要传递一个参数.但实际上,parseInt可以有两个参数.第二个参数是进制数.可以通过语句”alert(parseInt.length)===2″来验证. map方法在调用callback函数时,会给它传递三个参数:当前正在遍历的元素, 元素索引, 原数组本身. 第三个参数parseInt会忽视, 但第二个参数不会,也就是说,parseInt把传过来的索引值当成进制数来使用.从而返回了NaN. [“1”, “2”, “3”].map(function(){ console.log(arguments.length) //3 }); [“1”, “2”, “3”].map(function(){ console.log(arguments[1]) //0 1 2 索引值…

现在 Js 版本更新的速度真的是要开车来追了。阮一峰老师的 ES6 教程也看了一小半，新的语法确实好用，不过普通项目要用还要配上 Babel 这些个全家桶，未免“太劳民伤财”，像 Vue 中直接有 webpack 能帮你搞定也还算是降低门槛了… 还是觉得只有自己记录过的东西才算是有印象了，看过的也就是过眼云烟，过几天就忘，自己记录的还是更靠谱。 let vs var vs const let 不存在变量提升并且有块级作用域的概念。 暂时性死区—-ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。 之前 typeof 永不报错的情况将失效了。 const声明一个只读的常量。一旦声明，常量的值就不能改变。一旦声明变量，就必须立即初始化。 const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。所以对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。而引用类型的，里面的属性是可以进行改变的。 let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性。 var tmp = 123; if (true) { tmp = ‘abc’; // ReferenceError let tmp; } 解构 解构不成功，变量的值就等于undefined。 对于数组解构是按照排列顺序，而对象则是要写明属性名称，并且同名。 字符串扩展 这一章除了修复字符识别的bug之外，有用的 API 还有 include（查看字符串中是否包含某个单词） padStart() padEnd()…

网上已经有很多关于模拟登陆正方教务的作品了，基于 PHP，Python，Java，.Net 加上我自己尝试的NodeJs，这几门语言都可以实现模拟登陆，模拟登陆的技术点不是特别难，有兴趣的可以留言，这里记录一下利用 Node 碰到的一些坑。 1. 收集模拟登陆信息 这一步最基础，通过 chrome 的 network 就可以查看跳转的 post 或者 get 请求以及参数了。 注意点：出现 (unable to decode value) 表示经过 gbk 转码了， 2. 登录过程中 302 重定向 之前利用 PHP 就死在 重定向上，没有搞定，总是会出现 object moved to here. 3. NodeJs 自身 1、回调—–使用了 async 这个库来解决回调。 2、异常处理—–express 框架就好了，自定义异常中间件，省心。 3、容易崩溃—– 使用 PM2 就好。 4、由于这里的使用场景相当于是每个用户登录后，后端都要发送一次模拟登陆，如果碰到长时间目标网站没有响应，那么我采取了重试当前操作的一种做法，所以如果响应时间很长，那么是否可以先返回一个 loading 的状态，然后执行完之后再通知前端？…