久久综合精品国产一区二区三区无 ,国产精品久久久久久麻豆一区,少妇激情a∨一区二区三区

212018-3

學習解析XML(1）

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中，請點這里

什么是xml, xml有什么作用？

XML 是獨立于軟件和硬件的信息傳輸工具

XML 指可擴展標記語言（EXtensible Markup Language）。

XML 是一種很像HTML的標記語言。

XML 的設計宗旨是傳輸數據，而不是顯示數據。

XML 標簽沒有被預定義。您需要自行定義標簽。

XML 被設計為具有自我描述性。

XML 是 W3C 的推薦標準。

XML 和 HTML 之間的差異

XML 不是 HTML 的替代。

XML 和 HTML 為不同的目的而設計：

XML 被設計用來傳輸和存儲數據，其焦點是數據的內容。

HTML 被設計用來顯示數據，其焦點是數據的外觀。

HTML 旨在顯示信息，而 XML 旨在傳輸信息

xml的用途:

XML 把數據從 HTML 分離

XML 簡化數據共享

XML 簡化數據傳輸

XML 簡化平臺變更

XML 使您的數據更有用

XML 用于創(chuàng)建新的互聯網語言

<?xml version="1.0" encoding="UTF-8"?> 聲明

以及根元素子元素以及定義根元素結尾

如例

聲明

<?xml version="1.0" encoding="UTF-8"?>

根元素

<note>

子元素

<to>Tove</to>

<from>Jani</from>

<heading>Reminder</heading>

<body>Don't forget me this weekend!</body>

</note>

定義根元素結尾

命名的規(guī)范

所有的 XML 元素都必須有一個關閉標簽

XML 標簽對大小寫敏感、

XML 必須正確嵌套

XML 屬性值必須加引號

實體引用

XML 以 LF 存儲換行

在 Windows 應用程序中，換行通常以一對字符來存儲：回車符（CR）和換行符（LF）。

在 Unix 和 Mac OSX 中，使用 LF 來存儲新行。

在舊的 Mac 系統中，使用 CR 來存儲新行。

XML 以 LF 存儲換行。
藍藍設計( m.izc.net.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計、 cs界面設計、 ipad界面設計、包裝設計、圖標定制、用戶體驗、交互設計、網站建設、平面設計服務

評論(0) 瀏覽(4400)

212018-3

優(yōu)秀網頁UI設計深度解析

藍藍設計的小編

在今天這樣一個互聯網+時代，絕大多數企業(yè)都意識到通過線上資訊來吸引更多的潛在客戶是多么的重要。這些潛在客戶對你的公司及產品印象的好壞，很大程度上取決于你在網站設計上投入精力的多少。所以花時間構思一個好的網站設計，特別是主頁部分的設計非常關鍵。

評論(0) 瀏覽(5081)

202018-3

小程序復選框-在線預定

seo達人

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中，請點這里

<view class='header1'>

  <view class='header'>

    <view class='header_con flex_between'>

      <view class='left'>

        共計{{items.length}}件商品

      </view>

      <view class='right flex_end'>

        <view wx:if="{{!management_good}}" class='flex_center' bindtap='management'>

          管理

        </view>

        <view wx:if="{{management_good}}" class='flex_center' bindtap='finish_management'>

          完成

        </view>

      </view>

    </view>

  </view>

</view>

<view class='header2'>

  <view class='header'>

    <view class='header_con flex_between'>

      <input value='類目一' disabled='{{title_disabled}}' focus="{{!title_disabled}}">

      </input>

      <view class='right flex_end'>

        <block wx-if="{{title_disabled}}">

          <image src='../../../image/hotel/delete.png' bindtap='change_classname'></image>

        </block>

        <block wx-if="{{!title_disabled}}">

          <view class='flex_center' bindtap='finish_classname'>

            完成

          </view>

        </block>

      </view>

    </view>

  </view>

</view>

<view class='onlinechoose'>

  <view class='hotel_list flex_center' wx:for="{{items}}" wx:key="items" wx:for-item="i" data-id="{{index}}" bindtap='select'>

    <view class='list_cons flex_start'>

      <view wx:if="{{management_good}}" class='lefts'>

        <block wx-if="{{!i.checked}}">

          <view class='icon_none'></view>

        </block>

        <block wx-if="{{i.checked}}">

          <icon type="success" size="30" color="red" />

        </block>

      </view>

      <image src='../../../image/hotel/demoimg.jpg'></image>

      <view class='right'>

        <view class='name'>

          {{i.name}}

        </view>

        <view class='list1 flex_between'>

          <view class='left'>

            <view class='condition1'>

              16㎡|雙人床|含早

            </view>

            <view class='condition2'>

              <block>

                間數：10

              </block>

              <block>

                間數：2

              </block>

            </view>

          </view>

        </view>

        <view class='list1 flex_between'>

          <view class='left'>

            <view class='condition2'>

              類目一

            </view>

          </view>

        </view>

      </view>

    </view>

  </view>

</view>

<view class='bottom flex_between' wx:if="{{management_good}}">

  <view class='left flex_start'>

    <block wx:if="{{select_all}}">

      <view bindtap='select_none' class='flex_start'>

        <icon type="success" size="30" color="red" />

        <view>

          取消全選

        </view>

      </view>

    </block>

    <block wx:if="{{!select_all}}">

      <view bindtap='select_all' class='flex_start'>

        <view class='select_none'>

        </view>

        <view>

          全選

        </view>

      </view>

    </block>

  </view>

  <view class='right flex_end'>

    <view style='text-align:right'>

      <view class='all'>

        共選中{{middlearr.length}}件商品

      </view>

    </view>

    <view bindtap='deleteitem' class='sure'>

      刪除

    </view>

  </view>

</view>

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

評論(0) 瀏覽(4389)

202018-3

UI設計教程質感朋克U盤ui圖標教程

藍藍設計的小編

介紹一下如何在PS里更好的體現圖標的質感，個人覺得，這個教程對于UI學習者來說是非常受用的，特別是UI設計的新手學習者。好了，喜歡的朋友記得給我好評！

評論(0) 瀏覽(4514)

192018-3

UI設計教程！如何提升你的設計水平

藍藍設計的小編

最近半年嘗試性的收了一個小徒弟，因為他今年畢業(yè)，我以為教起來會很順利，因為他是平面設計專業(yè)而且PS軟件基礎還不錯。但是實際上卻遇到了不少的問題不少的彎路。我把它們整理了下來，總結了一下。分享給剛入門的Ui設計師們希望能幫到初學UI的你。

評論(0) 瀏覽(4745)

182018-3

前端框架Bootstrap的使用

seo達人

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中，請點這里

1. 下載Bootstrap

下載地址：https://v3.bootcss.com/
進入后下載這個標題的Bootstrap

下載完成后，將所需的css,js復制到工程中即可

2. 拷貝官方的模塊文件

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Bootstrap 101 Template</title>  <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>你好，世界！</h1> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

3. 頁面添加組件

下面一個按鈕為例：

喜歡的樣式

<button type="button" class="btn btn-primary">（首選項）Primary</button>

1

<div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-default">Left</button> <button type="button" class="btn btn-default">Middle</button> <button type="button" class="btn btn-default">Right</button> </div>

1

2

3

4

5

然后將二者結合即可：

<div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-primary">Left</button> <button type="button" class="btn btn-primary">Middle</button> <button type="button" class="btn btn-primary">Right</button> </div>

1

2

3

4

5

- 最后的結果如下：
Left Middle Right

至此你就可以簡單的用前端框架做出美觀的界面了！
藍藍設計( m.izc.net.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計、 cs界面設計、 ipad界面設計、包裝設計、圖標定制、用戶體驗、交互設計、網站建設、平面設計服務

評論(0) 瀏覽(4645)

172018-3

2018年12條移動端用戶體驗設計趨勢

鶴鶴

在移動應用領域，事物正飛速發(fā)展。要想在用戶體驗設計領域獲得成功，設計師必須有遠見，并為即將到來的新挑戰(zhàn)做好準備。

為了簡化這個任務，我列出了2018年最重要、最有影響力的趨勢，而且很有可能遠不止如此。

評論(0) 瀏覽(3824)

172018-3

設計流程與產品分析

藍藍設計的小編

為什么近期市場上會出現大片的方法論呢？究其原因：是一種壞的學術風氣或普通群眾的跟風心里導致的。

互聯網興起初期，沒有相應的專業(yè)或產品設計的學派，大部分設計師的出發(fā)點基本圍繞「解決問題」的角度來做產品設計。當時唯一的理論點就是現在所謂的「競品分析」。

評論(0) 瀏覽(4500)

162018-3

CSS3彈性布局怎么兼容IE（11）？

seo達人

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中，請點這里

彈性布局（Flexbox）確實為我們構建復雜、靈活的布局帶來了很大的便利，但是它的兼容性確實讓人很頭痛，下面是我遇到的一個問題：

理想效果：

IE11效果：

html大概結構：

[html] view plain copy

<div class="box">

    <div class="input-container">

        <input />

        <div class="tooltip"></div>

    </div>

    <button></button>

</div>

這里大致說一下css，input-container寬高沒設死，由input決定，并設置position: relative;相對定位，并采用display: flex;彈性布局。tooltip設置絕對定位，通過top調整垂直位置，由input-container的彈性布局屬性設置水平居中（是不是覺得我很作死，為什么不直接用絕對定位就把垂直水平都搞定了。哈哈，一切源于一顆裝B+傻B的心，不過，能實際體會一下flexbox帶來的問題，我覺得也挺好的）。

結果在chrome下正常，IE11下就成上圖那樣了，我上MDN Web看了一下，說彈性布局是支持IE11的（下圖），但是從上圖來看，IE下垂直方向是對的，但是水平方向卻不對，說明flexbox還是沒被支持，我也嘗試著添加了各種前綴，還是不行。

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

評論(0) 瀏覽(4399)

162018-3

UI是什么，涉及面有多廣！

藍藍設計的小編

UI（User Interface）即用戶界面，人機交互設計，不僅指用戶和界面，還包括用戶和界面之間的關系。具體指人機交互、操作邏輯、界面美觀的整體設計，好的UI不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由、充分體現軟件的定位和特點。

評論(0) 瀏覽(4807)

首頁

學習解析XML(1）

XML 和 HTML 之間的差異

XML 把數據從 HTML 分離

XML 簡化平臺變更

XML 使您的數據更有用

XML 用于創(chuàng)建新的互聯網語言

所有的 XML 元素都必須有一個關閉標簽

XML 標簽對大小寫敏感、

XML 必須正確嵌套

XML 屬性值必須加引號

實體引用

XML 以 LF 存儲換行

優(yōu)秀網頁UI設計深度解析

小程序復選框-在線預定

UI設計教程質感朋克U盤ui圖標教程

UI設計教程！如何提升你的設計水平

前端框架Bootstrap的使用

1. 下載Bootstrap

2. 拷貝官方的模塊文件

3. 頁面添加組件

至此你就可以簡單的用前端框架做出美觀的界面了！

2018年12條移動端用戶體驗設計趨勢

設計流程與產品分析

CSS3彈性布局怎么兼容IE（11）？

UI是什么，涉及面有多廣！

分類

日歷

鏈接

個人資料

存檔

首頁

XML 和 HTML 之間的差異

XML 把數據從 HTML 分離

XML 簡化平臺變更

XML 使您的數據更有用

XML 用于創(chuàng)建新的互聯網語言

所有的 XML 元素都必須有一個關閉標簽

XML 標簽對大小寫敏感、

XML 必須正確嵌套

XML 屬性值必須加引號

實體引用

XML 以 LF 存儲換行

1. 下載Bootstrap

2. 拷貝官方的模塊文件

3. 頁面添加組件

至此你就可以簡單的用前端框架做出美觀的界面了！

分類

日歷

鏈接

個人資料

存檔

XML 標簽對大小寫敏感、

至此你就可以簡單的用前端框架做出美觀的界面了！