Time of Update: 2016-10-07
標籤:彈性盒布局模型(Flexible Box Layout)是 CSS3
Time of Update: 2016-10-07
標籤: 1 var origin = [ 2 {id:1,title:‘title1‘}, 3 {id:2,title:‘abcd‘}, 4 {id:3,title:‘title2‘}, 5 {id:4,title:‘efg‘} 6 ]; 7 8 var find = function(data){ 9 // your code here10 }11 12 var result = find(origin).where({‘title‘:/\d$/}).
Time of Update: 2016-10-07
標籤:一、CSS3過渡:(瀏覽器要加首碼,一般要配合hover使用,transition) 通過 CSS3,我們可以在不使用 Flash 動畫或 JavaScript 的情況下,當元素從一種樣式變換為另一種樣式時為元素添加效果。1、要實現過渡,必須規定兩項內容: 規定您希望把效果添加到哪個 CSS 屬性上 。 規定效果的時間長度(以秒為單位) 。2、transition-property 屬性 規定應用過渡效果的 CSS
Time of Update: 2016-10-07
標籤: 剛開始以為Ajax是一種新的語言,接觸之後才知道,ajax是用於伺服器交換資料並更新部分網頁的Web應用程式的技術。第一次看到Ajax請求代碼時,感覺一臉萌逼,這些代碼竟然把後台資料請求過來了,神奇啊。但是寫著寫著第二天再寫的時候發現,代碼一堆,根本沒記住。 沒想到好辦法,老辦法,抄了十來遍,其實也就是錢三遍在抄,後邊直接默寫出來了。這才捋順了思路。整理了一下想法,現在把這些想法分享一下。先把代碼獻上,雖然很俗套。/**********請求流程************/1、建立請求對
Time of Update: 2016-10-07
標籤: http://www.hightopo.com/demo/astar/astar.html最近搞個遊戲遇到最短路徑的常規遊戲問題,一時起興基於HT for Web寫了個A*演算法的WebGL
Time of Update: 2016-10-07
標籤: atitit.js瀏覽器環境下的全域異常捕獲 window.onerror = function(errorMessage, scriptURI, lineNumber) { var s= JSON.stringify(arguments); alert(s); //alert(errorMessage //message:
Time of Update: 2016-10-07
標籤:bootstrap:能夠增加相容性的強大架構.因為項目需要資料驗證,看bootstrapValidator 還不錯,就上手一直,完美相容,話不多說。需要引用css:bootstrap.min.cssbootstrapValidator.min.cssjs:jquery-1.10.2.min.jsbootstrap.min.jsbootstrapValidator.min.js(下載執行個體)以上這些都是必須的。先上個簡單的例子,只要匯入相應的檔案可以直接運行: View
Time of Update: 2016-10-07
標籤: 1.1.1. Atitit Cocos2d-JS v3.x的問題 1.1. Api 相容性情境切換的api都不相容了... 刪除了比較多的api...可以dep啊.. 1.2. gui布局,,使用native式..應該使用dsl式. 要是可以支援Html5 dsl 布局與 css
Time of Update: 2016-10-07
標籤: absolute 絕對的active 活動的,啟用的,<a>標記的一個偽類 active align 對齊alpha 透明度,半透明 anchor 錨
Time of Update: 2016-10-07
標籤: 1 <!DOCTYPE html> 2 <html lang=‘zh-cn‘> 3 <head> 4 <title>Insert you title</title> 5 <meta name=‘description‘ content=‘this is my page‘> 6 <meta name=‘keywords‘ content=‘keyword1,keyword2,keyword3‘> 7
Time of Update: 2016-10-07
標籤:以前想做個靜態網頁APP。最初的思路是用本地檔案儲存體資料,後來發現在手機上運行時,檔案無法找到。經過了長達幾個月的搜尋(實際也就幾天),沒有找到合適的方法。就在絕望的時候,無意間搜到基於HTML5的各種儲存資料的方法。在此簡單與大家分享一下。前四種是從http://www.hightopo.com/blog/344.html截取。Cookie最古老的儲存方式為Cookie,這種儲存方式儲存內容很有限,只適合做簡單資訊儲存,存取介面設計得極其反人類,為了介紹HTML5儲存方案的完整性我順便
Time of Update: 2016-10-07
標籤:網頁設計師有福利了,下面給大家介紹10款超有用的網頁設計工具和資源。1、Unheap 這裡收集了N多的jQuery 外掛程式,現在已經有726款。W eb Color Data顏色提取器,只要輸入網址就能夠快速提取你想要的網站的顏色,趕緊試試吧。Screen
Time of Update: 2016-10-07
標籤:互連網發展到現在這個時候,如果為了建一個個人的簡單網站還從頭學習網頁設計與製作,實在太浪費時間了,特別是單獨一個人。下面,推薦幾款一鍵產生網頁的神器,時間成本很低,效果極好。1.Strikingly官網:https://www.strikingly.com/Strikingly可以協助你建立優雅的單頁網站。用它設計出的網頁,視覺上線條感比較強,板塊屬於流線型並且背景圖品質很高。雖然只有十幾個模板,但是設計出的網頁非常優雅,便於操作。Strikingly特別適合建設強調視覺元素的單頁網站。它
Time of Update: 2016-10-07
標籤: Atitit html5 Canvas 如何自適應螢幕大小 可以用JS監控螢幕大小,然後調整Canvas的大小。在代碼中加入JS1234567$(window).resize(resizeCanvas); function resizeCanvas() { canvas.attr("width", $
Time of Update: 2016-10-07
標籤:【屬性選取器】顧名思義,屬性選取器可以根據屬性是否存在或屬性的值來尋找元素,因此能實現某些效果。例如當滑鼠停留在一個具有title屬性的元素上的時候,大多數瀏覽器會顯示一個工具提示,可以根據這個特性來解釋一些內容。例子:當滑鼠移至上方在一個元素上的時候滑鼠指標將變為一個問號,表示這個元素與眾不同,從而提供更多的上下文資訊。<!DOCTYPE html><html><head> <meta charset="utf-8"> <
Time of Update: 2016-10-07
標籤: 網頁的線框圖是非常直觀、但是也沒什麼技術上痛點的東西。只需要你大概描出頁面上需要的一些元素,比如頭部、導航、頁尾等等,最多再就是一些互動、內容地區什麼的。但這對於任何網路應用的開發都是非常重要的。當然有很多種方法可以做這件事情,最簡單的就是拿起紙和筆,但是在這篇文章中,我們要介紹的是一些非常高效好用的線上原型工具,並且他們完全免費。Lumzy 快速原型工具使用Lumzy你可以為你的應用建立原型圖,還能添加一些互動事件。有了它,你可以建立彈出框,互動的頁面導航,添加
Time of Update: 2016-10-07
標籤:頭:header內容:content/container尾:footer導航:nav側欄:sidebar欄目:column頁面外圍控制整體布局寬度:wrapper左右中:left right
Time of Update: 2016-10-07
標籤:一、hibernate逆向工程產生實體介紹一個模型設計工具PowerDesigner,這個是j2ee開發必要的一個工具。一般在開發中先使用PowerDesigner 建立實體關聯圖即概念性模型。建立了概念性模型後產生特定資料庫類型的物理模型,然後根據物理模型的建立表指令碼建立庫表;最後使用MyEclipse的hibernate特性針對錶逆向產生實體類和對應檔。這樣免去了編寫實體和對應檔及其實體關聯的麻煩。 二、 設計概念性模型relationship
Time of Update: 2016-10-07
標籤:當下對於網站前段開發人員來說,很少有人不使用一些JS架構或者WEB UI庫,因此這些可以有效提高網站前段開發速度,並且能夠統一開發環境,對於不同瀏覽器的相容性也不需要程式員操心,有了這些優點,當然大家都會使用這些架構或庫。本文整理了國內外最全面和主流的JS架構與WEB UI庫,裡面有許多人已經十分熟悉,比如JQUERY。當然也有很多是陌生的,可以通過本文瞭解他們各自的優缺點,或許你能找到更好用的也說不定!幾乎所有的富 Web 應用程式都基於一個或多個 Web UI 庫或架構,這些 UI
Time of Update: 2016-10-07
標籤:1 實現3D立方體首先準備好UL以及6個Li;代碼如下ul { position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%) // 以上代碼主要是使ul置中而已 transform-style: preserve-3d;