分类未分类下的文章

emacs命令入门

作者: Frossky
时间: 2017-04-04
分类: 未分类
评论

emacs tutorial前半段讲的几个命令，如下
上下左右一个字符: c-pnbf
左右一个词 m-bf
行首尾 c-ae
句首尾 m-ae
前后翻页 mc-v
文首尾 m-<>

重复number次命令 c-u number 命令
取消操作c-g
切换窗口数量 c-x 1
重载 c-l

删前后一个字符 c-d
剪后一个词 m- m-d
剪至行尾 c-k
剪至句尾 m-k
选择剪切 c- c-w
粘贴最近 c-y
粘贴以前的 m-y
撤销 c-/ 或者 c-_ 或者 c-x u

打开文件 c-x c-f
保存文件 c-x c-s
保存所有未存文件 c-x s
打开缓存列表 c-x c-b
打开某一缓存 c-x b 缓存名

退出 c-x c-c
切换到命令行 c-z ，切回来 fg 或者 %emacs

搜索 c-s

vue-router在.vue单文件组件式开发中的使用问题

作者: Frossky
时间: 2017-04-01
分类: 未分类
评论

初上手不太熟悉, 在vue-router的官方文档中也没有找到结合单文件组件怎么使用. 通过vux的模板摸索如下规律:

根目录下面的index.html可以不做任何修改;
路由的引入主要是在src目录下的main.js文件中, 示例:

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App'
import Home from './components/HelloFromVux' // 引入各个 .vue文件, 这儿有HelloFromVux.vue和Hello.vue. 这儿省略了.vue后缀, 需要在webpack的配置文件中配置, 后面说.
import Hello from './components/Hello'
Vue.use(VueRouter)  // 单文件组件开发中必须要引入

const routes = [
    {path: '/', component: Home},
    {path: '/hello', component: Hello}
]

const router = new VueRouter({
  routes
})

/* eslint-disable no-new */
new Vue({
  el: '#app-box',
  router,
  render: h => h(App)
}) // .$mount('#app-box')
// .$mount或者 el: 两种方式的mount都可以. 因为是加在在#app-box中的, index.html中的div id需要是app-box

3.项目根目录webpack中配置(webpack.config.js)如下内容可以在import时省略.vue后缀:

  resolve: {
    extensions: ['.js', '.vue', '.json']
  },

那么和在哪儿放呢? 不用放在index.html里面, 在任何一个.vue文件的template里面都可以, 并且不需要在.vue的script里面import vue-router
例如在app.vue中:

<template>
  <div id="app">
  i am app
  <router-link to='/Hello'>Hello</router-link>
  <router-link to='/'>home</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="less">
</style>

关于跨域问题的理解

作者: Frossky
时间: 2017-03-31
分类: 未分类
评论

跨域是JS的xhr跨域请求。静态资源无跨域限制。
不同端口/二级域名/一级域名都存在跨域问题。
一个经典跨域问题是页面通过iframe内嵌其他域的页面。
最古老解决跨域的方法是iframe代理页面。受限最多。
次古老解决跨域问题是jsonp。据说请求限于get/head/post。
最新解决跨域问题是cors。适用于restful。

tortoiseSVN commit的时候忽然不能显示新的文件了

作者: Frossky
时间: 2017-03-28
分类: 未分类
评论

tortoiseSVN commit的时候忽然不能显示新的文件了, 只好用命令行.

svn add * --force

可是这个命令行居然也不起作用了. 难道是有忽略文件?

svn add *  --force --no-ignore

这次可以了, 可是是在哪儿忽略的呢?似乎是忽略了所有任意的文件啊

Node.js与C/C++的速度? javascript能否用于嵌入式开发?

作者: Frossky
时间: 2017-03-24
分类: 未分类
评论

似乎很难搜索到Node.js与C++对比的资料. 当然不对比也知道C/C++一定更快, 但究竟快多少?
这儿有一篇解决最长共有子串问题的对比, 但看起来更像是CUDA的软文... (CUDA vs. C++ vs. Node.js: Genomic Algorithm Performance)[http://www.glassenberg.com/blog/3d-graphics/cuda-vs-c-vs-node-js-genomic-algorithm-performance/]
从文中来看, 这种算法下C++是Node.js的10倍. 当然CUDA更快.
从Java和C++的对比来曲线比较Node.js呢? 这篇2010年文章(C++ vs Java performance; It’s a tie!)[http://blog.cfelde.com/2010/06/c-vs-java-performance/]. 从文中的12项测试来说, Java与C++各有胜负打了个平手. 然而作者在2003年做的比较中, java居然获胜了... 我猜测这是否由于测试中任务太高级的原因?
在google的一篇对比论文中(Google pits C++ against Java, Scala, and Go)[http://www.theregister.co.uk/2011/06/03/google_paper_on_cplusplus_java_scala_go/],google对比了C++, java, scala,go, 当然C++获胜, 可有个前提: 除非你是个天才. Google在论文中提到, 让C++获胜需要很多深度的优化调整, 而这种程度的调整对于平均水平的程序猿来说是不可能的.
因此, 如果C++没有赢,那是因为你的程序写的不够好(逃..),当然了, C/C++是距离汇编最近的语言了, 这个层次上没人赢得了.

话说回来, 既然C/C++这么难搞, JavaScript能不能用于嵌入式?
已经有这样的项目了, 国内有(ruff)[https://www.ruff.io/], 国外有(Espruino)[http://www.espruino.com/], 以及Espruino衍生的(Puck.js)[https://www.puck-js.com/]项目, 但这些项目粗看起来都是要你买他们的板子...似乎还不存在一个较为通用的编译器可以编译为51, AVR或者STM32的.不过这已经不错了是不, 特别看到Espruino Pico这么小巧还有一个STM32!

也许正如ruff的CEO所言, JavaScript可以让前端工程师开发硬件, 可能会带来硬件创业爆发式的春天.

Node.js比Java EE和PHP更快??

作者: Frossky
时间: 2017-03-24
分类: 未分类
评论

Node.js比Python更快, 我在之前已经试验过了, 甚至比Python的性能优化项目pypy更快. 快得不是一个数量级.
Node.js甚至也比PHP更快, 以至于快过了Facebook对PHP的优化项目HHVMComparing Node.js vs PHP Performance, 但是比不过go语言.
Node.js比Java更快, 在这篇文章里快20% (Performance Comparison Between Node.js and Java EE)[https://dzone.com/articles/performance-comparison-between]
那下一步令人好奇的是,

Node.js和C/C++谁更快? 已经有一个项目将C/C++编译为JavaScript的子集(asm.js)[https://github.com/dherman/asm.js/], 为的是让C/C++项目可以在浏览器环境运行(更多是游戏运行于webGL), 还有一个LLJS项目,LowLevelJavaScript,似乎与之有关, LLJS不提供动态GC(垃圾收集), 而是交给程序猿手动收集(LLJS on GitHub)[https://github.com/mbebenita/LLJS]
Node.js能不能用于嵌入式开发? 与C/C++相比, 性能如何?

JS可以使用Object作为函数名?

作者: Frossky
时间: 2017-03-20
分类: 未分类
评论

是的, 继前一篇JS可以使用字符串做函数名之后, 又可以使用object做函数名了. 事实上, 它还能使用Number, Boolean, Symbol(ES6)做函数名.

秘诀其实是对象的key可以这么做. 你可以使用字符串, number,boolean, symbol, object做key.

而你又知道所有的全局变量其实都是window(node下是global)的子元素, 所以你可以这么定义:

obj = {x:1}
window[obj] = function(){console.log('obj')}
window[obj]() // 输出 'obj'

window[true] = function(){console.log('true')}
window[1] = function(){console.log('1')}
s = Symbol()
window[s] = function(){console.log('s')}

window[true]() // 输出true
window[1]() //输出 1
window[s]() //输出 s

但这又有什么用? 不知道...谁能告诉我?

js可以使用字符串名调用函数?

作者: Frossky
时间: 2017-03-17
分类: 未分类
评论

是的, 并且是es5就已经只支持的.
因为函数和变量一样, 默认是全局变量的子元素, 并且子元素除了用点'.'调用外,还可以用数组方括号[]调用. 区别是方括号内是写字符串的.
如

p = console.log //省字数
function x(){p('x')}
function y(){p('y')}
f = 'x'

这时候, window.x === window['x'] 都是x函数.(在node中window甩global替换) 于是可以这样调用

window[f]() // 输出x
f = 'y'
window[f]() // 输出y

这样执行相同的指令window[f]可以实际执行不同的函数x,y
参考how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string
后面有一个回答很有价值的, 就是将函数的点链式调用写在字符串里面,复制过来,感觉如果和科里化/pointfree结合会很有用, 似乎能创造一种自然语言一般的编程方式.

来自Jason Bunting的回答:

Don't use eval unless you absolutely, positively have no other choice.

As has been mentioned, using something like this would be the best way to do it:

window["functionName"](arguments);

That, however, will not work with a namespace'd function:

window["My.Namespace.functionName"](arguments); // fail

This is how you would do that:

window["My"]["Namespace"]["functionName"](arguments); // succeeds

In order to make that easier and provide some flexibility, here is a convenience function:

function executeFunctionByName(functionName, context /*, args */) {
  var args = [].slice.call(arguments).splice(2);
  var namespaces = functionName.split(".");
  var func = namespaces.pop();
  for(var i = 0; i < namespaces.length; i++) {
    context = context[namespaces[i]];
  }
  return context[func].apply(context, args);
}

You would call it like so:

executeFunctionByName("My.Namespace.functionName", window, arguments);

Note, you can pass in whatever context you want, so this would do the same as above:

executeFunctionByName("Namespace.functionName", My, arguments);

如果把上面的My.Namespace.functionName改成My Namespace FunctionName是不是就像是自然语言了?

cocos creator 触摸事件的两种冒泡过程

作者: Frossky
时间: 2017-03-16
分类: 未分类
评论

官方原文为系统内置事件之触摸事件冒泡
感觉原文讲得并不清晰, 并且似乎和实际有出入.
原文中讲到两种冒泡:
* 一种是沿着节点树, 也就是层级管理器中的节点关系, 从子节点向父节点冒泡;
* 另一种是沿着视图中的上下层覆盖关系, 从上层往下层冒泡.
经过测试发现, 沿着节点树冒泡, 每一层节点都可以捕获到事件, 除非在某一层上明确使用e.stopPropagation()
而沿着视图冒泡, 有两点不同:
1. 事件会在最先捕获touch事件的节点上终止,不继续向下层冒泡;
2. 捕获任一touch事件(如touchend), 其他touch事件(touchstart, touchmove, touchcancel)都在此节点上终止, 下层视图都不能收到事件;

对于2.4GHz波段, 什么材料吸收好, 什么材料反射好?

作者: Frossky
时间: 2017-03-14
分类: 未分类
评论

似乎一般来说, 金属材质对2.4GHz有很好的反射性, 而水和含水多的材质对2.4GHz有很好的吸收性.

就吸收来说, 2.4GHz与微波炉一个频段, 所以看看微波炉的设计就对了

参考一
 参考二

href和onclick的javascript

作者: Frossky
时间: 2017-03-11
分类: 未分类
评论

href里面也可以运行javascript!

<a href="javascript:alert('i am href')">

那么, onclick和href哪个先运行? 答案是onclick

<a href="javascript:alert('i am href')" onclick="alert('i am onclick')">

并且onclick返回false会阻止href的运行.

<a href="javascript:alert('i am href')" onclick="alert('i am onclick');return false;">

js中如何不换行输出?

作者: Frossky
时间: 2017-03-01
分类: 未分类
评论

额, 当然是替代console.log了. 在node.js中用process.stdout.write(). 浏览器环境? 如果你是为了不换行输出数组值, 可以先把数组连接了再输出: console.log(somearray.join())

魅族手机在线寄送快修体验.

作者: Frossky
时间: 2017-02-28
分类: 未分类
评论

早上约9点访问魅族官网, 选择寄送快修服务, 填写如下资料:

序列号, 手机号, 故障类型, 收件地址, 返回地址等.
页面UI体验, 然而存在问题是:

A. 显示可以填写SN/IMEI的地方, 填入IMEI, 在第二步提交时候却报错,需要返回第一步, 重新填写SN, 而第一步又是再次需要输入手机验证码的. 这样的话, 应该在第一步验证好了IMEI或者SN后再继续下一步.
B. 第一页的SN在手机的关于页面中写的是"序列号", 很多人其实不知道SN就是序列号的.

大约1个半小时后(10:50),魅族来电, 一个mm询问手机故障类型是否和网上所选的相同, 我是进水后触屏不能用. 额外再问了这几个问题:

A. 手机触屏不能使用是在进水前还是进水后;
B. 是否购买了手机保险;

回答完后, MM做了如下警示:

A. 如维修发现是人为问题, 需要支付费用, 费用以检测为准;
B. 送修邮寄费用双程往返为40元, 含保价费.(额, 有点儿贵, 深圳同城单程一般是6元)询问是要自己寄送还是上门来收. 选择上门来收体验一下,也方便些.
C. 说明会清理所有个人信息, 要求我做好备份. 手机外表请我自行拍照以防备损害. 同时发送了短信请我查看.
D. 询问还有什么问题, 请我评价服务.

查收短信

立刻收到的第一条短信

尊敬的用户，您好：感谢您选择魅族寄送快修服务，请您在寄出之前按照以下事项操作：1、请自行备份资料，公司不做备份；2、配件、贴膜、装饰物，请您自行保留无需寄出；3、如有保修卡和包装盒，请尽量随机器一同寄出；4、请在包裹内附上一张纸注明机器的报修故障，以便于工程师处理；5、寄出前对手机进行拍照自行保留，以免运输造成物流损坏可作为凭证；6、建议选择顺丰“到付”至寄修中心（请勿保价）。【魅族科技】

几乎同时收到的第二条短信

您好，您的服务请求已受理，快递工作人员将尽快为您上门取件，请保持电话畅通。如超时未能取得联系，请致电魅族客服为您重新预约，或可自行邮寄至以下地址：深圳市福田区华强北路1002号赛格广场38层3809，腾新奎收，0755-23895496/23895497。【魅族科技】

约半小时后收到的第三条短信

顺丰小哥150xxxxxxxx正上门收件，运单号xxxxxxxxxxxxxx，验证码xxxx。【顺丰速运】

写好了故障纸条, 清理好手机, 大约过了40分钟, 到12:00时顺丰上门收件. 额, 这个收件过程感觉很不专业, 直接拿走了手机和纸条, 没有现场封装, 也没有给任何回执, 拿了就走....???问了一下没有什么单据吗? 回答是系统里有...
之后约5个小时顺丰的这个运单都查不到的物流跟踪, 心想似乎真的不如自己寄送的好... 直到下午5:00物流跟踪出现"已收取快件"信息.
第二天早上10:43分, 显示已签收.
在10:40的时候(额, 比签收时间还早), 收到0755-23895480的来电, 说屏幕要换, 加邮费总共需要收302元...额, 赶上一台二手机价格了...考虑了一下, 给此电话回电说不需要了, 你还是给我寄回来吧...
卖掉如何? 在魅族的手机回收mcycle上评估了一下, 价格为50元...汗...

electron使用serialport的问题

作者: Frossky
时间: 2017-02-27
分类: 未分类
评论

由于serialport里面有一些原生编译的代码需要运行node-gyp提前build一下, 而node-gyp使用的node V8引擎版本与electron的V8引擎版本不同, 导致直接在node中可以require('serialport'),而在electron中却不行.
在electron中报错如下:

var SP = require('serialport')
C:\r\electron\macgetter\node_modules\bindings\bindings.js:83 Uncaught Error: A dynamic link library (DLL) initialization routine failed.
\\?\C:\r\electron\macgetter\node_modules\serialport\build\Release\serialport.node
    at Error (native)
    at process.module.(anonymous function) [as dlopen] (ELECTRON_ASAR.js:168:20)
    at Object.Module._extensions..node (module.js:583:18)
    at Object.module.(anonymous function) [as .node] (ELECTRON_ASAR.js:168:20)
    at Module.load (module.js:473:32)
    at tryModuleLoad (module.js:432:12)
    at Function.Module._load (module.js:424:3)
    at Module.require (module.js:483:17)
    at require (internal/module.js:20:19)
    at bindings (C:\r\electron\macgetter\node_modules\bindings\bindings.js:76:44)module.(anonymous function) @ ELECTRON_ASAR.js:168Module._extensions..node @ module.js:583module.(anonymous function) @ ELECTRON_ASAR.js:168Module.load @ module.js:473tryModuleLoad @ module.js:432Module._load @ module.js:424Module.require @ module.js:483require @ internal/module.js:20bindings @ C:\r\electron\macgetter\node_modules\bindings\bindings.js:76(anonymous function) @ C:\r\electron\macgetter\node_modules\serialport\lib\bindings.js:3Module._compile @ module.js:556Module._extensions..js @ module.js:565Module.load @ module.js:473tryModuleLoad @ module.js:432Module._load @ module.js:424Module.require @ module.js:483require @ internal/module.js:20(anonymous function) @ C:\r\electron\macgetter\node_modules\serialport\lib\serialport.js:12Module._compile @ module.js:556Module._extensions..js @ module.js:565Module.load @ module.js:473tryModuleLoad @ module.js:432Module._load @ module.js:424Module.require @ module.js:483require @ internal/module.js:20(anonymous function) @ VM133:1

查找了一些相关文档, 如下:
electron使用serialport
Using node-serialport in an electron app

node-serialport的官方回答, 看下面voodootikigod的回答:
Tracking Electron support #538

electron的官方回答:
Using Native Node Modules

先实践着...