原创 Javascript中的事件處理程序

事件是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。 事件流 事件流描述的是從頁面中接受事件的順序。 而IE和Netscape開發團隊提出了完全相反的兩個事件流的概念。IE的事件流是事件冒泡流;Netscape的事件流是事件捕獲流。 事件冒

原创 freemarker如何獲取頁面請求的參數

用例描述: A頁面:http://localhost:8080/Houser/newsManage.action?categoryname=402880f5122bc83801122bd89fae0005 B頁面:newsManage.

原创 如何寫出漂亮的js代碼

javascript代碼和其他腳本語言一樣,都要合理的組織好,不然到最後js代碼也是比較亂的。  我把JS的組織分成了三個階段,看看您現在屬於哪個階段。  初級階段:JS代碼從頭順序寫到尾,過程化  <html> <body>

原创 DOM探索之基礎詳解

DOM爲document   object   model三個單詞的縮寫,直譯過來即文檔對象模型。 DOM的地位 我們知道,一個網頁是由html來搭建結構的,通過css來定義網頁的樣式,而javascript賦予了頁面的行爲,通過它我們可

原创 DOM探索之控制頁面元素

文檔對象模型DOM(Document Object Model)定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現爲帶有元素、屬性和文本的樹結構(節點樹)。 HTML文檔可以說由節點構成的集合,DOM節點有: 1. 元

原创 學習編寫jquery插件—美化表格

當了這麼久的碼農,也用了無數次別人寫的插件,是時候該學習學習自己動手寫插件了。今天先借用別人寫的超簡單、實用的美化表格小插件,來學習下jquery插件的編寫。 寫插件之前先想好插件要實現的功能,這裏寫的美化表格插件就是讓表格的奇偶行顏色不

原创 CSS預處理器——SASS學習筆記(一)

什麼是CSS預處理器? CSS 預處理器定義了一種新的語言,其基本思想是,用一種專門的編程語言,爲 CSS 增加了一些編程的特性,將 CSS 作爲目標生成文件,然後開發者就只需要使用 這種語言進行編碼工作。通俗的說,“CSS 預處理器用一

原创 js判斷是否是微信內置瀏覽器以及自動關閉頁面回到會話窗口

js判斷是否是微信內置瀏覽器: function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMesseng

原创 Angular 1.6提示$http.get(...).success is not a function

1.在使用Angular 1.6版本的$http服務時會拋出異常:$http.get(...).success is not a function 或者$http(...).success is not a function 異常代碼如

原创 網站優化:引用CDN公共JS庫

什麼是CDN公共庫? CDN公共庫是指將常用的JS庫存放在CDN節點,以方便廣大開發者直接調用。與將JS庫存放在服務器單機上相比,CDN公共庫更加穩定、高速。一般的CDN公共庫都會包含全球所有最流行的開源JavaScript庫。 爲什麼

原创 如何將頁腳固定在頁面底部

文章轉載於:W3CPLUS 作爲一個Web的前端攻城師,在製作頁面效果時肯定有碰到下面這種現象:當一個HTML頁面中含有較少的內容時,Web頁面的“footer”部分隨着飄上來,處在頁面的半腰中間,給視覺效果帶來極大的影響,讓你的頁面

原创 CSS預處理器——SASS學習筆記(二)

Sass的控制命令 1. @if @if 指令是一個 SassScript,它可以根據條件來處理樣式塊,如果條件爲 true 返回一個樣式塊,反之 false 返回另一個樣式塊。在 Sass 中除了 @if 外,還可以配合  @el

原创 ajax模擬關鍵字智能匹配搜索效果

準備數據keyword.json:(這裏只貼出部分數據) [ {"id":1,"initial":"ad","keyword":"奧迪"}, {"id":2,"initial":"ada4l","keyword":"奧迪A4L"

原创 使用命令行工具構建ionic項目

第一步:安裝ionic和cordova npm install -g cordova ionic 需要首先安裝好nodejs,然後通過npm來安裝 第二步:創建ionic項目tabs 使用下面的命令創建一個新的項目(默認的tabs示例)

原创 Sass實現顏色卡的製作

效果圖: 實現代碼: colorCard.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>sass實現顏色卡</title> <li