2017-12-25 陽歷轉(zhuǎn)陰歷蒜茴、c# .net 中<% = %>,<% # %>等星爪、Vue.js 模板語法、bootstrap粉私、C#中float顽腾、double

第一組：陳輝 陽歷轉(zhuǎn)陰歷的方法

最近用到了陽歷轉(zhuǎn)陰歷的方法，當(dāng)然是js;

網(wǎng)上的是通用的js方法代碼如下诺核，我竟然沒有保存抄肖，然后就找不到了，但是我將它改造成angularJS1的代碼如下：

//將陽歷轉(zhuǎn)成陰歷

    $scope.madd=new Array(0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334);  
    $scope.HsString="甲乙丙丁戊己庚辛壬癸"; 
    $scope.EbString = '子丑寅卯辰巳午未申酉戌亥';
    $scope.NumString = "一二三四五六七八九十";
    $scope.MonString = "正二三四五六七八九十冬臘";
    $scope.CalendarData = new Array(0xA4B, 0x5164B, 0x6A5, 0x6D4, 0x415B5, 0x2B6, 0x957, 
0x2092F, 0x497, 0x60C96, 0xD4A, 0xEA5, 0x50DA9, 0x5AD, 0x2B6, 0x3126E, 0x92E, 0x7192D, 
0xC95, 0xD4A, 0x61B4A, 0xB55, 0x56A, 0x4155B, 0x25D, 0x92D, 0x2192B, 0xA95, 0x71695, 0x6CA, 
0xB55, 0x50AB5, 0x4DA, 0xA5B, 0x30A57, 0x52B, 0x8152A, 0xE95, 0x6AA, 0x615AA, 0xAB5, 0x4B6, 
0x414AE, 0xA57, 0x526, 0x31D26, 0xD95, 0x70B55, 0x56A, 0x96D, 0x5095D, 0x4AD, 0xA4D, 
0x41A4D, 0xD25, 0x81AA5, 0xB54, 0xB6A, 0x612DA, 0x95B, 0x49B, 0x41497, 0xA4B, 0xA164B, 
0x6A5, 0x6D4, 0x615B4, 0xAB6, 0x957, 0x5092F, 0x497, 0x64B, 0x30D4A, 0xEA5, 0x80D65, 0x5AC, 
0xAB6, 0x5126D, 0x92E, 0xC96, 0x41A95, 0xD4A, 0xDA5, 0x20B55, 0x56A, 0x7155B, 0x25D, 0x92D, 
0x5192B, 0xA95, 0xB4A, 0x416AA, 0xAD5, 0x90AB5, 0x4BA, 0xA5B, 0x60A57, 0x52B, 0xA93, 
0x40E95);
    $scope.Year = null;
    $scope.Month = null;
    $scope.Day = null;
    $scope.TheDate = null;
    $scope.GetBit=function(m, n){  
        return (m >> n) & 1;  
    };  
    function e2c(year,month,day){  
        $scope.TheDate = new Date(year, month, day);
        var total, m, n, k;  
        var isEnd = false;  
        var tmp = $scope.TheDate.getFullYear();
        total = (tmp - 1921) * 365 + Math.floor((tmp - 1921) / 4) + $scope.madd[$scope.TheDate.getMonth()] + $scope.TheDate.getDate() - 38;
        if ($scope.TheDate.getYear() % 4 == 0 && $scope.TheDate.getMonth() > 1) {
            total++;  
        }  
        for (m = 0; ; m++) {  
            k = ($scope.CalendarData[m] < 0xfff) ? 11 : 12;
            for (n = k; n >= 0; n--) {  
                if (total <= 29 + $scope.GetBit($scope.CalendarData[m], n)) {
                    isEnd = true;  
                    break;  
                }  
                total = total - 29 - $scope.GetBit($scope.CalendarData[m], n);
            }  
            if (isEnd)  
                break;  
        }  
        $scope.Year = 1921 + m;
        $scope.Month = k - n + 1;
        $scope.Day = total;
        if (k == 12) {  
            if ($scope.Month == Math.floor($scope.CalendarData[m] / 0x10000) + 1) {
                $scope.Month = 1 - $scope.Month;
            }  
            if ($scope.Month > Math.floor($scope.CalendarData[m] / 0x10000) + 1) {  
                $scope.Month--;  
            }  
        }  
    };  
    function GetcDateString() {
        var tmp = "";
        tmp += $scope.HsString.charAt(($scope.Year - 4) % 10);
        tmp += $scope.EbString.charAt(($scope.Year - 4) % 12);
        tmp += "年";
        if ($scope.Month < 1) {
            tmp += "閏";
            tmp += $scope.MonString.charAt(-$scope.Month - 1);
        } else {
            tmp += $scope.MonString.charAt($scope.Month - 1);
        }
        tmp += "月";
        tmp += ($scope.Day < 11) ? "初" : (($scope.Day < 20) ? "十" : (($scope.Day < 30) ? "廿" : "三十"));
        if ($scope.Day % 10 != 0 || $scope.Day == 10) {
            tmp += $scope.NumString.charAt(($scope.Day - 1) % 10);
        }
        return tmp;
    };
    $scope.GetLunarDay = function (date) {
        if (date != null) {
            var dateString = date.split('T');
            var dateArray = dateString[0].split('-');
            var solarYear = dateArray[0];
            var solarMonth = dateArray[1];
            var solarDay = dateArray[2];
        } else {
            return;
        }
        
        if (solarYear < 1921 || solarYear > 2020) {  
            return "";  
        } else {  
            solarMonth = (parseInt(solarMonth) > 0) ? (solarMonth - 1): 11;  
            e2c(solarYear, solarMonth, solarDay);
            console.log(GetcDateString());
            return GetcDateString();  
        }
        
}

使用的時(shí)候窖杀，只要調(diào)用最后一個(gè)方法GetLunarDay(date),傳入date類型的參數(shù)漓摩，也就是陽歷，返回值就是一個(gè)農(nóng)歷日期入客。

第二組：馮佳麗 c# .net 中<% = %>,<% # %>,<% $ %>意義

在asp.net中經(jīng)常出現(xiàn)包含這種形式<%%>的html代碼,總的來說包含下面這樣幾種格式：

1. <%%>

這種格式實(shí)際上就是和asp的用法一樣的管毙，只是asp中里面是vbscript或者javascript代碼，而在asp.net中是.net平臺(tái)下支持的語言桌硫。

特別注意:服務(wù)器控件中不能有<%%>語法

(這里用C#代碼)

  <%
        int a = 2;
        int b = 3;
        int c = a + b;
        Response.Write(c);
%>
2. <%#%>

如果是這種格式的話那就是asp.net下特有的夭咬，它是控件數(shù)據(jù)綁定的語法,且必須要調(diào)用該控件的DataBind()方法才執(zhí)行(或者整個(gè)頁面Page.DataBind()也就是對(duì)所得控件都調(diào)用DataBind()方法,在這種情況下不管是服務(wù)器控件還是客戶端控件都會(huì)綁定)

特別注意：只有服務(wù)器控件才能用<%#%>語法（不準(zhǔn)確的）

當(dāng)整個(gè)頁面調(diào)用this.DataBinder()方法時(shí)，不管是服務(wù)器控件還是客戶端控件都會(huì)綁定

<div>
Server Control:<asp:TextBox ID="TextBox1" runat="server" Text="<%#text%>"></asp:TextBox><br /><!--Server Control-->
Client Control:<input type="text" id="textbox2" value="<%#text%>" /><!--Client Control-->
 </div>

aspx.cs代碼如下:

protected string text;//注意這里必須申明為public或protected,否則aspx頁面(子類)無法訪問
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                this.text = "aaaaaaaaaaaaa";
                this.TextBox1.DataBind();//或this.DataBind();              
            }
        }

當(dāng)this.TextBox1.DataBind() 運(yùn)行顯示出來的效果(無法插入圖片自己測(cè)試)

this.DataBind() 運(yùn)行顯示出來的效果(無法插入圖片自己測(cè)試)

3. <%=%>

這種形式實(shí)際上是由<%%>擴(kuò)展而來的.等價(jià)于:Response.Write(<%%>)這種形式(不標(biāo)準(zhǔn)鞍泉，但能看明白),它其實(shí)也可以看成是一種綁定.

aspx代碼:

<label id="label1"><%=DisplayStr()%></label><br />
  <label id="label2" runat="server"><%=DisplayStr()%></label>

aspx.cs代碼:

public string  DisplayStr()//注意這里必須要有返回值皱埠，否則將會(huì)發(fā)生運(yùn)行時(shí)錯(cuò)誤
        {
            return "bbbb";
        }
4.<%$%>

這種形式主要用于對(duì)web.config文件的鍵值對(duì)進(jìn)行綁定:通常用于連接數(shù)據(jù)庫的字符串

特別注意:

  1. 綁定的只能是服務(wù)器控件
  2. 只能綁定到服務(wù)器控件的某個(gè)屬性上。
 <asp:TextBox runat="server" ID="cc" Text="<%$ConnectionStrings:pubs%>"></asp:TextBox>

web.config文件如下:

 <connectionStrings>
    <add name="pubs" connectionString="Server=.;database=pubs;uid=sa;pwd=" providerName="System.Data.SqlClient"/>
  </connectionStrings>

這樣就能正常運(yùn)行咖驮。

如果修改aspx中的文件:使用客戶端的控件

<input type="text" value="<%$ConnectionStrings:pubs%>"/>

或者:不綁定到服務(wù)器控件的某個(gè)屬性上

<asp:TextBox runat="server" ID="cc"><%$ConnectionStrings:pubs%></asp:TextBox>

運(yùn)行都會(huì)出現(xiàn)相同的錯(cuò)誤

最后注意一點(diǎn): <%#%>只針對(duì)的是服務(wù)器控件的數(shù)據(jù)綁定边器，因此不能同<%=%>和<%%>混合使用

補(bǔ)充：針對(duì):<%=%>形式的另外一種情況:

aspx代碼:

<input type="text" id="a"  value=<%=DisplayStr()%> />
<input id="Text1" type="text"  runat="server" value=<%=DisplayStr()%> />

aspx.cs代碼:

 public string  DisplayStr()//注意這里必須要有返回值，否則將會(huì)發(fā)生運(yùn)行時(shí)錯(cuò)誤
        {
            return "bbbb";
        }

如果是這樣的情況的話托修，就出現(xiàn)運(yùn)行時(shí)錯(cuò)誤忘巧。最后對(duì)這種<%=%>用法強(qiáng)調(diào)一句:盡量對(duì)客戶端控件用這種形式，畢竟它是asp常用語法睦刃，不會(huì)出現(xiàn)問題砚嘴。

但是對(duì)于asp.net的服務(wù)器控件就可能不能完全適合的。

第三組：黃華英 Vue.js 模板語法

Vue.js 是一套構(gòu)建用戶界面的漸進(jìn)式框架涩拙，是一個(gè)小巧輕便的javascript庫际长，采用自底向上增量開發(fā)的設(shè)計(jì)。它的目標(biāo)是通過盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件兴泥。

1. 數(shù)據(jù)綁定

通過具有特殊前綴的HTML 屬性來實(shí)現(xiàn)數(shù)據(jù)綁定:

<span v-text="msg"></span>
<div v-html="message"></div>

使用常見的花括號(hào)模板插值:

<span>{{msg}}</span>

在表單元素上使用雙向綁定：

<input v-model="msg">

v-bind 指令被用來響應(yīng)地更新 HTML 屬性:

<a v-bind:href="url"></a> //將href與URL綁定,動(dòng)態(tài)改變HTML 屬性

縮寫：

<a :href="url"></a>
<button v-bind:disabled="someDynamicCondition">Button</button>

縮寫：

<button :disabled="someDynamicCondition">Button</button>
2. v-model 雙向數(shù)據(jù)綁定

在 input 輸入框中我們可以使用 v-model 指令來實(shí)現(xiàn)雙向數(shù)據(jù)綁定：

<div id="app"> <p>{{ message }}</p> <input v-model="message"> </div> 
<!-- P標(biāo)簽值與input的輸入值綁定工育，P的值會(huì)隨著input的輸入值變化 -->
3. v-on進(jìn)行事件綁定

按鈕的事件我們可以使用 v-on 監(jiān)聽事件，并對(duì)用戶的輸入進(jìn)行響應(yīng)搓彻。

  <button v-on:click="reverseMessage">點(diǎn)擊</button>

給button 綁定一個(gè)方法名為reverseMessage的click點(diǎn)擊事件

可以簡(jiǎn)寫為

<button @click=" reverseMessage ">點(diǎn)擊</button>

還可以綁定其他事件如v-on:mouseover如绸，v-on:keydown嘱朽， v-on:submit， v-on:keypress怔接，v-on:keyup.13等

4. 過濾器：
{{ message | capitalize }}

過濾器可以串聯(lián)：

 {{ message | filterA | filterB }}

可以接受參數(shù)

{{ message | filterA('arg1', arg2) }}

message 是第一個(gè)參數(shù)搪泳，字符串 'arg1' 將傳給過濾器作為第二個(gè)參數(shù)， arg2 表達(dá)式的值將被求值然后傳給過濾器作為第三個(gè)參數(shù)扼脐。

5. new Vue()創(chuàng)建一個(gè)Vue實(shí)例

Vue實(shí)例中設(shè)置掛載點(diǎn)的參數(shù)是 “ el ”岸军，el 的值可以用dom元素定義

Vue構(gòu)造器

 var Vue = new Vue({
el:’#app’,// 掛載點(diǎn)，劃分Vue實(shí)例的邊界
data: {},私有數(shù)據(jù)
Computed:{},// 計(jì)算屬性
Methods:{}, //方法
Template:’’,  // 模板
  props: {}, // 接受參數(shù)
//生命周期鉤子函數(shù)：
Created:function(){},
Attached: function(){},
destroyed function(){}
})

第四組：王芳 bootstrap中的glyphicons字形圖標(biāo)

  1. 先去下載bootstrap3.3.7版本谎势，再新的版本里不包含fonts文件夾了
  2. 解壓之后把fonts文件夾放到自己的項(xiàng)目中
  3. 在線繪制圖標(biāo)：http://www.runoob.com/try/demo_source/bootstrap-glyph-customization.htm
  4. 選擇size和color等自己想要的屬性凛膏，然后點(diǎn)擊一下想要的圖標(biāo)，會(huì)生成一行html代碼脏榆，圖標(biāo)就繪制成功啦
  5. 直接把這行代碼寫進(jìn)自己的頁面就可以

第五組：姜葳 C#中float猖毫、double精度問題

（1）期望結(jié)果：c = 1

namespace FloatTest
{
    class Program
    {
        static void Main(string[] args)
        {
            double a = 0.0001;
            float b = 0.1F;
 
            int c = (int)((a * 1000) / b);
 
            Console.WriteLine("c = {0}", c);
 
            Console.ReadLine();
        }
    }
}

返回結(jié)果：c = 0

（2）驗(yàn)證：

namespace FloatTest
{
    class Program
    {
        static void Main(string[] args)
        {
            double a = 0.0001;
            float b = 0.1F;
 
            int c = (int)((a * 1000) / b);
 
            Console.WriteLine("a = {0}", a);
            Console.WriteLine("b = {0}", Convert.ToDouble(b));
            Console.WriteLine("c = {0}", c); 
            Console.ReadLine();
        }
    }
}

返回結(jié)果：

a = 0.0001
b = 0.100000001490116
c = 0

可以看出：float在轉(zhuǎn)成double的時(shí)候出現(xiàn)了精度的丟失問題

（3）如果在類型轉(zhuǎn)換的時(shí)候?qū)е戮葋G失，那么可在定義的時(shí)候就為double

namespace FloatTest
{
    class Program
    {
        static void Main(string[] args)
        {
            double a = 0.0001;
            double b = 0.1;
 
            int c = (int)((a * 1000) / b);
 
            Console.WriteLine("a = {0}", a);
            Console.WriteLine("b = {0}", Convert.ToDouble(b));
            Console.WriteLine("c = {0}", c);
 
            Console.ReadLine();
        }
    }
}

返回結(jié)果：

a = 0.0001
b = 0.1
c = 1

因此须喂，在程序中吁断，我們應(yīng)該盡量的避免浮點(diǎn)數(shù)類型轉(zhuǎn)換導(dǎo)致的精度丟失。

附：為何浮點(diǎn)數(shù)可能丟失精度：
https://msdn.microsoft.com/zh-cn/c151dt3s.aspx
https://www.cnblogs.com/yewsky/articles/1864934.html

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末坞生，一起剝皮案震驚了整個(gè)濱河市仔役，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌是己，老刑警劉巖又兵，帶你破解...
    沈念sama閱讀 219,366評(píng)論 6贊 508
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異卒废，居然都是意外死亡沛厨，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評(píng)論 3贊 395
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門摔认，熙熙樓的掌柜王于貴愁眉苦臉地迎上來逆皮，“玉大人，你說我怎么就攤上這事参袱〉缫ィ” “怎么了？”我有些...
    開封第一講書人閱讀 165,689評(píng)論 0贊 356
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵抹蚀，是天一觀的道長(zhǎng)剿牺。 經(jīng)常有香客問我，道長(zhǎng)环壤，這世上最難降的妖魔是什么晒来？ 我笑而不...
    開封第一講書人閱讀 58,925評(píng)論 1贊 295
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮镐捧，結(jié)果婚禮上潜索，老公的妹妹穿的比我還像新娘。我一直安慰自己懂酱，他們只是感情好竹习，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,942評(píng)論 6贊 392
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著列牺，像睡著了一般整陌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上瞎领，一...
    開封第一講書人閱讀 51,727評(píng)論 1贊 305
  • 城市分裂傳說
    那天泌辫，我揣著相機(jī)與錄音，去河邊找鬼九默。 笑死震放，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的驼修。 我是一名探鬼主播殿遂，決...
    沈念sama閱讀 40,447評(píng)論 3贊 420
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼乙各！你這毒婦竟也來了墨礁？” 一聲冷哼從身側(cè)響起，我...
    開封第一講書人閱讀 39,349評(píng)論 0贊 276
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對(duì)情侶失蹤耳峦，失蹤者是張志新（化名）和其女友劉穎恩静，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蹲坷，經(jīng)...
    沈念sama閱讀 45,820評(píng)論 1贊 317
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡驶乾，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,990評(píng)論 3贊 337
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了冠句。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片轻掩。...
    茶點(diǎn)故事閱讀 40,127評(píng)論 1贊 351
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖懦底，靈堂內(nèi)的尸體忽然破棺而出唇牧，到底是詐尸還是另有隱情，我是刑警寧澤聚唐，帶...
    沈念sama閱讀 35,812評(píng)論 5贊 346
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布丐重，位于F島的核電站，受9級(jí)特大地震影響杆查，放射性物質(zhì)發(fā)生泄漏扮惦。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,471評(píng)論 3贊 331
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一亲桦、第九天 我趴在偏房一處隱蔽的房頂上張望崖蜜。 院中可真熱鬧浊仆，春花似錦、人聲如沸豫领。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評(píng)論 0贊 22
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽等恐。三九已至洲劣，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間课蔬，已是汗流浹背囱稽。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評(píng)論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國(guó)打工， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留二跋，地道東北人战惊。 一個(gè)月前我還...
    沈念sama閱讀 48,388評(píng)論 3贊 373
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長(zhǎng)得像同欠，于是被迫代替她去往敵國(guó)和親样傍。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,066評(píng)論 2贊 355