JavaScript

學習web前端前感，學習web                                                                 

導航點擊選中效果重構，導航選中重構一、情境最近做重構，有一個功能是，滑鼠點選連結後顯示不同樣式：代碼如下，樣式布局我修改後如下，使用bootstrap架構來做。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8" /> <link href="css/bootstrap.min.css" rel="stylesheet">

深入理解CSS溢出overflow，cssoverflow×目錄[1]定義 [2]屬性 [3]失效[4]應用前面的話 　　當一個元素固定為某個特定大小，但內容在元素中放不下。此時就可以利用overflow屬性來控制這種情況 定義overflow溢出　　值: visible | hidden | scroll | auto | inherit　　初始值: visible　　應用於: 區塊層級元素、替換元素、表儲存格　　繼承性:

HTML5與CSS3基礎教程第八版學習筆記7~10章，html5css3第七章，CSS構造塊CSS裡有控制基本格式的屬性（font-size，color），有控制布局的屬性（position，float），還有決定訪問者列印時在哪裡換頁的列印控制元素。CSS還有很多控制項目顯示或消失的動態屬性，可以用於建立下來列表和其他互動性組件。構造樣式規則樣式表中的每條規則都有兩個部分：選取器和聲明塊。選取器決定哪些塊受影響，聲明塊由一個或多個屬性-值對組成，指定應該做什麼。為樣式規則添加註釋/* 注釋 *

post和get的區別，postget區別1.get會在地址欄上顯示使用者資訊，安全性低；post採用加密形式進行傳輸，不顯示，安全性高2.get相比post提交方式更快，因為post封裝了一次訊息再發送（加密）3.get方式請求的資料放在http訊息頭中，post方式是把提交的資料放在http本文中4.get主要用於查詢，不修改伺服器上的資料；post會發送修改請求，從而修改伺服器上的資料5.get可以添加書籤，可以被緩衝，post不行 <form action=""

區塊層級元素和行內元素的定義，元素定義根據CSS規範的規定，每一個網頁元素都有一個display屬性，用於確定該元素的類型，每一個元素都有預設的display屬性值，比如div元素，它的預設display屬性值為“block”，成為“塊級”元素(block-level)；而span元素的預設display屬性值為“inline”，稱為“行內”元素。div這樣的區塊層級元素，就會自動佔據一定矩形空間，可

CSS展開resize，cssresize

web前端的學習.，web學習.web前端的瞭解　1.前端技術包括JavaScript、ActionScript、CSS、xHTML等“傳統”技術與Adobe AIR、Google Gears,以及概念性較強的互動式設計,藝術性較強的視覺設計等等.   2.職位的發展有“前端開發工程師”、“資深前端開發工程師”和“前端架構師”  

CSS捲軸，css捲軸樣式×目錄[1]條件 [2]預設 [3]尺寸[4]相容[5]自訂前面的話 　　捲軸在網頁中經常見到，卻並沒有受到足夠的重視。只有當因為捲軸的問題需要處理相容性時，才進行調試操作。本文將就捲軸的常見內容進行梳理。 條件 　　捲軸和overflow是緊密相關的。只有當父級的overflow的值是auto或scroll，並且元素的內容超出元素地區時，才有可能出現捲軸 預設

關於css的預設寬度，css預設寬度<div class="boxa"> <div class="boxb">我是div</div></div>.boxa{ width:300px; height:300px; background-color:green; border:2px solid red;}.boxb{ <!--沒有寫寬度即預設寬度

javascript實現PC網頁裡的拖拽效果，javascript拖拽幾年前，我參與設計開發一個房產網的項目，我負責前端工作，由於專案經理要求比較高，參考了很多房產類網站比較優秀的功能，想把別人比較優秀的設計和想法集合到一起，那時的設計稿和功能實現，簡直就是改了又改，今天做好的一個很好的效果，可能第二天就要推到重來，算了，不說這些了，還是說說我們今天要講解的案例吧，不知道大家訪問過搜房網沒有（完全沒有做廣告之嫌，搜房網，可以給點廣告費不），其中有一個功能產品經理特別喜歡，那，就是下面的這個：這是

10套免費的響應式布局 Bootstrap 模版，10套bootstrap1. CardioCardio是我最喜歡的一個輕量級模板。它幾乎可以很少的修改的用於任何類型的業務。  2. EventoEvento 是一個事件引導廣告模板的形狀。它是設計精美和注意細節。  3. PhotographyPhotography, 顧名思義,是一個偉大的攝影師的模板。它提供了一個美麗的方式展示你的照片和工作。   4.

使用javascript插入樣式，javascript插入樣式一、用javascript插入<style>樣式有時候我們需要利用js來動態產生頁面上style標籤中的css代碼，方法很直接，就是直接建立一個style元素，然後設定style元素裡面的css代碼，最後把它插入到head元素中。但有些相容性問題我們需要解決。首先在符合w3c標準的瀏覽器中我們只需要把要插入的css代碼作為一個文本節點插入到style元素中即可，而在IE中則需要利用style元素的styleSheet.cs

php基於redis處理session的方法，phpredissession一個基於redis的處理session的方法，如下。<?phpclass Session_custom { private $redis; // redis執行個體 private $prefix = 'sess_'; // session_id首碼 // 會話開始時，會執行該方法，串連redis伺服器 public function open($path, $name) { $this-

Jquery實現簡單的輪播效果(代碼管用)，jquery輪播代碼廢話不多說了，直接給大家貼jquery代碼了，具體代碼如下所示：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="css/index.css"><script

Angularjs整合UI（weui），angularjsweui引子不久前，推出了自己的一套UI，我看有很多開發人員將其套用在了一些前端架構中，比如react、vue。最近自己在學習Angularjs，所以，也想把這個UI整合到這個架構，這幾天試了一下，簡單的套用了一個功能，現在分享給大家，分離做的不好，請高手指點。適合讀者有一定的Angularjs基礎，並且瞭解ngRoute、ngAnimate的人群。包含檔案整合的時候，參照官方的示範頁面，自己也做了一個示範頁面，完全使用Angularjs

基於javascript html5實現3D翻書特效，html5翻書這是一款十分炫酷的HTML5 3D書本翻頁動畫，效果相對比較簡單，拖拽滑鼠類比用手翻頁，更漂亮的是翻頁過程中，呈現出逼真的3D立體效果。書本中的文字和圖片也會3D展示，非常酷。線上示範 源碼下載HTML代碼<div class="book p3d"> <div class="back-cover p3d"> <div class="page back flip"></div>

JavaScriptRegex匹配 div style標籤，Regex匹配div測試字串：<style>v\:* { BEHAVIOR: url(#default#VML) } o\:* { BEHAVIOR: url(#default#VML) } w\:*{ BEHAVIOR: url(#default#VML) } .shape { BEHAVIOR: url(#default#VML) }</style> abcdefg

一步步教大家編寫酷炫的導覽列js+css實現，酷炫導覽列一步一步的學習製作導覽列，文章末尾再做個綜合頁面，分享給大家一個炫酷的導覽列供大家參考，具體內容如下1.當前頁面高亮顯示的導覽列首先是HTML代碼,很簡單,ul+li實現菜單<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>導覽列一</title></head><

JavaScript隱式類型轉換，javascript隱轉換JavaScript的資料類型是非常弱的（不然不會叫它做弱類型語言了）！在使用算術運算子時，運算子兩邊的資料類型可以是任意的，比如，一個字串可以和數字相加。之所以不同的資料類型之間可以做運算，是因為JavaScript引擎在運算之前會悄悄的把他們進行了隱式類型轉換的，如下是數實值型別和布爾類型的相加：複製代碼 代碼如下:3 + true; //