Time of Update: 2016-03-15
標籤:JavaScript的資料類型是非常弱的(不然不會叫它做弱類型語言了)!在使用算術運算子時,運算子兩邊的資料類型可以是任意的,比如,一個字串可以和數字相加。之所以不同的資料類型之間可以做運算,是因為JavaScript引擎在運算之前會悄悄的把他們進行了隱式類型轉換的,如下是數實值型別和布爾類型的相加:3 + true; //
Time of Update: 2016-03-15
標籤: 在javascript中是支援物件導向編程的,講到物件導向(Object Oriented簡稱為OO)一般很容易想到繼承和多態,而在javascript中呢,繼承主要是靠原型鏈作為主要方法去實現的。其基本思想是利用原型讓一個參考型別繼承另一個參考型別的屬性和方法。 來看一段代碼:function Animal(name,color){ this.name = name; this.color = color; }
Time of Update: 2016-03-16
bootstap 滾動監聽,bootstap監聽---首先結合原始碼介紹官網的說明---然後總結了使用滾動監聽的幾個步驟---最後給出一個簡單的例子---關鍵的一點:整體有點零散和亂七八糟,辛苦你的思維和眼睛了,呵呵---------------------------------------------------------------------------------------------------------- 1. Scrollspy currently
Time of Update: 2016-03-16
css 置中,css1、把margin 設為atuo margin :簡寫屬性在一個聲明中設定所有外邊距屬性。該屬性可以有 1 到 4 個值。 具體來說就是把要置中的元素的margin-left和margin-right都設為auto,此方法只能進行水平的置中,且對浮動元素或絕對位置元素無效。<!DOCTYPE html><html><head> <title>margin 置中</title> <meta
Time of Update: 2016-03-16
chrome中不可見字元引發的float問題,chromefloat 起因是刷知乎時碰到這麼個問題:https://www.zhihu.com/question/41400503 問題代碼如下:<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><style> .cf { zoom: 1; } .cf:after {
Time of Update: 2016-03-15
前端的認識和看法,認識看法1. 什麼是前端 ? 就像一場足球比賽,有人做前鋒,有的是中場戰將,有的是後衛,有的是候補等等,每個人在不同的位置上都做著不同的事,最終完成一場完美的比賽,前端在這裡有點類似前鋒,它需要將球最後臨門一腳射到球門裡。 前端它是一個工作,它的工作領域是瀏覽器,它即要跟美工、設計打交道又要懂點後台代碼,知道ajax怎麼從後台拿資料,介面怎麼調用,最主要的是把美工的圖合成完成的網頁呈現在使用者面前,需要實現網頁的互動效果。 前端處於設計與背景中間領域,起到承上啟下的作用,
Time of Update: 2016-03-15
DIV+CSS 網頁布局之:三列布局,divcss1、寬度自適應三列布局 三列布局的原理和兩列布局的原理是一樣的,只不過多了一列,只需給寬度自適應兩列布局中間再加一列,然後重新計算三列的寬度,就實現了寬度自適應的三列布局。 同樣的道理,更多列的布局,其實和兩列、三列的配置模式是一樣的。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5
Time of Update: 2016-03-15
後端程式員前端之路03--HTML語義化,後端03--html目錄什麼是HTML語義化?為什麼要語義化常用標籤的語義一、什麼是HTML語義化? 簡單來講就是:每個標籤做自己的事,使得能夠被機器直接讀懂。二、為什麼要語義化? 1、更容易被搜尋引擎收錄。 2、方便其他類型裝置解析(如:螢幕助讀程式等)
Time of Update: 2016-03-15
HTTP 狀態代碼詳解,狀態代碼詳解 當瀏覽器從 網頁伺服器請求服務時,可能會發生錯誤。從而有可能會返回下面的一系列狀態訊息:1xx: 資訊訊息:描述:100 Continue伺服器僅接收到部分請求,但是一旦伺服器並沒有拒絕該請求,用戶端應該繼續發送其餘的請求。101 Switching Protocols伺服器轉換協議:伺服器將遵從客戶的請求轉換到另外一種協議。2xx: 成功訊息:描述:200 OK請求成功(其後是對GET和POST請求的應答文檔。)201
Time of Update: 2016-03-15
Web開發中的6個壞習慣,Web開發壞習慣在 Usersnap,我們在能很好的組織網站開發有超過20(總和)年的經驗。我們認為這些過去的經驗能讓我們很好的分辨出什麼是好、壞和醜陋的網站開發。如今我們不想把注意力放在消極的部分,但就這一次,我們將把以往不好的地方做一下總結。 1.將20個關鍵點用郵件發出去 將20個關鍵點郵件發給別人,列出所有的bug、功能需求和別人被拒絕的要求,是和商品一樣的問題。通常他們會帶來指責或者類似“為什麼你不解決掉$XY這個問題?我五
Time of Update: 2016-03-15
DIV+CSS 網頁布局之:一列布局,divcss1、網頁布局 布局(layout)即對事物的全面規劃和安排,頁面配置是對頁面的文字、映像或表格進行格式化版式排列。網頁布局對改善網站的外觀非常重要,又稱版式布局,大多數網站會把內容安排到多個列中,就像雜誌或報紙那樣,網頁版面的設計延續了傳統紙媒的特點,但又比傳統的紙媒更靈活,傳統的紙媒由於紙張大小的限制,只能在有限的空間內排列內容,而網頁版面的布局,可以根據內容自適應寬度和高度。在 HTML 中,常使用 div 元素來建立多列,使用 CSS
Time of Update: 2016-03-15
主流瀏覽器css相容問題的總結,主流瀏覽器css相容最近又搞了一波網站的相容,由於要求ie瀏覽器還是要相容到ie8,所以調起來還是各種蛋疼。現在就post一些做相容的總結,可能不夠全面,但是可以告訴大家如何避過一些坑。主要測試了chrome,firefox,ie8、9、11,360瀏覽器。 一、基本的css相容:1、可能很多人喜歡用css hack的形式去相容ie瀏覽器,但是我自己用起來感覺其實不好使 。ie7-就不考慮了,問題在哪呢,就在ie8的甑別上,你怎麼讓樣式只對ie8起作用。
Time of Update: 2016-03-15
使用妹子UI開發的體驗分享,妹子ui開發分享前陣子看到一個類似bootstrap的前端UI架構,好奇心驅使下,去琢磨了一些,最終決定網站改版用這個UI試試效果:首頁+頭部: 投稿頁: 現成拷貝過來的評論列表: 總結:上手難度:(熟悉bootstrap):★(不熟悉bootstrap):★★★優點:一、很多組件都能直接用,常用組件基本都有了,比較適用於快速開發;二、官網文檔挺詳細的,新手入手的話基本沒什麼壓力;三、樣式比較好看(不知道是不是看多了bootstrap的效
Time of Update: 2016-03-15
【CSS】class和id命名規則,cssclass命名規則說明,本篇內容為書籍《高流量網站CSS開發技術》的學習總結,文字出自書本書不錯,推薦閱讀學習也可參閱網上的博文原載:彬Go連結:http://blog.bingo929.com/css-coding-semantic-naming.html class和id是用來建立CSS到HTML檔案內部的銜接注意,有些選取器的寫法應考慮瀏覽器安全色問題,如nth-child選取器,多class選取器.classA.classB(IE6和以
Time of Update: 2016-03-15
DIV+CSS 網頁布局之:兩列布局,divcss1、寬度自適應兩列布局 兩列布局可以使用浮動來完成,左列設定左浮動,右列設定右浮動,這樣就省的再設定外邊距了。 當元素使用了浮動之後,會對周圍的元素造成影響,那麼就需要清除浮動,通常使用兩種方法。可以給受到影響的元素設定 clear:both,即清除元素兩側的浮動,也可以設定具體清除哪一側的浮動:clear:left 或 clear:right,但必須清楚的知道到底是哪一側需要清除浮動的影響。也可以給浮動的父容器設定寬度,或者為 1
Time of Update: 2016-03-15
網頁中的電話號碼實現一鍵直呼,一鍵直呼 問題: 把網站通過手機開啟時,希望通過點擊電話號碼,彈出呼出的菜單。 方法: 使用超連結的tel屬性,如下: <a class=”” href=”tel:需要呼叫的電話號碼”></a> 備忘:把網站嵌入到中時,可能有一些特殊的安卓手機不能呼出菜單,原因在內嵌的QQ瀏覽器可能有某些設定進行了攔截,通過在跳轉該頁面的url後面加上#mp.weixin.qq.com來解決,例如:
Time of Update: 2016-03-15
CSS輪廓outline,cssoutline×目錄[1]輪廓樣式 [2]輪廓寬度 [3]輪廓顏色 [4]輪廓位移 [5]複合屬性 [6]常見應用前面的話 輪廓outline處在邊框邊界的外面,它不像邊框那樣參與到文檔流中,因此輪廓出現或消失時不會影響文檔流,即不會導致文檔的重新顯示。利用輪廓,瀏覽器可以合并部分輪廓,建立一個連續但非矩形的形狀。預設地,輪廓是一個動態樣式,只有元素擷取到焦點或被啟用時呈現 [注意]IE7-瀏覽器不支援 輪廓樣式
Time of Update: 2016-03-15
CSS3捲軸-webkit-scrollbar,css3webkit現在支援擁有overflow屬性的地區,列表框,下拉式功能表,textarea的捲軸自訂樣式。如果你想跳過介紹,直接看demo的話,請點擊demo捲軸是一個虛擬元素,可以自訂樣式。這個偽類可以將webkit自身的捲軸渲染關閉,只按照使用者自訂的css資訊進行渲染。比如:::-webkit-scrollbar {width: 13px;height:
Time of Update: 2016-03-15
[轉]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> ===========
Time of Update: 2016-03-15
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: