新概念三册第35课

最近公司的事多,接连两个开发离职,工作量会多些.而且事也变多了些.工作之余的时间,朋友还有各种事…时间总算是不够花了…

人一事多,除了累,就是容易堕落…能休息就休息,什么都不想干

最近抽时间把落的几篇文章都补充上来.

争取把剩下的2十几课学完,然后开始背课文,看新闻这些了.

折腾了半年…

新概念三册第20课

看下来感觉还不错，又把原来生疏的地方痛虐了一遍又一遍…

最近一个小活，朋友的boss要求在一个群组里英语沟通(qq群组，纯文字)，嘿嘿。没想到哥就这么上了，!哥就这么上了!哥就这么上了!

沟通不算自如，起码对答上没太大问题，除了生词偶尔还是要查查的。哈哈~ 感谢自己一直来的坚持，再把三搞完，就开始锻炼听力和发音了。

DCloud 小试

最近将公司一个小工具用dcloud去写，非常爽，页面流畅程度没得说，最接近原生的ui看来不是吹的，对于虐过phonegap的人来说。

官方首页

http://dcloud.io/

HTML5+
http://www.html5plus.org/doc/zh_cn/device.html

MUI
http://dev.dcloud.net.cn/mui/

补充 chrome 远程调试:

chrome://inspect

注意:文档类的说明还不全，但是不太影响开发。直接下载 copy mui的demo基本上就能做很多东西了。

特别注意下mui的相关调用:

`1`	`mui('.mui-slider').slider().gotoItem(1);`

文档没有提供明确的函数相关，所以一些触发不清楚的，暂时查不到，直接看mui.js，然后把相关的动作复制出来用就可以了。

主要一个重要的特性就是支持多个webview，解决原来phonegap单一webview，如果处理多功能，得拼死在一块的大弊端。如果，如果主webview有编辑页面，需要弹一个图库的功能，只需要弹一个新的webview出来，并将结果返回到主webview就好了.同时，原来是通过jquery mobile 实现页面切换。因为jquery mobile 的切换实际是通过远程抓取页面的<div xx page>元素补充到当前页面并进行切换的，一个是jqmobile实在是太大，导致各种卡闪，虽然极其轻微。但是好处是基本上你需要的东西都能找到。比mui要成熟很多。不过mui相对轻巧简单，出现的小问题，基本上提交下bug，自己写写相关处理也是可以的。

webview 传值

http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.evalJS

soap failed to load external entity 异常

soap一个很奇怪的异常，时不时的出现，还没有规律。。。

经过半天的折腾，发现一个php的bug….

1libxml_disable_entity_loader(true);
2 
3ini_set ( soap.wsdl_cache_enabled, 0 );

这两句执行的情况下，再去执行soap的client会报异常，原因是报文的，最外层的<?xml 没了，导致直接报错，抛出标题所说的异常。更奇葩的一个问题是，如果php有个线程执行了上述两句，另一个php线程在不设置的情况下，直接执行

`1`	`ini_set` `( soap.wsdl_cache_enabled, 0 );`

和soap client的调用还会报上面的错。大概猜到是配置有缓存，导致的。。。

验证方法:报错的两句一次发起1000条请求。另一个线程纯soap就会异常

一般情况下没人用到…

`1`	`libxml_disable_entity_loader(true);`

这边调用到微信发红包。。里面有出现，好死不死，提交xml用拼的。接收xml用文艺的 xml转 json 加上了该句….

解决方法:

在调用soapclient时，前面执行句

`1`	`libxml_disable_entity_loader(true);`

phonegap 2.9 webview iframe designMode 无法删除图片&键盘event 捕获异常

注:发现影响到键盘的使用，不想误导人，所以这个处理保留，后面想到解决方式再记录到这里。

不要吐槽我为什么还用2.9，一个一两天搞定的小工具，去更新后不知道要花多少时间，现有的东西会出什么问题….修复小问题，比折腾新版本妥当点。尝试过找相对近的版本3.x发现都一样。就自己查了下原因解决

这些版本有个问题,虚拟键盘捕获的keycode都为0，而且还出现一些比较奇葩的问题，简单的富文本编辑器里的图片无法删除。

补充个原来先简单应付的删除处理，加了一个按钮，根据获取的光标索引删除内容，现在这个是phonegap里的，其它地方出现的时候，实在不行还是得上。。

01$('#edit_note_btn_delete_img')
02        .click(
03                function() {
04                    if (window.edit_note_content.window.document
05                            .getSelection().focusNode
06                            .toString() == '[object HTMLBodyElement]') {
07                        var focusOffset = window.edit_note_content.window.document
08                                .getSelection().focusOffset;
09                        $(
10                                window.edit_note_content.window.document.body.childNodes)
11                                .eq(focusOffset - 1)
12                                .remove()
13                    } else {
14                        $('body', $edit_note_d).html()
15                    }
16                });

http://stackoverflow.com/questions/18093067/cant-delete-image-in-contenteditable-div-on-android/24591285#answer-24591285

解决的代码,参考回答
http://stackoverflow.com/questions/14560344/android-backspace-in-webview-baseinputconnection

org.apache.cordova.CordovaWebView

01@Override
02public boolean deleteSurroundingText(int beforeLength, int afterLength) {       
03    // magic: in latest Android, deleteSurroundingText(1, 0) will be called for backspace
04    if (beforeLength == 1 && afterLength == 0) {
05        // backspace
06        return super.sendKeyEvent(new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DEL))
07            && super.sendKeyEvent(new KeyEvent(KeyEvent.ACTION_UP, KeyEvent.KEYCODE_DEL));
08    }
09 
10    return super.deleteSurroundingText(beforeLength, afterLength);
11}

phonegap 一个简单的离线存储小记事本

phonegap 官方的存储文档说明

http://docs.phonegap.com/en/2.9.0/cordova_storage_storage.md.html#Storage

这几天(注意发布时间)，公司需要简单写个记事本工具，支持文本和图片（将图片以base64形式插入到可编辑的iframe页面中），需要支持离线，即用户可以将数据保存到本地，有登录的情况下，点同步可以将数据同步到服务器，同时将服务端的数据更新到下面。

考虑了几个数据存储的方式。

1.cookie 咔嚓不适合

2.locationStorage 支持的数据不大，约5m~15M左右，因为图片数据的关系，所以不够。当然，原来居然考虑过，保存文件路径，再单独写个函数将图片放到系统里，后面想想太麻烦了。。。哈哈。。。.但是只能当成一个比较大的数组来使用，查询检索相关不方便，排序什么的就还是按照原来数据的操作方式，节点数和容量都有相当限制，而且需要注意安全。不小心清除了就扑街了。

2.1 一个在线识别浏览器locationStorage容量脚本

https://arty.name/localstorage.html

3.webSql 适合本地使用，虽然这个东西的情况有点尴尬，一个是，基本上主流的新的浏览器都支持了它，问题是这个标准现在又是放弃的阶段。。哈哈。。不过已经有了，就拿来先用，同时支持模糊搜索，增删改查，所以也方便了很多。主要一个优势是，用这种方式开发，完全可以在浏览器端开发完，最后再直接复制到phonegap里进行打包。所以开发上相对来说方便很多。不过大文件的情况下，还是需要考虑和服务器端一样，文件放本地，然后只保存文件路径到数据里。

(附带一个封装好的sqlite.js，在文章底部)

Sqlite.js来源

http://www.oschina.net/code/snippet_202842_10588

001//copyright by lanxyou  lanxyou[at]gmail.com
002var lanxDB=function(dbname){
003    var db=openDatabase(dbname,'1.0.0','',65536);
004    return{
005        //返回数据库名
006        getDBName:function(){
007            return dbname;
008        },
009        //初始化数据库，如果需要则创建表
010        init:function(tableName,colums){
011            this.switchTable(tableName);
012            colums.length>0?this.createTable(colums):'';
013            return this;
014        },
015        //创建表，colums:[name:字段名,type:字段类型]
016        createTable:function(colums){
017            var sql="CREATE TABLE IF NOT EXISTS " + this._table ;
018            var t;
019            if (colums instanceof Array && colums.length>0){
020                t=[];
021                for (var i in colums){
022                    t.push(colums[i].name+' '+colums[i].type);
023                }
024                t=t.join(', ');
025            }else if(typeof colums=="object"){
026                t+=colums.name+' '+colums.type;
027            }
028            sql=sql+" ("+t+")";
029            var that=this;
030            db.transaction(function (t) { 
031                t.executeSql(sql) ;
032            })
033        },
034        //切换表
035        switchTable:function(tableName){
036            this._table=tableName;
037            return this;
038        },
039        //插入数据并执行回调函数，支持批量插入
040        //data为Array类型，每一组值均为Object类型，每一个Obejct的属性应为表的字段名，对应要保存的值
041        insertData:function(data,callback){
042            var that=this;
043            var sql="INSERT INTO "+this._table;
044            if (data instanceof Array && data.length>0){
045                var cols=[],qs=[];
046                for (var i in data[0]){
047                    cols.push(i);
048                    qs.push('?');
049                }
050                sql+=" ("+cols.join(',')+") Values ("+qs.join(',')+")";
051            }else{
052                return false;
053            }
054            var p=[],
055                d=data,
056                pLenth=0,
057                r=[];
058            for (var i=0,dLength=d.length;i<dLength;i++){
059                var k=[];
060                for (var j in d[i]){
061                    k.push(d[i][j]);
062                }
063                p.push(k);
064            }
065            var queue=function(b,result){
066                if (result){
067                    r.push(result.insertId ||result.rowsAffected);
068                }
069                if (p.length>0){
070                    db.transaction(function (t) { 
071                        t.executeSql(sql,p.shift(),queue,that.onfail);
072                    })
073                }else{
074                    if (callback){
075                        callback.call(this,r);
076                    }
077                }
078            }
079            queue();
080        },
081        _where:'',
082        //where语句，支持自写和以对象属性值对的形式
083        where:function(where){
084            if (typeof where==='object'){
085                var j=this.toArray(where);
086                this._where=j.join(' and ');
087            }else if (typeof where==='string'){
088                this._where=where;
089            }
090            return this;
091        },
092        //更新数据，data为属性值对形式
093        updateData:function(data,callback){
094            var that=this;
095            var sql="Update "+this._table;
096            data=this.toArray(data).join(',');
097            sql+=" Set "+data+" where "+this._where;
098            this.doQuery(sql,callback);
099        },
100        //根据条件保存数据，如果存在则更新，不存在则插入数据
101        saveData:function(data,callback){
102            var sql="Select * from "+this._table+" where "+this._where;
103            var that=this;
104            this.doQuery(sql,function(r){
105                if (r.length>0){
106                    that.updateData(data,callback);
107                }else{
108                    that.insertData([data],callback);
109                }
110            });
111        },
112        //获取数据
113        getData:function(callback){
114            var that=this;
115            var sql="Select * from "+that._table;
116            that._where.length>0?sql+=" where "+that._where:"";
117            that.doQuery(sql,callback);
118        },
119        //查询，内部方法
120        doQuery:function(sql,callback){
121            var that=this;
122            var a=[];
123            var bb=function(b,result){
124                if (result.rows.length){
125                    for (var i=0;i<result.rows.length;i++){
126                        a.push(result.rows.item(i));
127                    }
128                }else{
129                    a.push(result.rowsAffected);
130                }
131                if (callback){
132                    callback.call(that,a);
133                }
134            }
135            db.transaction(function (t) { 
136                t.executeSql(sql,[],bb,that.onfail) ;
137            })
138        },
139        //根据条件删除数据
140        deleteData:function(callback){
141            var that=this;
142            var sql="delete from "+that._table;
143            that._where.length>0?sql+=" where "+that._where:'';
144            that.doQuery(sql,callback);
145        },
146        //删除表
147        dropTable:function(){
148            var sql="DROP TABLE IF EXISTS "+this._table;
149            this.doQuery(sql);
150        },
151        _error:'',
152        onfail:function(t,e){
153            this._error=e.message;
154            console.log('----sqlite:'+e.message);
155        },
156        toArray:function(obj){
157            var t=[];
158            obj=obj || {};
159            if (obj){
160                for (var i in obj){
161                    t.push(i+"='"+obj[i]+"'");
162                }
163            }
164            return t;
165        }
166    }
167}
168  
169/*
170examples:
171var db=new lanxDB('testDB');
172db.init('channel_list',[{name:'id',type:'integer primary key autoincrement'},{name:'name',type:'text'},{name:'link',type:'text'},{name:'cover',type:'text'},{name:'updatetime',type:'integer'},{name:'orders',type:'integer'}]);
173db.init('feed_list',[{name:'parentid',type:'integer'},{name:'feed',type:'text'}]);
174db.switchTable('channel_list').insertData([{name:'aa',link:'ss',updatetime:new Date().getTime()},{name:'bb',link:'kk',updatetime:new Date().getTime()}]);
175db.where({name:'aa'}).getData(function(result){
176    console.log(result);//result为Array
177});
178db.where({name:'aa'}).deleteData(function(result){
179    console.log(result[0]);//删除条数
180});
181db.where({name:'bb'}).saveData({link:'jj'},function(result){
182    console.log(result);//影响条数
183})
184})
185*/

注意函数里

1if (callback){
2                   callback.call(that,a);
3               }

这个地方有些问题，我是处理成

1if (callback){
2                   callback(that,a);
3               }

前端图片压缩，兼容体积.

https://github.com/think2011/LocalResizeIMG

一个bug，webview无法删除里面插入的图片。比较奇葩，而且delete也无法监听，所以需要从程序上内部进行处理，监听键盘，然后进行实时判断。这边简单搞，加了个删除图片的按钮，点击进行删除。后面有时间琢磨看看。

01$('#edit_note_btn_delete_img')
02        .click(
03                function() {
04                    if (window.edit_note_content.window.document
05                            .getSelection().focusNode
06                            .toString() == '[object HTMLBodyElement]') {
07                        var focusOffset = window.edit_note_content.window.document
08                                .getSelection().focusOffset;
09                        $(
10                                window.edit_note_content.window.document.body.childNodes)
11                                .eq(focusOffset - 1)
12                                .remove()
13                    } else {
14                        $('body', $edit_note_d).html()
15                    }
16                });

流程图工具 draw.io

在线版本

https://www.draw.io/

不是很稳定，最好开vpn。无敌的天朝。什么都能封。

桌面版本，谷歌版

https://chrome.google.com/webstore/detail/pebppomjfocnoigkeepgbmcifnnlndla

安装后，在应用管理里可以将启动方式放到桌面上。

两年前找相关工具时，发现Pencil，又免费又很全(其实需要资助的…)

比较pencil 和 draw

pencil线条只有直线和曲线，没法进行大角度转弯，也不好控制，需要重新绘制，但是重新加线条，重新加的线条，在拖动的情况下又会偏移，需要重新调整比较麻烦。同时最大的问题是渲染。在画比较复杂的页面时，元素移动，拖动非常的卡，这个比较致命，如果无法优化好，只能拿来当原型编辑器。不过绘制各类型应用的原形图还是比较强大的。

draw.io线条控制相对灵活可以任意节点转弯。而且页面渲染，处理速度很快，多元素拖动也不会出现卡顿情况。缺点桌面版本不支持导出图片。但是支持导出svg 和 html,html文件需要请求到draw.io的一个js文件。所以。。。网络不好时，打开不方便。国内最好手动修改下，不然加载很卡。不过svg和html的优势是图像效果是矢量的，所以放大情况下，不会模糊。比图片方便查询细节。

`1`	`<script type="text/javascript"` `src="https://www.draw.io/js/embed-static.min.js"></script>`

php模拟app请求数据

Fiddler 监听手机请求地址详细教程

http://jingyan.baidu.com/article/925f8cb81e3a52c0dde05616.html

filddler抓包可以解决http 和 https的数据。Wireshark 设置相对繁琐。

需要注意:https情况下，数据预览是需要点击解密操作才可进行查看。

提供chrome一个插件”EditThisCookie” 可以直接将cookie设置到指定的域名中，方便一类，登录后，直接进行页面访问的操作，相对php模拟要方便些。

提供一个cookie串转json格式的脚本:

01$cookie = 'xxx=xxx;xxx=xx;';
02$cookies = preg_split ( '/\;\ /', $cookie );
03$json_cookie = array ();
04foreach ( $cookies as $_cookie ) {
05    $_cookie = explode ( '=', $_cookie );
06    $json_cookie [] = array (
07            'domain' => 'xxxx.com',
08            'expirationDate' => '1518752038',
09            'hostOnly' => false,
10            'httpOnly' => false,
11            'path' => '/',
12            'secure' => false,
13            'session' => false,
14            'storeId' => '0',
15            'session' => 'false',
16            'name' => $_cookie [0],
17            'value' => $_cookie [1] 
18    );
19}
20echo json_encode ( $json_cookie );
21exit ();

NDK 相关

IBM一个教程

http://www.ibm.com/developerworks/cn/opensource/tutorials/os-androidndk/index.html

官方教程和说明

http://developer.android.com/ndk/guides/index.html

需要有C++基础，我入门学的就是这个。

各人习惯了学习什么新东西，直接运行demo。然后扫一次代码，再去看教程。这样教程说的东西，需要的方便修改测试。不过因为当时研究的一个东西，别人写了一个现成的，走一边代码后，测试没有到达目标需求，就没有继续深入了。

补充一个fork写得很详细的文章

http://blog.csdn.net/jason314/article/details/5640969

android常驻折腾

前台时间公司需要实现一个特殊的功能，常驻系统，使现成不被kill。

搞过双服务，广播，Ndk发起线程，但是都不太实用。首先需要说明一个问题，不管自启还是后台运行，4.4以上的测试机(oppo r4,荣耀6,8) 这些都需要在手机自带的管理程序里开启才能保持，否则一律被k。老机型，像我的是4.2(夏新n828)，除了广播，其它都有效，广播4.2以上，程序k了就接收不到了。不确定是不是因为root被拿到了太高的权限被写入系统，root这个获取，不在考虑，因为用户会root的很少。同时需要pc端支持配合，不在能力范围。

附带 ndk fork demo:

http://www.ibm.com/developerworks/cn/opensource/tutorials/os-androidndk/index.html