爱大客 - 2017年1月
type: channel
link: https://www.idarc.cn/index.php/2017/01/
description: Every piece of all creatures in this freezing world, are racing for freedom.
items: 写了一个小工具,以texturepakcer替代bmfont
items: js中转化char和int
items: SVN update失败要求clean up, clean up也失败怎么办?
items: sublime text自动选中html的首尾标签
items: VS code调试快捷键
items: js如何传递可变参数
items: 在sublime text中修改变量名
items: js中的global与window
items: js的typeof与instanceof
items: 用mocha做node.js的单元测试

写了一个小工具,以texturepakcer替代bmfont
type: item
date: 2017-01-17T15:57:33+08:00
description: bmfont目前似乎是制作fnt位图字体的唯一工具, 可是每次选择图片/填写id都是一个非常蛋疼的事情. 更蛋疼的是, 无法打开以前保存的文件继续添加新的字体. 而TexturePacker合并贴图工具显然好用得多, 只需要将图片拖入, 点击Publish Sprite Sheet即可, 非常好用. 并且工程文件可以保存以便下次在编辑. 说实话这么好用, 即使没有工程文件也丝毫不影响效率. 这儿以TexturePacker导出cocos-2dx贴图为例, 讲讲怎么用TexturePacker制作fnt字体. 将所有字体图片以字体对应的字符命名 如0-9的字体png图片,需要分别命名为 0.png, 1.png等等; 也支持中文字体. 如果字符为不能作为文件名的特殊字符, 如/*\等, 可以使用下划线加id的方式,如 _48.png表示字符"0", _31532.png表示字符"第". 用TexturePacker的基本模式导出cocos2dx的图集, 设置如下: Framework: cocos2d-x Texture Format: PNG-32 Pixel Format: RGBA8888 Algorithm: Basic Trim Mode: None导出的图集名称如example.plist, example.png 下载工具 git clone https://github.com/darceye/myjs.git npm install 将下载的工具目录添加到path中去. 转化 在导出的example.plist目录中, 使用命令行执行:plist2fnt example.plist 就会输出example.fnt. 与example.png一起导入到cocos creator中就可以使用.

js中转化char和int
type: item
date: 2017-01-17T14:46:45+08:00
description: js中转化char和intvar chr ='a'; console.log(chr.charCodeAt(0)); // output 97 var i=97; console.log(String.fromCharCode(i)); //output 'a' 原文参考

SVN update失败要求clean up, clean up也失败怎么办?
type: item
date: 2017-01-17T09:47:27+08:00
description: 不得不说, svn真是操蛋啊....安装sqlite, 在项目的.svn目录下,使用命令行执行以下操作, 手动清空svn的执行数据库即可再次clean up.sqlite .svn/wc.db “delete from work_queue”

sublime text自动选中html的首尾标签
type: item
date: 2017-01-16T15:21:54+08:00
description: sublime text自动选中html的首尾标签(似乎需要装emmet插件, 相信很多人都已经装过了)[Super + Shift + K] on mac //In OSX environment, super key = Command key. [Ctrl + Shift + '] on windows

VS code调试快捷键
type: item
date: 2017-01-14T09:48:03+08:00
description: 转载自这儿 快捷键Ctrl+P 通过文件名或者标签名导航 Ctrl+Tab 在前一个文件和当前文件间切换 F1 打开全局命令 Ctrl+Shift+O will let you navigate to a specific symbol in a file // 不会 Ctrl+G 根据行号跳转行 Ctrl+\ 快速分割当前窗口Ctrl+[ 缩进行 Ctrl+] 扩张行 Ctrl+F4 关闭当前标签页Ctrl+Shift+w 关闭 vs code Ctrl+T 搜索symbol Ctrl+Shift+P 打开命令行并带一个 > 符号 Ctrl+P 打开命令行 Ctrl+Shift+] 在两个闭合的符号之间切换 Ctrl+F2 选中页面当中所有的当前指定的游标所在的单词 Ctrl+Shift+L 本来是选中当前游标下的所有相同的单词，但是在windows上不好用 Alt+左键 增加游标（其实这个游标Cursor是复制出来的） Alt+windows+上/下 在多个游标中上下移动来上下选定多个游标 ESC 取消所有游标 Ctrl+Space 打开智能感知功能 Ctrl+F12 查看单个函数的定义 Shift+F12 查看所有函数的定义 format code 格式化代码不能使用，这个还比较重要，但是windows中的不好用 Ctrl+Shift+M 打开错误提示框 Ctrl+Shift+O 打开Symbol提示框 F8 游标停在错误的代码上，按F8显示代码错误信息 Ctrl + 上/下 游标定住 视窗上下移动 Alt + 上/下 游标拉住所在的行，随着视窗往下移动 Shift + Alt +上/下 游标复制所在的行，随着视窗上下移动 Ctrl + Shift + D 打开调试选项栏 Ctrl + Shift + v 打开调试的view模式命令提示框提示符表示：代表展示和运行命令 ！展示错误和警告通过名字打开标签 git 就是运行git命令 task 运行task ...打开文件和标签名通过名字 跳转行 @ 跳转symbol @：跳转symbol通过category 使用CSS中用到的快捷键 m:20px 用一下tab就成了margin:20px; bdw:用一下就成了border-width: fz 用一下就成了font-size bd 扩展一下就成了border bd+ 扩展一下就成了border：1px solid #000 lg 扩展成background-img调试快捷键 F5 Run / Pause / Run to Cursor Shift+F5 : Stop F10 : Stop Over F11 : Step into Shift + F11 : Step out F9 : Toggle Breakpoint 重要的debug特性 1. Launching 2. Attaching 3. Stop on entry 4. Inspecting 5. Sourcemaps

js如何传递可变参数
type: item
date: 2017-01-13T14:39:23+08:00
description: 通过apply和arguments. 例如console.log是可变长参数.function a(){ console.log.apply(this, arguments) }

在sublime text中修改变量名
type: item
date: 2017-01-13T14:16:25+08:00
description: 光标在变量名旁边按下alt+F3, 就会多光标选中所有的变量, 此时可以修改.

js中的global与window
type: item
date: 2017-01-12T17:51:50+08:00
description: 在浏览器中, window是用来"兜底"的对象, 所有默认定义的对象都是window的子对象.var a = {} window.a //{} parseInt === window.parseInt //true 而在node.js中没有window, 对等关系的是globalvar a = {} global.a //{} parseInt === global.parseInt //true 那么在cocos creator中, 究竟是哪一个呢? 测试了一下, 是window. global是不存在的. 那么electron呢? electron中,两者都存在, 并且两者其实是同一个.//electron中 window === global //true

js的typeof与instanceof
type: item
date: 2017-01-12T17:38:35+08:00
description: typeof得出的是数据类型, 如:typeof(1) //'number' typeof("abc") //'string' typeof(true) //'boolean' var a = {} typeof(a) //'object' var b = [] typeof(b) // 'object' 注意最后两句, 一个array的type是object,是不是有些奇怪? 因为, array其实不是基本类型. 那怎么知道array是array呢? 那就要用object的判断方式, instanceofvar b = [] b instanceof Array //true b instanceof Object //true 1 instanceof Number //false "abc" instanceof String //false 注意最后两句, 1和"abc"是基本类型, 如果是要Number和String类型的,需要用 new Number和new String来获取var n = new Number(1) n instanceof Number //true 然而对于函数function又有点不一样了var f = function(){} typeof(f) //function f instanceof Function //true f instanceof Object //true 您可以看到, f虽然是一个Object,然而用typeof却可以得到他的类型. 再看看RegExp, 和Array是类似的typeof(/a/) //object /a/ instanceof RegExp //true /a/ instanceof Object //true

用mocha做node.js的单元测试
type: item
date: 2017-01-09T15:54:00+08:00
description: js单元测试有好多个方式, 按照诞生时间依次是Qunit, jasmine, mocha, ava. 其中, ava是15年的项目, 还很新. Qunit和ava的star人数还没有超过1万, jasmine和mocha平分秋色,基本差不多. 考虑到jasmine是比mocha老的项目,而且jasmine最早是针对浏览器端的,而mocha似乎开始时就是针对node.js的, 这儿就选择mocha了. 安装使用 全局安装mocha npm install -g mocha 项目本地安装chai(assert库) npm install chai chai库提供多种assert方式, 后面将举例用expect 示例被测项目, 叫add.js function add(a, b){ return a + b } function minus(a,b){ return a - b } module.exports = add 测试代码, 叫test.js var expect = require("chai").expect var add = require("add") describe("add", function(){ it("1+2=3", function(){ expect(add(1,2)).to.be.equal(3) }) }) 运行代码 mocha test.js js经常需要对比object，一般用意是对比内容key和value是否一致，就不能用expect().to.be.equal()了，需要用 expect().to.deep.equal() 其他方面 测试private function,以及mock. 例如, 上面的minus()函数没有通过module.exports导出, 是个私有函数, 如何进行测试? 这儿需要用到rewire. 将rewire安装到项目中. npm install rewire 测试minus的文件test2.js var expect = require("chai").expect var rewire = require('rewire') // 使用rewire加载被测文件. var add = rewire("add") describe("add", function(){ var minus = add.__get__("minus") // 使用__get__获取私有函数 it("1-2=-3", function(){ expect(minus(1,2)).to.be.equal(-1) }) }) rewire还可以使用set来mock函数, 看这儿 关于更多chai的用法, 看这儿 最佳实践 装所有测试文件的目录命名为test,然后在目录上一级运行mocha可以测试所有test中的文件. 文件名为 xx.test.js或者xx_spec.js ,spec是inspect(核查)的简称. 使用npm test运行测试, 需要在package.json中加入:"scripts": { "test": "mocha" }