JavaScript

標籤：kettle中使用javascript步驟和fireToDB函數實現自己定義資料庫查詢       如果你須要實現非傳統的資料庫查詢操作。為了討論這樣的情景，我們如果你須要讀取資料庫中的正則表達式，然後檢查輸入的每行的欄位匹配運算式的個數。 在javascript步驟運行資料庫查詢     

CSS learnning...，csslearnning../* Initial state: border-radius is 0. * When border-radius changes, it'll take 0.3s * instead of happening immediately */button {border-radius: 0;transition: border-radius 0.3s;/* any other styles you need ...

javascript實現數組去重的多種方法，javascript實現數組廢話不多說，直接拿乾貨！先說說這個執行個體的要求：寫一個方法實現數組的去重。（要求：執行方法，傳遞一個數組，返回去重後的新數組，原數組不變，實現過程中只能用一層迴圈，雙層嵌套迴圈也可寫，只做參考）；先給初學者解釋一下什麼叫數組去重（老鳥跳過）：意思就是講數組裡面重複的元素去掉，比如說var arr = [3,2,4,2,1,2]; 數組去重得到的新數組是

HTML心得篇 No.1，html心得no.1   一個web前端的小白，聽前輩說寫好筆記很關鍵，so 特此用部落格來開始記錄自己的旅程——Web之路     最近幾天看的HTML   1、糾正一個認知錯誤 “HTML是一種程式設計語言”  ————（錯）  HTML （全名：Hype Text Mark-up

HTML 5 音頻(audio)，html音頻audio audio 元素支援三種音頻格式IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0Ogg

Sass 基礎(四)，sass基礎當你想設定屬性值的時候你可以使用字串插入進來，另一個使用的用法是構建一個選取器。　　　　　　@mixin generate-sizes($class,$small,$medium,$big){　　　　　　　　　　　　　　　　　　.#{$class}-small {font-size:$small;}　　　　　　　　　　　　　　　　　　.#{$class}-medium{ font-size:$medium}　　　　　　　　　　　　　　　　　　.#{$class}

Node.js編寫爬蟲的基本思路及抓取百度圖片的執行個體分享，node.js基本思路其實寫爬蟲的思路十分簡單： 按照一定的規律發送 HTTP 要求獲得頁面 HTML 源碼（必要時需要加上一定的 HTTP 頭資訊，比如 cookie 或 referer 之類） 利用正則匹配或第三方模組解析 HTML 程式碼，提取有效資料 將資料持久化到資料庫中但是真正寫起這個爬蟲來，我還是遇到了很多的問題（和自己的基礎不紮實也有很大的關係，node.js 並沒有怎麼認真的學過）。主要還是 node.js

Web開發中的6個壞習慣，Web開發壞習慣在 Usersnap，我們在能很好的組織網站開發有超過20(總和)年的經驗。我們認為這些過去的經驗能讓我們很好的分辨出什麼是好、壞和醜陋的網站開發。如今我們不想把注意力放在消極的部分，但就這一次，我們將把以往不好的地方做一下總結。 　1.將20個關鍵點用郵件發出去　　將20個關鍵點郵件發給別人，列出所有的bug、功能需求和別人被拒絕的要求，是和商品一樣的問題。通常他們會帶來指責或者類似“為什麼你不解決掉$XY這個問題？我五

DIV+CSS 網頁布局之：一列布局，divcss1、網頁布局　　布局（layout）即對事物的全面規劃和安排，頁面配置是對頁面的文字、映像或表格進行格式化版式排列。網頁布局對改善網站的外觀非常重要，又稱版式布局，大多數網站會把內容安排到多個列中，就像雜誌或報紙那樣，網頁版面的設計延續了傳統紙媒的特點，但又比傳統的紙媒更靈活，傳統的紙媒由於紙張大小的限制，只能在有限的空間內排列內容，而網頁版面的布局，可以根據內容自適應寬度和高度。在 HTML 中，常使用 div 元素來建立多列，使用 CSS

主流瀏覽器css相容問題的總結，主流瀏覽器css相容最近又搞了一波網站的相容,由於要求ie瀏覽器還是要相容到ie8，所以調起來還是各種蛋疼。現在就post一些做相容的總結，可能不夠全面，但是可以告訴大家如何避過一些坑。主要測試了chrome，firefox，ie8、9、11，360瀏覽器。 一、基本的css相容：1、可能很多人喜歡用css hack的形式去相容ie瀏覽器，但是我自己用起來感覺其實不好使 。ie7-就不考慮了，問題在哪呢，就在ie8的甑別上，你怎麼讓樣式只對ie8起作用。

使用妹子UI開發的體驗分享，妹子ui開發分享前陣子看到一個類似bootstrap的前端UI架構，好奇心驅使下，去琢磨了一些，最終決定網站改版用這個UI試試效果：首頁+頭部： 投稿頁： 現成拷貝過來的評論列表： 總結：上手難度：（熟悉bootstrap）：★（不熟悉bootstrap）：★★★優點：一、很多組件都能直接用，常用組件基本都有了，比較適用於快速開發；二、官網文檔挺詳細的，新手入手的話基本沒什麼壓力；三、樣式比較好看（不知道是不是看多了bootstrap的效

CSS3捲軸-webkit-scrollbar，css3webkit現在支援擁有overflow屬性的地區，列表框，下拉式功能表，textarea的捲軸自訂樣式。如果你想跳過介紹，直接看demo的話，請點擊demo捲軸是一個虛擬元素，可以自訂樣式。這個偽類可以將webkit自身的捲軸渲染關閉，只按照使用者自訂的css資訊進行渲染。比如：::-webkit-scrollbar {width: 13px;height:

HTML元素的ID和Name屬性的區別，html元素idnameHTML元素的ID和Name屬性的區別今天突然興緻來了，想深究下這兩屬性的具體區別最classical的答案：ID就像是一個人的社會安全號碼碼，而Name就像是他的名字，ID顯然是唯一的，而Name是可以重複的。

web前端開發-移動端頁面開發資源總結，web開發資源                                     &

【踩坑】近來在Firefox上遇到的一些坑，踩坑firefox遇到因為工作一年多以來，做的工作基本都是和webkit系列打交道。先是做m站，後來做了兩個app內嵌的hybrid項目，從來只考慮webkit首碼和相關的偽類。最近四個多月開始做內部的管理系統，寫寫樣式，偶爾做個calendar、tree之類的組件，所有的基本只考慮新版Chrome。從來沒考慮別的問題。最近在幫人解決firefox下的一些相容問題。QA妹紙提交了一堆“bug”。Bug列表讓人看了頭疼，還有點心虛

CSS游標cursor，csscursor×目錄[1]定義 [2]標準樣式 [3]拓展樣式 [4]私人樣式 [5]定義樣式 [6]常見應用前面的話 　　在瀏覽器中，游標對於提供互動反饋很有用。通過在不同的情境中改變游標，就能賦予其不同的含義。 定義　　cursor游標　　值: [<uri>,]*[auto | default | pointer | crosshair | move | e-resize | ne-resize | nw-resize |

[轉]html超連結開啟的視窗大小，超連結視窗<a href="#" onclick="javascript:window.open('http://www.baidu.com','','height=20,width=20,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')">aaaaaaaaaaaaaaa</a> ===========

<!DOCTYPE>標籤的定義與用法，doctype標籤<!DOCTYPE> 聲明不是 HTML 標籤；它是指示 網頁瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。在 HTML 4.01 中，<!DOCTYPE> 聲明引用 DTD，因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則，這樣瀏覽器才能正確地呈現內容。HTML5 不基於 SGML，所以不需要引用 DTD。w3c建議：應該始終向 HTML 文檔添加

css學習筆記一，css學習筆記1、在css開頭用* {margin:0;padding:0;}可以清除所有樣式2、在css中table,th,td {padding:0;}效果等同於cellpadding="0″.3、在css中table {border-spacing: 0;}效果等同於cellspacing="0".但是在IE6中不支援，故使用類似的table{border-collapse:

與html相關的知識點整理，html相關知識點梳理html時發現的一些問題。總結一下，答案大都從網上找來。一.html 與 htm 的區別沒有本質的區別。.htm是在win32時代，系統只能識別3位副檔名時使用的。現在一般都使用.html。 二.href 與 src