国产精品无码永久免费888,色噜噜狠狠狠综合曰曰曰,国精产品999国精产品官网

212018-3

學習解析XML(1）

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

什么是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 用于創建新的互聯網語言

<?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>

定義根元素結尾

命名的規范

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

XML 標簽對大小寫敏感、

XML 必須正確嵌套

XML 屬性值必須加引號

實體引用

XML 以 LF 存儲換行

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

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

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

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

評論(0) 瀏覽(4402)

212018-3

優秀網頁UI設計深度解析

藍藍設計的小編

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

評論(0) 瀏覽(5082)

202018-3

小程序復選框-在線預定

seo達人

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

<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>

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

評論(0) 瀏覽(4390)

202018-3

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

藍藍設計的小編

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

評論(0) 瀏覽(4516)

192018-3

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

藍藍設計的小編

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

評論(0) 瀏覽(4745)

182018-3

前端框架Bootstrap的使用

seo達人

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

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

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

評論(0) 瀏覽(4646)

172018-3

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

鶴鶴

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

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

評論(0) 瀏覽(3825)

172018-3

設計流程與產品分析

藍藍設計的小編

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

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

評論(0) 瀏覽(4502)

162018-3

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

seo達人

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

彈性布局（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還是沒被支持，我也嘗試著添加了各種前綴，還是不行。

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

評論(0) 瀏覽(4400)

162018-3

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

藍藍設計的小編

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

評論(0) 瀏覽(4808)

首頁

學習解析XML(1）

XML 和 HTML 之間的差異

XML 把數據從 HTML 分離

XML 簡化平臺變更

XML 使您的數據更有用

XML 用于創建新的互聯網語言

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

XML 標簽對大小寫敏感、

XML 必須正確嵌套

XML 屬性值必須加引號

實體引用

XML 以 LF 存儲換行

優秀網頁UI設計深度解析

小程序復選框-在線預定

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

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

前端框架Bootstrap的使用

1. 下載Bootstrap

2. 拷貝官方的模塊文件

3. 頁面添加組件

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

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

設計流程與產品分析

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

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

分類

日歷

鏈接

個人資料

存檔