屬性文法是在上下文無關文法的基礎上為每個文法符號（終結符或非終結符）配備若干個相關的“值”（稱為屬性）。

    屬性代表與文法符號相關的信息，和變量一樣，可以進行計算和傳遞。屬性分為綜合屬性和繼承屬性。

    綜合屬性用于“自下而上”傳遞信息，在語法樹中，一個結點的綜合屬性的值，由其子結點的屬性值確定。

    繼承屬性用于“自上而下”傳遞信息，在語法樹中，一個結點的繼承屬性由此結點的父結點和/或兄弟結點的某些屬性確定。

    屬性計算的過程即是語義處理的過程，對于文法的每一個產生式配備一組屬性的計算規則，則稱為語義規則。

    語義規則所描述的工作包括：屬性計算、靜態語義檢查、符號表操作、代碼生成等。

    抽象語法樹指從語法樹中去掉對翻譯不必要的信息，而獲得更有效的源程序中間表示。

       L-屬性文法的自頂向下翻譯，屬性的計算次序受分析方法所限定的分析樹結點建立次序的限制，分析樹的結點是自左向右生成，如果屬性信息是自左向右流動，那么就有可能在分析的同時完成屬性計算。

 S—屬性文法的自下而上計算，S—屬性文法，它只含有綜合屬性。綜合屬性可以在分析符號串的同時由自上而下的分析器來構造，分析器可以保存與棧中文法符號有關的綜合屬性值，每當進行歸約時，新的屬性值就由棧中正在歸約的產生式右邊符號的屬性值來計算，可以通過擴充分析器中的棧來存放這些綜合屬性值。S-屬性文法的翻譯器通?？山柚贚R分析器實現。

    翻譯模式是語法制導定義的一種便于翻譯的書寫形式。其中屬性與文法符號相對應，語義規則或語義動作用花括號｛ ｝括起來，可被插入到產生式右部的任何合適的位置上。這是一種語法分析和語義動作交錯的表示法，他表達在按深度優先遍歷分析樹的過程中何時執行語義動作。翻譯模式給出了使用語義規則進行計算的順序?？煽闯墒欠治鲞^程中翻譯的注釋。

2.感悟

    這一章主要內容是SDD語法制導定義和SDT語法制導翻譯方案，通過給CFG中的文法符號設置語義屬性來表示語法成分對應的語義信息，而語義屬性通過相關聯的語義規則計算，在對語法分析的過程中進行翻譯。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

還有4天就世界杯了，作為一個資深（偽）球迷，必須要實時關注世界杯相關新聞，了解各個球隊動態，這樣才能在一堆球迷中如（大）魚（吹）得（特）水（吹），迎接大家仰慕的目光!

給大家分享一個快速了解相關信息的辦法：刷論壇！我們來一起做個虎撲論壇的爬蟲吧！

抓包獲取虎撲論壇相關帖子內容，逐條顯示！

先來觀察下網頁，打開論壇首頁，選擇國際足球

然后往下拉，找到世界杯相關內容

這里就是我們的目標了，所有相關的新聞都會在這里顯示，用F12打開“開發者工具”然后往下瀏覽看看數據包

注意箭頭指向的那幾個地方！

這就是剛才瀏覽的新聞所在的json包，來看看具體數據是什么

ok，標題、地址、發布時間包括來源都已經出現了!我們可以直接抓取json數據然后取出相關內容！

再進入具體新聞頁面看看

所有的文本內容，都在

這個標簽下的

標簽內，我們可以用xpath直接取div下的所有文本內容!

這里就不一 一說明了，直接上代碼，并錄個小的GIF圖片給大家看看效果

#@author Q群542110741 # -*- coding:utf-8 -*- import requests from lxml import etree

header = { 'User-Agent':'Mozilla/5.0 (Windows NT 6.1; WOW64; rv:60.0) Gecko/20100101 Firefox/60.0', 'Host':'soccer.hupu.com', 'Referer':'https://soccer.hupu.com/'}
i = 0 while 1: #構建循環頁面翻頁 url = 'https://soccer.hupu.com/home/latest-news?league=世界杯&page=' i += 1 #獲取json數據，一頁20個 html = requests.get(url+str(i),headers=header).json()['result'] for info in html:
        time_r = info['time']#發布時間 title = info['title']#標題 url_r = info['url']#新聞鏈接 origin = info['origin']#來源 print(title)
        print('發布時間:',time_r,' '*5,'來自：',origin)
        head = header
        head['Host'] = 'voice.hupu.com'#更改header中Host參數 html_r = requests.get(url_r,headers=head)#獲取新聞詳情 html_r.encoding = 'utf-8'#編碼格式指定 #獲取div下的所有文本 datas = etree.HTML(html_r.text).xpath('//div[@class="artical-content-read"]')[0].xpath('string(.)').strip()
        print('\n'+'內容：'+'\n'*2,datas,'\n') #可由用戶手動退出循環 if input('任意鍵繼續，“q”退出') in ['q', 'Q']:
            exit()
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

        

            12
        

        

            13
        

        

            14
        

        

            15
        

        

            16
        

        

            17
        

        

            18
        

        

            19
        

        

            20
        

        

            21
        

        

            22
        

        

            23
        

        

            24
        

        

            25
        

        

            26
        

        

            27
        

        

            28
        

        

            29
        

        

            30
        

        

            31
        

        

            32
        

        

            33
        

    

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

直觀看來，轉發不會發生URL址的變換，而重定向則會發生URL的改變。

這僅僅只是一種表象。HttpServlet中的request對象和response對象是在用戶請求網頁時由服務器根據瀏覽器傳過來的參數封裝生成的。一旦從瀏覽器請求過來，服務器響應回去那么request和response的也就到了生命的終點了。

當使用轉發的時候，瀏覽器僅僅請求一次但是服務器端可能經歷了多次的跳轉。服務器端執行時發生了轉發那么服務器就停止正在執行的任務，去指定轉發給定地址的任務。

而使用重定向的話，瀏覽器則會項服務器發生多次請求。在服務器端執行代碼的時候，發現發生了重定向，那么它就會通知瀏覽器，去訪問另一個URL。瀏覽器就會向被發送的URL請求資源。

看一段代碼：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>login</title> </head> <body> <form action="myServlet" method="post"> name :<input type="text" name="username"/><br/> <input type="submit" value="submit"/> </form> </body> </html>
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

        

            12
        

    

這是一段jsp代碼，當點擊提交的時候，會把表單提交給myServlet。

界面長這樣： 

public class MyServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = (String)request.getParameter("username");
        request.setAttribute("welcome", "welcome!!!");
        RequestDispatcher rd = request.getRequestDispatcher("welcome.jsp");
        rd.forward(request,response);
    }
}
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

    

這是MySerlet，當用戶點擊提交表單，服務器就會調用MyServlet的doPost方法，在這個方法里面進行的是頁面轉發。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>welcome</title> </head> <body> <%=request.getParameter("username")%> <br/> <%=request.getAttribute("welcome") %> </body> </html>
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

    

這是welcome.jsp的代碼。

提交結果為： 
 
當點擊提交按鈕后后我們可以看一下網絡的請求過程。 

可以發現瀏覽器只向服務器發送了一個請求。

接下來看一下重定向。

如果把MyServlet的代碼改一下。

public class MyServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = (String)request.getParameter("username");
        request.setAttribute("welcome", "welcome!!!"); //      RequestDispatcher rd = request.getRequestDispatcher("welcome.jsp"); //      rd.forward(request,response); response.sendRedirect("welcome.jsp");
    }
}
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

    

可以看到結果為： 

而且瀏覽器項服務器發送了兩次請求： 

從上面的結果可以看出重定向后，因為是發起的另一個請求因此welcom頁面中的內容都是null。而轉發則由于是同一個request對象和response對象因此既能獲得瀏覽器請求的參數，還能拿到request總放入的屬性值。

其實從代碼也可以看出來，sendRedirect()方法是HttpServletResponse對象的響應方法，既然調用了響應對象的方法，那么就表明整個請求結束了，服務器端項客戶端返回執行結果。而getRequestDispatcher方法是request對象的方法，表明依舊在請求因此不會立即向瀏覽器返回結果，而是繼續執行其轉發的任務。

有一點需要說明的時，不論forward方法還是sendRedirect方法中傳的URL需要注意，如果以“\”開頭那么，就表示這個URL是現對于servlet容器根的請求，即localhost:8080,如果沒有以“\”開頭，那么表明這個請求地址是相對于當前的請求URL來尋址的。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>login</title> </head> <body> <!--這里改成了絕對地址  --> <form action="/myServlet" method="post"> name :<input type="text" name="username"/><br/> <input type="submit" value="submit"/> </form> </body> </html>
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

        

            12
        

        

            13
        

    

當我再次點擊提交的時候： 

不以”\”開頭的請求地址為： 

轉發模型為： 

重定向模型為：

JavaScript是互聯網上最流行的腳本語言，所有現代的HTML都使用JavaScript。既然是腳本語言，那么它的特點就有一下三種：

    （1）弱類型；

    （2）解釋型語言（不需要編譯）；

    （3）逐行執行，一行代碼錯誤，其后的代碼塊都不會繼續執行；

    （4）<script>標簽可直接嵌入到HTML文件中，位置是任意的，通常放在被修飾內容下面或者head標簽中，但寫成單獨的js文件有利于結構和行為的分離

2.JavaScript 內容（附圖）：

       其中ECMAScript是JavaScript的核心；

       DOM是文檔對象模型（使用js操作網頁）；

       BOM是瀏覽器對象模型（使用js操作瀏覽器）

3.JavaScript 信息的輸出：

    （1）alert( )方法：以提示框的形式在頁面輸出 ，例;

    （2）console.log( )方法：在控制臺輸出信息，例：

    （3）document.write( )：將內容直接寫在HTML頁面中，例：

4.JavaScript 變量：

    與 Java不同，ECMAScript 中的變量無特定的類型，定義變量時只用 var 運算符，可以將它初始化為任意值，變量的初始化格式：var 變量名 = 變量值；例：

    如果要定義多個變量，那么可以用將多個變量寫在一行，用逗號進行分隔；例：

    變量名字的變量規則：    

    （1）由字母、數字、下劃線、$符號構成

    （2）不可以以數字開頭，不建議以下劃線開頭；

    （3） 嚴格區分大小寫；

    （4）不可以是關鍵字和保留字

5.JavaScript 數據類型：

    JavaScript可以分為原始數據類型，引用數據類型兩種：

    （1）原始數據類型：Number，String，Boolean，undefined，null

    Number：數值型，就是數字，包含正數、負數、整數、小數、0、NaN、Infinity（正無窮）、-Infinity（負無窮）；

    注意：NaN：not  a  number的縮寫，表示該值不是一個數值（也屬于Number）

    String：字符串：用雙引號""或單引號''包起來的0個或多個字符，如果引號中什么也沒有，那么這個字符串被稱為空字符串

    Boolean：布爾型：包含true：表示真（成立）和false：表示假（不成立）兩個值

    undefined：表示變量未定義，或變量被定義出來，但是沒有被賦值

    null：表示一個變量沒有指向任何一片存儲空間，即變量存在，但是里面是空的，類似于Undefined

    （小提示：在Chrome瀏覽器控制臺輸出時，會發現Number類型為深藍色，String為黑色，Boolean為淺藍色，undefined和null都為淺灰色）

    （2）引用數據類型：

    Object（對象），Array（數組），Date（日期），RegExp（正則）。。等等

    （3）如何查看一個變量的數據類型（typeof 運算符）：        

             數值型數據：返回值為number   

             字符串型數據：返回值為string

             布爾型數據：返回值為boolean

             Undefined：返回值為undefined

             Null：返回值為Object（歷史遺留問題，說明null也是一個對象）

             NaN：返回值為number

6.JavaScript 數據類型的轉換：

    （1）在使用加法（+）運算符時，任何數據與字符串類型數據相加都為字符串類型數據；

        注（簡單理解）： 在JavaScript 中空字符串""轉換為false，非空字符串轉換為true（除“0”，“1”外）；

                false轉換為 0 或“0”，true轉換為 1 或“1”；

                做邏輯判斷的時候，null，undefined，""(空字符串)，0，NaN都默認為false；

                ==在比較的時候可以轉換數據類型，===是嚴格比較，只要類型不匹配就返回false；

                    其實 == 的比較確實是轉換成字符串來比較但，但是在布爾型轉換為字符串之前，要先轉換成 Number

（2）parseInt：將字符串轉換成整數（只識別字符串中的數值）：

        注：會忽略字符串中的前后空格（當數值后的空格后面還有數值時，將不會再識別）；

               能夠正確識別正負號，即保留正負號；

               在轉換時，遇到非數值型的字符就會停止轉換；

               如果字符串的第一個字符是非數值型的，那么轉換的結果為NaN；

（3）parseFloat：將字符串轉換成小數（識別小數點，注意事項同上）

（4）Number：將其它類型的數據轉換成數值型，注意被轉換的數據必須是純數值構成，否則無法轉換，其它注意事項同上

（5）頁面中的信息框：

        alert（），彈出個提示框，只有確定；

        confirm（），彈出個確認框，有確定和取消；

        prompt（），彈出個輸入框，可以輸入內容；

測試了一下各個api的具體效果。在這里跟大家分享一下。

            這是我具體測試的代碼：

           這是我servlet配置的路徑：

            以下是訪問這個ProductServlet后控制臺打印的結果：

            從以上我們可以發現：

    1.getRealPath(....)，這個方法是返回給定資源的磁盤絕對路徑，簡單來說，就是以盤符開頭的路徑

    2.getRequestURI(....)與getRequestURL(....)這個兩個方法，從名字上來說，一個是返回url（統一資源定位器）一個是返回

uri（統一資源標識符，用來唯一的標識一個資源），那么url跟uri有什么區別呢？比較結果后我們就知道，URL中包含URI，URL是

帶協議，帶端口號的。

    3.getContextPath(....)這個方法，其實就是用來返回工程名，或者說工程路徑，看結果我們一目了然

    4.getServletPath(.....)這個方法，從結果中，我們可以分析得出，它其實就是在工程目錄下，訪問我們servlet的路徑，或者說

servlet相對于我們工程的路徑，在或者說，它就是我們在配置文件中配置的路徑，但是不包括后面具體的請求資源名

    5.getPathInfo(.....)，這個方法其實就是返回我們具體請求資源的名稱，或者說，相對于我們的servlet而言的請求路徑

2、讀取json文件的service層實現

3、controller對應的代碼片段

4、html頁面 將jsonarray轉換成js對象

5、對js對象遍歷 $.append動態添加到對應頁面

6、效果如下圖

Segment 在頭部使用

<ion-header> <ion-toolbar> <ion-segment [(ngModel)]="icons" color="secondary"> <ion-segment-button value="camera"> <ion-icon name="camera">帶iocn</ion-icon> </ion-segment-button> <ion-segment-button value="bookmark"> 頭部使用Segment <ion-icon name="bookmark"></ion-icon> </ion-segment-button> </ion-segment> </ion-toolbar> </ion-header>
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

        

            12
        

        

            13
        

    

Segment 在內容里面使用

<ion-segment [(ngModel)]="relationship" color="primary" (ionChange)="segmentChanged($event)"> <ion-segment-button value="friends"> Segment 在內容里面使用 </ion-segment-button> <ion-segment-button value="enemies"> 可以綁定一個事件(ionChange) </ion-segment-button> </ion-segment>
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

    

Segment 在表單里面使用

<form [formGroup]="myForm"> <ion-segment formControlName="mapStyle" color="danger"> <ion-segment-button value="standard"> Standard </ion-segment-button> <ion-segment-button value="hybrid"> 表單內使用 </ion-segment-button> <ion-segment-button value="sat"> Satellite </ion-segment-button> </ion-segment> </form>
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

        

            12
        

        

            13
        

    

<ion-segment [(ngModel)]="change"> <ion-segment-button value="apple"> 蘋果 </ion-segment-button> <ion-segment-button value="pie"> 梨 </ion-segment-button> </ion-segment> <div [ngSwitch]="change"> <div *ngSwitchCase="'apple'">
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10