JavaScript

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

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

HTML 5 畫布(canvas)，html畫布canvascanvas 元素使用 JavaScript 在網頁上繪製映像，本身是沒有繪圖能力。canvas 是一個矩形地區，可以控制其每一像素。canvas 擁有多種繪製路徑、矩形、圓形、字元以及添加映像的方法。下面來做幾個樣本：1、填充畫布<canvas id="myCanvas" width="200" height="100">2、擷取座標<script type="text/javascript">

CSS展開resize，cssresize

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

CSS實現DIV超長截斷，並顯示...，cssdiv截斷..DIV顯示內容有時會超長，並把頁面撐的很難看，以前的做法是在JS中，或者後台判斷其長度，過長就截斷，但由於中英文數字展示的寬度並不一樣，截斷的長度也就只能取最小值，展示的效果也不好。利用CSS提供的方法，可以完美的解決該問題。1 .project-Name{2 width:280px; 3 overflow:hidden; 4 text-overflow:ellipsis;5 white-space:

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

CSS learnning...，csslearnning../* Initial state: border-radius is 0. * When border-radius changes, it'll take 0.3s * instead of happening immediately */button {border-radius: 0;transition: border-radius 0.3s;/* any other styles you need ...

javascript實現數組去重的多種方法，javascript實現數組廢話不多說，直接拿乾貨！先說說這個執行個體的要求：寫一個方法實現數組的去重。（要求：執行方法，傳遞一個數組，返回去重後的新數組，原數組不變，實現過程中只能用一層迴圈，雙層嵌套迴圈也可寫，只做參考）；先給初學者解釋一下什麼叫數組去重（老鳥跳過）：意思就是講數組裡面重複的元素去掉，比如說var arr = [3,2,4,2,1,2]; 數組去重得到的新數組是

HTML心得篇 No.1，html心得no.1   一個web前端的小白，聽前輩說寫好筆記很關鍵，so 特此用部落格來開始記錄自己的旅程——Web之路     最近幾天看的HTML   1、糾正一個認知錯誤 “HTML是一種程式設計語言”  ————（錯）  HTML （全名：Hype Text Mark-up

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

基於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

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

css 圓角，css一、支援的瀏覽器瀏覽器支援性Firefox(2、3+)√Google Chrome(1.0.154+…)√Google Chrome(2.0.156+…)√Safari(3.2.1+ windows)√Internet Explorer(IE7, IE8)×Opera

擷取子項目，擷取元素1、純css  擷取子項目#test1>div {background-color:red;}#test1 div {font-size:14px;}#test1>div:first-child {color:#ccc;}<div id="test1"><div>性別</div><div>男</div></div>因1樣本中為#test1下的子項目 #test1>div

Sass 基礎(四)，sass基礎當你想設定屬性值的時候你可以使用字串插入進來，另一個使用的用法是構建一個選取器。　　　　　　@mixin generate-sizes($class,$small,$medium,$big){　　　　　　　　　　　　　　　　　　.#{$class}-small {font-size:$small;}　　　　　　　　　　　　　　　　　　.#{$class}-medium{ font-size:$medium}　　　　　　　　　　　　　　　　　　.#{$class}

使用jQuery操作HTML的table表格的執行個體解析，jquerytable最終： 簡單來看一下其中的主要部分：HTML：.td_back_color { background-color: red; } .td_center { text-align: center; font-weight:bold; } CSS：<table id="tbl_count"> <caption>2013春節聚會收支統計</caption>

javaWEB簡單商城項目(一)項目中使用到了上一篇博文的分頁架構,還有mybatis,重點是學習mybatis.現在有些小迷茫,不知道該幹啥,唉,不想那麼多了,學就對了一.項目功能結構1.功能2.實體3.對應sql語句CREATE DATABASE shop;use shop;create table user( id int(11) primary key auto_increment, username varchar(100), password varchar(100),

GitHub上一些實用的JavaScript的檔案壓縮解壓縮庫推薦，github檔案壓縮項目裡要用到archive和unarchive整個已存在的folder，在找解決方案的時候嘗試了一些當前比較流行的library，主要有adm-zip, JSZip, archiver等。一.Use adm-zipadm-zip支援archive和unarchive一個或多個檔案或者整個檔案夾的功能，使用非常的簡單方便。 var adm_zip = require('adm-zip');