日记整理---->2016-11-01

　　这里我们整理一下项目的流程，一般来说做一个模块之前。会有需求文档、页面原型和接口文档。

一、 js获取radio的值

• 页面的html代码：

<ul class="list-group" style="border:1px solid rgb(238,238,238);border-radius:0.5em; margin-left: 1em; margin-right: 1em;" >
   <li class="list-group-item clearfix">婚姻关系
        <input type="radio" id="isMarried" name="marryStatus" v-click="changeMarryStatus(0)" value="0" />&nbsp;单身 &nbsp;
        <input type="radio" id="isMarried" name="marryStatus" v-click="changeMarryStatus(3)" value="3" checked="true"/>&nbsp;已婚&nbsp;
    </li>
</ul>

• js代码得到radio选中的value值：

var marrayType = $("input[name='marryStatus']:checked").val();

二、 js获取checkbox是否选中

• 页面的html代码：

<input type="checkbox" id="spouseAuthorized" name="spouseAuthorized" style="margin-left:15px; width: auto;">

• js的代码，isChecked是true或者是false。

var isChecked = $('#spouseAuthorized').is(':checked');
if (isChecked == false) {
    $smart.alert("没有勾选授权按钮。");
    return;
}

三、parseFloat和toFixed方法

以下代码如下：下列的money2.toFixed(2)返回的是字符类型，所以'6'是大于'1'的。

function testMoney() {
    var money1 = parseFloat("13000.568");
    var money2 = parseFloat("6000.235");

    alert(money2 > money1); // false
    alert(money2.toFixed(2) > money1.toFixed(2)); // true
}

四、null的强制转换

将null转换成String类型是不报错的

Object object = null;
String str = (String)object;
System.out.println(str); // null

五、scannner的使用

scanner中的next和nextLine方法的区别

Scanner scanner = new Scanner(System.in);
System.out.println(scanner.next());
System.out.println(scanner.nextLine());
System.out.println(scanner.nextLine());
scanner.close();

运行的效果如下：

next方法是读取以空白字符为分割的，nextLine是以换行符为分隔符的。

六、nodejs的模块化使用

代码结构如下：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAAA5CAIAAADyXY0aAAAFgElEQVR4nO2cQUsjSRTHnzE3vQgqkQiiEFAPiYcQPHnw5ikfwL7kC4iQixchLcGDh11YMRuWZQlsD6uws1Eyh+wOM8yIMSMEZiaT7Cnj2Kh91ewXqD100l1dXZV04sQK3fU7yKtXr16Vqb/V1SoPNIGABvBegGBIEcoQ0BmIMmq1WiQS8fv9AOD3+1dWVmq12iAmEgyOgSgjlUrF43FVVTVNu7m5icfjsiw7H65IoBOVS6RLUsy4khy1tYlxFsh4mse+CEnBU3ecwFUMRBnJZDKZTBrNTCbj8/mMj7XLKVKS5dZeKVJrCwzD2MmSHAWIRvF9NYLoScl4SgYM+4x4KoaY3EUPythnQ0QSyiBwfIqU5GhULmmaIhmb03bpMDsYYPFMT7fEiuSFA0PrSRnFYpEqi2KxSER2VoaTAE0zf24te2PZSqyhSCBJUpez3qky2DN65cDQelKGqqrZbJaQRTab1e8TOMbGVyqVjY2NsbExYLCwsHB1dUWZDHs2OFVG22Y/Vp6sDMYR40p6u2eUy2VCGeVy2R6mK6Ner8/Pz6fT6UajQc12f3+/urqayWQIP/lsd/I0se+fcWmkKoma2ohnzOglYfR+A83lcoYscrkcNSaZTG5vb6+trW1tbXVItbOzE4lErq+vLV77gW0qhXjoE3JodT39zGDM6Clh9K6MarVqKKNarVJjksnkxMTE+vr63d0dK4+iKDMzM5VKhfDT3w8V6hXCulXUN1vrnE6VQZ3R0SXXPfTz1prP5/f39/P5PCsglUqNj4/X63VWwMnJyfT0dKFQ6GN2wfPQjzIajcbBwQHr9qBpWq1WC4fDrFvnyMhIOBw+PT19wrIFA0f83URARyhDQEcoQ0BHKENARyhDQAf+EAhoQEEgoAFnAgEN+Is3c3Nz+O/BRkdHl5aWMpkM73V5HfiTNwBANBOJxOTk5NHREXvQhzv037//dM1thDmPv/vQNcobwAlvAMDeTCQSU1NTh4eHjEHlW9Ss/901txHmMF5gAse8AQBqc3Nzc3FxkTHo8hY16/VbhBBCqFkvYn6EEEK3l2ZYETewGHwcnrZ4fHx8XKw38UQeBF7wBsCyhmAwiP/tjTHoQkUIqRdtU7deXKi69epLs/nlle4gDKqFpzXiWzk9C/zOGwDmGthd5yp6rBYI+1xFJuo50UUYhE14CtXHVgrPAjneADDXwO56r6LHz2eEjTtZXdSB1LS5s8+PCKnve/6GXAL8xhsAwA2jSdhW3t2gh0+nhH366cH0WrvMeIZ1845Mqye05vMS8CtvAMD4insIp5W339DDx5c2++XHh9bD5NtbSxcRr4N77PFYGk8Cv/AGAHDDaBL2c/DmGqHrN8865fACP/MGgLmGDl3fm9dfEUIIfX39XBMOPXDEm0AgwPqP0UAgwHt13gV+EghowI8CAQ34QSCgAQcCAQ3xf6ACOkIZAjpCGQI6/JWxvLyM/w7D7/fHYrHLy0ve6/I6/JUBAERzb28vGAxSa7Z8DzqWeuvSa8S4v5DGMCpD07R0Oj07O0sv1PRUnq4MTzCkytA0bXd3NxaLMQYpEkQlKapXPmkVQbFUXbIXYmk7JclWTBK3CSe1VIsZ064D48IjZOiUEQqFjDuHz+djDFIkfdtLclTfFqy2F7Uuk8XpTBntZ4a91g4e7EJN6AydMpx12TeS9UPft9M4eOxngqWOrFu1IZTRNWGH2TXNveoYImXoBq6GvpRBtUpy1P40sT6BaJWsGQXjCNG4s7TbsCiDKoj+lEG/gZrlPiUz0iwHSLuWmmUGDUEQymBdUd3AsChD6+3M4ApWr9jF8P/o+7pn8ML2guxe+H/0+GsqQSgU4r0678JfGYLhRChDQEcoQ0BHKENA53/GY9QASagDOgAAAABJRU5ErkJggg==" alt="" />

• 定义一个模块，实质就是一个js文件，记为moduls.js。

var name;
exports.setName = function(thyName) {
    name = thyName;
};
exports.sayHello = function() {
    console.log('Hello ' + name);
};

• 在hello.js中使用上述的模块：

var myModule = require('./module');
myModule.setName('chenhui');
myModule.sayHello();

运行的效果如下：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaUAAAArCAIAAABXfQDlAAAEQElEQVR4nO2ca47bMAyEdZIW6G5vUbT3P5X7b5GVyNGQkh+K5kOwSGiapGhpbCPxls/fPz8+f/76+PH3358ihBBvjPROCLEL0jshxC5I74QQuyC9E0LsgvROCLEL0jshxC6M6t0xu6BFWb0Pd9W/et/EWhh6d7y8GDy3Ix7qFmaV1wY51mlC8euvPk4fBTN/cGHdaImyQ/FBkMOytEN7+NwgmdK0boqRaLXeVfObrCC99Qmcp3et8cndYJRicLWH8nofPY0A4ggSmamByPIdMPMy45pFemLnTg9TmkYmSiO9y8AsUdP45G5M1zvSP9S3bj9nNXzwUoUpo1v8ONOHn9vrOdP+m951y/LEFez4nKFOhD+uC+ld8etP33alT5l76h0fn0R6V3GD3rWXuK8WvNWM026tjCA+2L3AyF5J2NLWAMbbTR3t22G9mPpNueHrxP5mXs8hp3deXiYjaWfKIONUk7MQffbsZP+9GkJ5S7BpoXqqXbw43VAxvQN1kJuOE97zu4SWjedsWnAccJyqHb3C8NhxHPM9E7l1C9XJ2L283taE3nnDx+uEPMRenBG9a+s07Z5/yA4KCOXFYZnDxBOaDxWu3iWkN2ontazrz6SLbkqvz7Qn3j19jLsTlxzpqXpnWkLlpf09EhNsVhnMsb5A7xJxbte7Luj6Ll0Etn+tQDNdyL8V5XfVu+KfgbpnlIfoXfVqq21JrJPV9S50OEJ23H+yDBzner0rkUGVKd/PYn+8gNtNvL/pdrvelXjNTKKROCG9w/uOrLcuTJPfW+/44ZzR/0RevBewT9S7UJyY3mERjS5g5iTv+ZOymJYesLZL7/CfoXdfJZEn1W7fLtA7xp/J621iGojDAgb1rtAdDhlP7f9IXhw2pOOh2qLjQs9XmJkGF/BrEH7ptv7H95e5C+PsbfIqbKsyN5lldJO2W9uYbXk4TvvGNJL1t8sJtLQKDkrFwb0U5ni7JXUBU6I7BDOUae9aSpMLzGpvr1D/R/Immgb8u+Ux8U0m/7+A4+VvW9xCDJY9fdSeJJ3EXUdt0dkizmaWpJyld6HT4NMYL/6MgV/ZVemdeBSzJr/+H5QQYhekd0KIXZDeCSF2QXonhNgF6Z0QYhfq58nA724AzC+q3oZ1v3cWYnPQ8xXtxxZPE0/95cSsyLk40jshFmVU77DbebowK7KUS4h9kN4JIXYhoHfgJ84hvUv8VNp8zs60m/EP39+0g2f6ln5uRIjNMfTOfAQXX/fxepe4fjQfnTNlC8QH/qE45kchxBKw13d36R0ZmdG7KXZclRDiyQT0zrzuq9xKz36B3oWuT6V3QuxD8vqu4lF6N+IvvRPijXn6/Wzlc9l9q/d9hbmXEGIJAs9XmDez3k0uvvk17QCyMC8+cCDDVm+i9QshnoCenxVC7IL0TgixC9I7IcQuSO+EELsgvRNC7IL0TgixCf8BNhTq7vv2hy8AAAAASUVORK5CYII=" alt="" />

ps：require 不会重复加载模块，也就是说无论调用多少次  require， 获得的模块都是同一个。如下的hello.js代码：

var hello1 = require('./module');
hello1.setName('BYVoid');
var hello2 = require('./module');
hello2.setName('BYVoid 2');
hello1.sayHello();

运行后发现输出结果是  Hello BYVoid 2。

七、将对象封装到模块当中

• 定义一个对象的模块module2.js：

function Hello() {
    var name;
    this.setName = function(thyName) {
        name = thyName;
    };
    this.sayHello = function() {
        console.log('Hello ' + name);
    };
};
module.exports = Hello;

• 在hello2.js中使用该模块中的对象：

var Hello = require('./module2');
hello = new Hello();
hello.setName('Linux');
hello.sayHello();

运行的结果如下：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAakAAAAoCAIAAADL1ZLFAAADxUlEQVR4nO2b7ZKrIBBEff+X9v7bm5KZpgcwajyntraSEYZmhDbmY9sAAAAAAAAAAADgpexXC7gJT6/DVfqfXjf4KfaPP7N9N8+dl/gqeW2S/TlF2HL9h6fLZ+GsHy2sm21Adim/SLJHkXZqN18bJguLVj1li1fmpPeVklzIed7XBu9cDcc1zliO1bplfiGMUgwUDi0M169AOK4zr1UML+yxS8XaooVPuwKW8RLvG8DZrmHwztVY7n1m+1LduvVcVfDJlzCOjK74eZZPf6zXF7zvdDJzFRJvpH4d/jm+77mMyPQP35oNXz7f6X1+fhO8bxlLvK99GfwZ0UfDPO3RQ1DkF903mTmTpCOtBjHf7tDVuu3Rn6M/tB5fp24fjps1GPO+bFxnRDPuyDDzHBbnZtQ5i5v1zzSUxt2KRXP0+NWubtVl+Or3Ex77XUpbKGscRnQecW4OHTNheu46T/jYydw2K+l04tm42dEB78umr/eGeYqzPDPe1+oM41n7UlwIKI2r0zqnyemlKa2TTqKSX5Ysf8uLm3UR7Z3hqoeG9+pwS919+Lx2F7E501O9L4yU5A23zxhYYKtkOOf6C943kGeh91WNb5N1m8o13Dic1R4dCoO6fWvQv+p9W3416l5dbuJ9h79Wbcv8nnmc95VORymu62/K0HlWed+Yczn+MJhrrL3ezO0hv33Y7HLv2+qanYFm8pS8T/ed2XtdnCL/tvf50zmj/gPj6l4iPrbNNWN73+2gTbS6mZ2Lf9berN2wDYl9vvWWwhne9yfJvNh26/YF73PaO+Nmh5wC6rSCSe/b7AqXgqfWf2ZcnXaJp5c0D17zwg3mKPDX4p5k04PuTS0yqbvdODuUKWxVhYdCGd1B26NtzlaeztM+CIOm/nZriZIekgupOnk2RDjfrqQuYkl0pxCmCuPdyNaMJVZ11qtU/5lxB4rmtD8M2pXtjHsW+8f/VtCDmJS9fNaZPZ3EVWftoasFruJGVnN4ffHQpTwv/oyJf7OqeB88gqdbDQAAAAAAAAAAAAAAwEKy7/U4Xcy4r0R/HYwPdwDgFKpfg+zGFwrA+wDgLPzvr890nxcAALASvA8A3kj2EznRrBsvfRVbv9kX/kKwPRr+ZrDNw000wKvJfkt8aCOeinj1d6m6QfY+Y9tAjJu1AYD38kTvC5929WN8APCf9t4wu9nU3bMI3gcAd8S8H8T7AOCnuNs9b7e7433me4IA8C7Cz0A/n2Yf/jrxLE+mJLvX1sHu0+wB9gcAAAAAAAAAAAAAAAAAAADwBP4BIcptyyXp1xAAAAAASUVORK5CYII=" alt="" />

八、javascript的一些总结

• 在javascript中不存在块级的作用域，在循环内部定义的变量可以在外部使用。

var count = 10;
for (var i = 0; i < count; i++) {}
console.log(i); //

• javascript中的for....in的使用，它输出的属性名的顺序是不可预测的。

var jsonObject = {
    "name": "huhx",
    "lover": "chenhui"
};
for (var info in jsonObject) {
    console.log(info + ", " + jsonObject[info]);
}
// name, huhx
// lover, chenhui

如果是jsonObject.info，那么输出的是undefined。

• switch语句在比较值时使用的是全等操作符，没有发生类型转换。switch的语句可以使用任何的数据类型，case的值可以是变量、常量和表达式。

PE中涉及到的配置文件比较多，那么它们的加载顺序到底是什么样子呢？现在的一个错觉就是，在pweb中的内容优先级最高，这样的理解暂时没有找到依据。

在js中快速查找函数名：ctrl+R快捷键。

• a标签的形式流。

a标签有一个download属性，可以指定下载文件的名称。href可以是一个文件流，也可以是请求返回的文件流。当然传统意义上面的文件路径，其原理还是一个请求返回的文件流。

友情链接