偶看 – 偶看博客

导出微信聊天记录到文档

今天，偶看需要将手机的微信记录导出，由于电脑微信中的聊天记录和手机中的不同步，微信提供的备份功能不太好用。通过手机将微信备份到电脑，并通过 http://wxbackup.imxfd.com/ （WX Backup）实现导出，效果完美。

为什么显示的值比实际的少一点？

公司有一款桌面应用是获取局域网内机器的一些数据，比如算力，但是软件上获取的数据总是比实际的数据少0.5、0.7之类的，很奇怪。查看这款桌面应用的源代码发现，除法使用的是1024，额，将其改成1000，所有的数据都正常了。

WordPress 翻译(汉化)插件和主题的po文件

偶看最近又开始使用WordPress了，其中用到了一个 Affiliates Manager 的插件，要将插件由英文翻译成中文。Affiliates Manager插件需要翻译的字段有500多个，单纯手动翻译不太现实，要寻找自动翻译的解决方案。

付费的方案首选Poedit，使用Poedit的专业版本，29.99美元可以实现批量快速翻译，如果需要更高级的版本是44.99美元/年。

免费的解决方案则使用 Google Translator Toolkit (https://translate.google.com/toolkit/list?hl=zh_CN)

在Google Translator Toolkit 管理首页，点击右上角的“上传”按钮

点击“添加要翻译的内容”，即可选择上传po文件到Google的服务器，并选择好需要翻译的语言，即可点击下一步，

此时会来到一个“选择翻译供应商”的页面，可以查看有一个翻译供应商Translated给出的翻译预估价格是$180.32，这个我们无需理会，直接点击左下角的“不用了”按钮，会返回翻译列表页面。

在在翻译列表页面点击需要翻译的文件，将会跳转到翻译页面，Google Translator Toolkit 会自动将没有翻译的字段由英文翻译为中文，用户也可以自己编辑或者使用机器翻译。

偶看花了一个多小时修改和核对500多条翻译，效率比自己逐条翻译提高非常多。

偶看Java入门感受

偶看从7月开始入门Java，从基本的语句开始到学习SpringMVC，在编程练习中有以下几个感受：

一、因为偶看比较擅长的是前端开发，刚入门学习Java，第一感觉是Java有点啰嗦和繁琐，不像JavaScript那么简洁和自由，当然从开发大型软件的角度来看，自由度太高不见得是好事。

二、从Angular 1.x 到Angular X 再到SpringMVC，偶看感觉依赖注入无处不在。

三、相比前端的包管理工具NPM，Java的包管理工具maven无法在命令行下载对应的包，使用起来不那么顺手，不过Java的包并不像前端的库那样需要频繁的升级，可能命令行也不太需要。

四、在前端工程也需要编译的时代，感觉和后端工程的编程思想已基本相同。

五、Java的编译检查真是神器，基本的错误都能通过编译器提示，而且debug也十分方便，提示非常详细，比如偶看经常会忘记写结尾的分号，或是有几个中文符号，亦或错误使用单引号等等。

以上是偶看入门Java的一些小小感受，接下来还需要继续学习，感觉Java需要学习的内容实在是海量。

向设计师解释HTML、CSS和JavaSctipt的关系

如何向设计师解释HTML、CSS和JavaSctipt的关系：比如一个人，脸上的器官就是HTML（元素），如果有化妆，则使用了CSS（美化元素）。耳朵可以听，嘴巴可以说是通过JavaSctipt（数据交互、控制元素等功能）来实现的。

wp rest api 使用心得

偶看最近一直在使用AngularJS，通过RESTful API与后端交换数据。最近在制作Wordpress网站，也想试试RESTful API——WP REST API (WP API)插件（https://wordpress.org/plugins/json-rest-api/）。

WP REST API插件的使用还是非常简单的，在Wordpress后台下载安装好WP REST API插件后，启用插件，注意：要先开启Wordpress的固定链接才行。在网站地址添加/wp-json/即可访问。

WP REST API插件的文档地址 http://wp-api.org/，都是英文，其中基本的应用就是posts，用的比较多的就是filter功能。比如 /wp-json/posts?filter[s]=awesome，”s“代表参数包括：m、p、posts、w、cat、withcomments、withoutcomments、s、search、exact、sentence、calendar、page、paged、more、tb、pb、author、order、orderby、year、monthnum、day、hour、minute、second、name、category_name、tag、feed、author_name、static、pagename、page_id、error、comment、s_popup、attachment、attachment_id、subpost、subpost_id、preview、robots、taxonomy、term、cpage、post_type、posts_per_page。只要熟悉JSON数据的处理，就能够组合出任何想要的内容。

微信内置浏览器对HTML5的支持情况—基于安卓系统

偶看使用的是微信6.1版本，小米4， MIUI6.3.10.0（KXDCNBL）稳定版，安卓版本4.4.4KTU84P，除了MIUI默认的浏览器，没有安装其他浏览器，在html5test的测试结果为 https://html5test.com/s/29f5f0263ff38312.html 。大家也可以在这个网站上测试下自己手机上微信浏览器的支持情况，欢迎留言测试结果，并说明手机的基本情况（微信版本、手机系统版本、是否有安装其他浏览器等）。

wechat-html5test

微信内置浏览器对HTML5支持情况，在满分555分中获得396分，成绩还是非常不错的，因为IE11才336分，而IE8则只有33分（各个浏览器的得分可以查看 https://html5test.com/results/desktop.html ）。当然，对比移动端的浏览器，396，也算是中规中矩（ https://html5test.com/results/mobile.html ）。

从微信内置浏览器对HTML5支持情况的测试来看，主要有以下几个功能完全没有得分，包括：Responsive images、3D Graphics、Peer To Peer、Streams。其他基本的HTML5功能都支持。

Angularjs ui-router使用心得

最新，团队们在使用Angularjs制作一个全新的网站。偶看负责制作的部分是网站管理后台的导航页面。

在路由方面，我们使用Angularjs ui-router，而没有使用Angularjs原生的ng-router，因为Angularjs ui-router功能更强大。

目前第一阶段使用了Angularjs ui-router的一些很基础的功能——state和sub state,例如：

.config(
  [          '$stateProvider', '$urlRouterProvider',
    function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $stateProvider
        .state('index', {
            url: '/',
            templateUrl: 'views/admin/index.html'
        })
            .state('index.welcome', {
                url: "/welcome",
                templateUrl: "views/admin/index/welcome.html",
                })

}]);

在views的html代码为

<div class="row wrap">
<div class="col-md-2 sidebar">
    <ul>
      <li><a ui-sref=".welcome">新手上路</a></li>
    </ul>
</div>
<div class="col-md-10 main">
    <div ui-view></div>
</div>
</div>

偶看是第一次使用Angularjs进行网站制作，还有很多需要学习的。

通过JS将整数拆分为多个整数之和

通过JavaScript将一个整数拆分为多个整数之和，如果是普通需求可以按照以下代码

		var num = 100; //定义整数
		var amount= 7;  //定义多个整数的数量
		var numArr = [];
		while(amount > 1){
		    var rnd = Math.floor(Math.random() * num); //通过JS的随机函数生成随机数
		    num -= rnd;
		    numArr.push(rnd);
		    amount --;
		}
		numArr.push(num);
		console.log(numArr);

可以生成随机数组，例如：[50, 16, 24, 2, 2, 0, 6] 、[66, 14, 4, 4, 8, 1, 3] 等。

通过修改num 和 amount 可以定义不同的整数和需要拆分的整数个数。

新浪云平台服务故障

偶看制作的几个网站有使用新浪云平台的CDN服务（http://lib.sinaapp.com）。可是最近新浪云平台竟然服务故障，而且这故障时间还有点长。偶看只好将前端库的地址修改为360的CDN服务（http://libs.useso.com）。

偶看博客建立数据库连接时出错

偶看刚刚登陆博客的时候，网站出现大大个的提示——建立数据库连接时出错。偶看在想，不应该啊，最近啥也没做。

偶看尝试登陆后台，系统提示“一些数据表不可用。也许需要修复数据库。”，点击”修复数据库“，提示在配置文件添加

(‘WP_ALLOW_REPAIR’, true);

在配置文件添加好以上代码后，点击修复数据库，系统提示：

wp_users数据表正常。

wp_usermeta数据表正常。

wp_posts数据表正常。

wp_comments数据表正常。

wp_links数据表正常。

wp_options数据表正常。

wp_postmeta数据表正常。

wp_terms数据表正常。

wp_term_taxonomy数据表正常。

wp_term_relationships数据表正常。

wp_commentmeta数据表正常。

修复完成。请移除刚刚在wp-config.php中添加的那行代码，以防他人滥用本页面。

define(‘WP_ALLOW_REPAIR’, true);