Time of Update: 2016-03-22
Jquery技巧(必須掌握),jquery技巧掌握 檢查 jQuery 是否載入在使用 jQuery 進行任何操作之前,你需要先確認它已經載入:if (typeof jQuery == 'undefined') {console.log('jQuery hasn\'t loaded');} else {console.log('jQuery has loaded');}返回頂部按鈕利用 jQuery 中的 animate 和 scrollTop 方法,你無需外掛程式就可以建立簡單的
Time of Update: 2016-03-22
使用JavaScript為Kindeditor自訂按鈕增加Audio標籤,kindeditoraudio流程比較簡單,主要有以下步驟: 註冊外掛程式(按鈕、Lang、htmlTags、外掛程式指令碼) 基於media外掛程式代碼修改註冊外掛程式首先,全域配置kindeditor參數:KindEditor.lang({ audio : 'MP3'}); KindEditor.options.htmlTags['audio'] =
Time of Update: 2016-03-21
HTML DOM基礎知識,htmldom基礎知識HTML DOM基礎知識一、什麼是DOM?1、HTML DOM 定義了訪問和操作HTML文檔的標準方法。2、HTML DOM 把 HTML 文檔呈現為帶有元素、屬性和文本的樹結構(節點樹)。3、通過 JavaScript,您可以重構整個 HTML 文檔。您可以添加、移除、改變或重排頁面上的項目。要改變頁面的某個東西,JavaScript 就需要獲得對 HTML 文檔中所有元素進行訪問的入口。這個入口,連同對 HTML
Time of Update: 2016-03-21
學習web前端前感,學習web
Time of Update: 2016-03-21
get和post的區別,getpost區別1、get在地址欄上會顯示使用者資訊,安全性低,post採用加密方式傳輸,不顯示,安全性高。2、get相比post提交方式較快一點,因為post封裝了一次訊息在發送(加密)3、get方式請求的資料是放在http訊息頭中,post方式是把提交的資料放在http本文中4、get主要用於查詢,不修改伺服器上的資料,post會發送修改請求,從而修改伺服器上的資料5、get可以添加書籤,可以被緩衝,post不行6、get長度限制在2KB,且資料類型只允許ASCII
Time of Update: 2016-03-21
全面理解js物件導向,js物件導向前言當今 JavaScript 大行其道,各種應用對其依賴日深。web 程式員已逐漸習慣使用各種優秀的 JavaScript 架構快速開發 Web 應用程式,從而忽略了對原生 JavaScript 的學習和深入理解。所以,經常出現的情況是,很多做了多年 JS 開發的程式員對閉包、函數式編程、原型總是說不清道不明,即使使用了架構,其程式碼群組織也非常糟糕。這都是對原生 JavaScript 語言特性理解不夠的表現。要掌握好
Time of Update: 2016-03-21
導航點擊選中效果重構,導航選中重構一、情境最近做重構,有一個功能是,滑鼠點選連結後顯示不同樣式:代碼如下,樣式布局我修改後如下,使用bootstrap架構來做。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8" /> <link href="css/bootstrap.min.css" rel="stylesheet">
Time of Update: 2016-03-21
SASS組件開發,sass組件SASS組件開發SASS前置處理器,增加了css所沒有的編程能力,帶來了前端開發的效率提高,以及擴充了css的編寫技巧。組件開發設計一個表單提示層(包括成功success,警告warning,錯誤等狀態error)組件,css需要定義基本樣式字型(font-)、外內邊距(padding,margin)、顯示方式(display)、邊框(border)以及其他相關的內容,再為單獨的狀態定義需要的樣式。css組件開發先定義基本樣式,再對每一個狀態定義一套樣式.tips
Time of Update: 2016-03-21
Bootstrap之表單控制項狀態,bootstrap表單控制項Bootstrap中的表單控制項狀態主要有三種:焦點狀態,禁用狀態,驗證狀態。 一、焦點狀態:該狀態告訴使用者可輸入或選擇東西焦點狀態通過偽類“:focus”以實現。bootstrap.css相應源碼:.form-control:focus { border-color: #66afe9; outline: 0; //刪除了outline的預設樣式
Time of Update: 2016-03-21
CSS當中color的四種表示方法,csscolor四種表示 這是我的第一篇部落格,所以寫的東西會比較簡單。 css當中,好多地方都會用到color屬性,用來使html內容豐富多彩,例如:background-color;border-color;第一種標記法使為直接寫顏色的英文,例如:blue(藍色),red(紅的),總共可以表示17種顏色(這裡不一一舉例,沒意義!)css例: body{ background-color:red};
Time of Update: 2016-03-21
用條件注釋判斷瀏覽器版本,解決相容問題,注釋瀏覽器版本對於瀏覽器安全色問題,我們應該碰到很多了,在平時寫一些頁面時,在IE8、IE9上可能好好的,當我們在IE6、IE7或者是其他的瀏覽器上再瀏覽這些頁面時,可能會發現我們的頁面已經面目全非了,作為一名前端開發人員,這是最讓人發瘋的問題了,那麼我們該怎麼解決這些問題呢?首先,我們寫的頁面在不同的瀏覽器上之所以會出現表現不同的問題,是因為不同的瀏覽器在解析頁面時,他們所遵循的規則並不是完全相同的。比如IE,不同的版本解析都不同,何況是不同的瀏覽器廠商
Time of Update: 2016-03-21
深入理解CSS元素可見度visibility,cssvisibility×目錄[1]定義 [2]屬性 [3]display[4]JS[5]transition [6]API[7]DEMO前面的話 visibility屬性常見於與display屬性的比較中。但實際上,該屬性有自己的一些有趣的用途。本文將就visibility屬性作詳細整理和說明 定義visibility 值: visible | hidden | collapse | inherit 初始值:
Time of Update: 2016-03-21
compass安裝教程,compass教程compass安裝教程compass和sass相當於,jquery和javascript,一個是封裝的css庫,另一個是javascript庫,它們都目的是一樣的,簡化開發。安裝一般來說,安裝SASS的話,會自動協助你安裝compass。如果不確認是否有安裝compass,在cmd中輸入compass -v顯示 'compass' 不是內部或外部命令,也不是可啟動並執行程式或批次檔。代表未安裝compass。顯示如下,那麼安裝成功。D:\WEB\aaa\
Time of Update: 2016-03-19
深入理解CSS溢出overflow,cssoverflow×目錄[1]定義 [2]屬性 [3]失效[4]應用前面的話 當一個元素固定為某個特定大小,但內容在元素中放不下。此時就可以利用overflow屬性來控制這種情況 定義overflow溢出 值: visible | hidden | scroll | auto | inherit 初始值: visible 應用於: 區塊層級元素、替換元素、表儲存格 繼承性:
Time of Update: 2016-03-21
HTML5與CSS3基礎教程第八版學習筆記7~10章,html5css3第七章,CSS構造塊CSS裡有控制基本格式的屬性(font-size,color),有控制布局的屬性(position,float),還有決定訪問者列印時在哪裡換頁的列印控制元素。CSS還有很多控制項目顯示或消失的動態屬性,可以用於建立下來列表和其他互動性組件。構造樣式規則樣式表中的每條規則都有兩個部分:選取器和聲明塊。選取器決定哪些塊受影響,聲明塊由一個或多個屬性-值對組成,指定應該做什麼。為樣式規則添加註釋/* 注釋 *
Time of Update: 2016-03-21
深入理解CSS定位中的位移,深入理解css位移×目錄[1]定位 [2]包含塊 [3]位移屬性[4]絕對位置[5]格式化 [6]auto前面的話 CSS有三種基本的定位機制:普通流、浮動和絕對位置。利用定位,可以準確地定義元素框相對於其正常位置應該出現的位置,或者相對於父元素、另一個元素甚至瀏覽器視窗本身的位置。但元素究竟如何定位,定位到什麼位置,主要依靠top/right/bottom/left這四個位移屬性。本文就定位中的位移做詳細介紹。 position定位 值:
Time of Update: 2016-03-19
post和get的區別,postget區別1.get會在地址欄上顯示使用者資訊,安全性低;post採用加密形式進行傳輸,不顯示,安全性高2.get相比post提交方式更快,因為post封裝了一次訊息再發送(加密)3.get方式請求的資料放在http訊息頭中,post方式是把提交的資料放在http本文中4.get主要用於查詢,不修改伺服器上的資料;post會發送修改請求,從而修改伺服器上的資料5.get可以添加書籤,可以被緩衝,post不行 <form action=""
Time of Update: 2016-03-21
每周網頁練習—網易郵箱首頁,練習網易郵箱首頁之前計劃是一周還原一個網頁或者切一張psd來練習基本功的。正好周五的時候接到一個電話面試,讓我還原一下163郵箱首頁,晚上發給他,就正好當是這周的練習吧。吃完晚飯開工,做到12點,差不多4個小時,基本上做完了,不過還有些局部沒完成。算還原度90%吧,剩下的這兩天有空再補啦。這是目前的完成情況 wzlinsen.com/program/163mail 記錄一下收穫吧一、首先是這個二維碼的滑動效果吧,其實就是絕對位置加上透明度變化加上c
Time of Update: 2016-03-19
CSS展開resize,cssresize
Time of Update: 2016-03-19
關於css的預設寬度,css預設寬度<div class="boxa"> <div class="boxb">我是div</div></div>.boxa{ width:300px; height:300px; background-color:green; border:2px solid red;}.boxb{ <!--沒有寫寬度即預設寬度