JavaScript

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

後端程式員前端之路03--HTML語義化，後端03--html目錄什麼是HTML語義化？為什麼要語義化常用標籤的語義一、什麼是HTML語義化？      簡單來講就是：每個標籤做自己的事，使得能夠被機器直接讀懂。二、為什麼要語義化？      1、更容易被搜尋引擎收錄。      2、方便其他類型裝置解析（如：螢幕助讀程式等）     

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

使用妹子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 |

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

CSS選取器總結，css選取器選取器             　  優先順序                 執行個體ID選取器         　　100類別選取器        　　  10偽類別選取器　　　　 10  

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

javascript基本演算法匯總，javascript匯總本文為大家分享了五個javascript演算法，供大家參考，具體內容如下 1. 線性尋找<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>線性尋找</title></head><body> <p>數組為：[2,4,6,23,53,545

angularjs表格ng-table使用備忘錄，angularjsng-table項目中用到angularjs的表格ng-table，功能相當強大，像搜尋、排序、checkbox、分頁、每頁表格顯示數目等都有。API，demo什麼的也只能參考官網了。這裡做個備忘，哪天肯定還會用到。HTML：<!DOCTYPE html><html><meta charset="utf-8"/><head> <script

JavaScript字串常用的方法，javascript字串擷取類：1）動態方法：charAt : 擷取字串指定位置上的字元。（參數：一個，指定要擷取的字元位置）1，不接受負數，如果為負數，會返回一個Null 字元串。2，如果不給參數，預設是擷取第0位置上的字元。3，只接收一個參數。charCodeAt : 擷取字串中指定位置上字元的Unicode編碼（參數： 一個，指定要擷取字元編碼的字元位置）1，任何字元都有一個唯一的字元編碼。2，只接收一個參數。　　常用：　　　　數字 ： 48 ~ 57　

TypeScript Type Innference(類型判斷)，typescript類型判斷TypeScript 是微軟開發的 JavaScript 的超集，TypeScript相容JavaScript，可以載入JavaScript代碼然後運行。TypeScript與JavaScript相比進步的地方 包括：加入注釋，讓編譯器理解所支援的對象和函數，編譯器會移除注釋，不會增加開銷；增加一個完整的類結構，使之更新是傳統的物件導向語言。為什麼會有 TypeScript?

node.js基礎模組http、網頁分析工具cherrio實現爬蟲，node.jscherrio一、前言      說是爬蟲初探，其實並沒有用到爬蟲相關第三方類庫，主要用了node.js基礎模組http、網頁分析工具cherrio。 使用http直接擷取url路徑對應網頁資源，然後使用cherrio分析。

JavaScript擷取圖片像素顏色並轉換為box-shadow顯示，boxshadow一、原理：1.使用HTML5的FileReader API讀取圖片FileReader檔案讀物器，用於讀取用戶端檔案到，注意，檔案讀取完畢後並不會載入緩衝eg：var upfile = document.querySelector('#upfile');var fileReader = new FileReader();fileReader.onload = function(evt){

JavaScript進階程式設計（第三版）學習筆記6、7章，javascript學習筆記第6章，物件導向的程式設計對象：1、資料屬性configurable，表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或能否把屬性修改為訪問器屬性，預設為trueenumerbale，表示能否通過for-in訪問屬性，預設trueƒwritable，表示能否修改屬性值，預設true„value，資料存放區位置，預設undefined修改預設屬性特性：Obj

js仿百度登入頁實現拖動視窗效果，js視窗在web開發中，滑鼠拖拽效果非常常見，例如百度的登入頁，點擊登入會彈出一個視窗，並且這個視窗可以拖動；那麼這樣的拖拽效果如何?呢 ？其實實現很簡章，搞清楚他的原理就很容易了；首當其衝的，要涉及到滑鼠的三個事件，分別為滑鼠按下、移動、鬆開；在這三個事件裡分別計算元素滑鼠的位置即可；複製代碼/******* 拖拽原理1： 拖拽狀態 = 0 滑鼠在元素上按下的時候 { 拖拽狀態 = 1 記錄下滑鼠的x和y座標