JavaScript

Javascript小技能總結(推薦)，javascript技能廢話不多說，直接上乾貨。。具體代碼如下所示：/*@@截取字串長度，漢字算2個字元@@return [string]+'...'*/var subString = function(str, len) {var newLength = 0;var newStr = "";var chineseRegex = /[^\x00-\xff]/g;var singleChar = "";var strLength = str.replace(

Js類的靜態方法與執行個體方法區分及jQuery拓展的兩種方法，jsjquery上學時C#老師講到對象有兩類方法，靜態方法(Static)和執行個體方法(非Static)，當時不理解靜態是為何意，只是強記。後來從事了前端的工作，一直在對類(即對象，Js中嚴格來說沒有類的定義，雖眾所周知，這裡還是贅述一番，以免產生歧義)的操作上，嚴重缺乏整體概念，最近看extetnd中再次提到拓展靜態方法與執行個體方法，故而再次百度，才幡然領悟，其實一直有用，只是不知其專業術語呀，哈哈~靜態方法，屬於類的方法，即

bootstrap 教程分享，bootstrap分享Bootstrap 教程Bootstrap 簡介Bootstrap 環境安裝Bootstrap CSS 概覽Bootstrap 網格系統Bootstrap 排版Bootstrap 代碼Bootstrap 表格Bootstrap 表單Bootstrap 按鈕Bootstrap 圖片Bootstrap 輔助類Bootstrap 響應式工具 + 生產力Bootstrap 字型表徵圖Bootstrap 下拉式功能表Bootstrap

移動端開發的一些技巧，移動端開發技巧開篇語最近接手了一個移動端的項目。個人感覺是自己做得比較快而且比較健壯的一個。。。移動端最主要就是頁面要適用不同的手機螢幕，ipad等。下面就分享一些技巧,讓你不依賴任何架構高效地搭建自己的項目。一、樣式按組件或板塊分檔案寫再合成①設定各種變數採用scss或者less來寫css代碼有很多好處。這裡就不詳細說。我們拿到設計圖的第一步，就是要分析各個頁面之間有哪些模組、哪些樣式、哪些顏色是一樣的。一般情況下，為了各個頁面的風格統一，各個頁面上的主顏色應該都是一致的

跨域訪問JSONP

html筆記，html學習筆記http-equiv 屬性為成對的名稱和數值提供了名稱。並指示伺服器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含成對的名稱和數值。當伺服器向瀏覽器發送文檔時，會先發送許多成對的名稱和數值。雖然有些伺服器會發送許多這種成對的名稱和數值，但是所有伺服器都至少要發送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。使用帶有 http-equiv&n

sublime_text編輯器下載安裝使用，sublimetext編輯器1、sublime_text下載　　https://www.sublimetext.com/3   （選擇相對應的版本）2、通過package control安裝外掛程式　　https://packagecontrol.io/     （package control網站）　　在sublime編輯器通過Ctrl+`開啟命令列，輸入以下代碼按斷行符號安裝package control  

清除浮動(float)的影響，清除浮動float影響浮動會導致父元素塌陷：解決辦法：父元素overflow：hidden，末尾插入子項目clear，為甚麼，父元素overflow：hidden會解決塌陷問題？來自知乎貘吃饃香的回答overflow:hidden 的意思是超出的部分要裁切隱藏掉那麼如果 float 的元素不佔普通流位置 普通流的包含塊要根據內容高度裁切隱藏如果高度是預設值auto 那麼不計算其內浮動元素高度就裁切就有可能會裁掉float 這是反布局常識的。-------------

alt和title的用法區別，alttitle用法區別經常用到這兩個屬性，但是一直沒有總結他們的區別。現在我對他們兩個的用法做一下總結：相同點：他們都會飄出一個小浮層，顯示常值內容。不同點：1.alt只能是元素的屬性，而title即可以是元素的屬性也可以是標籤，例如:<title>標題</title>。2.alt屬性則是用來指定替換文字，只能用在img、area和input元素中（包括applet元素），用於網頁中圖片無法正常顯示時給使用者提供文字說明使其瞭解映像資訊。注

日常css技巧小結（2）-- inline-block帶來的迷惑，cssinline-block一、問題描述在平時布局中，inline-block使用的頻率比很高，主要是因為可以讓列標籤設定寬高。我在版面配置階段中，發現了兩個“問題”，1列標籤.display：inline-block之後的列標籤之間有4像素的間距；https://jsfiddle.net/firelight/69phh891/2.對display：inline-block的列標籤設定margin：0

css水平置中的各種方法，css水平置中方法說到水平置中，大家可能覺得很簡單啊，text-align:center 就OK了。但是，有時候會發現這樣寫了也沒出效果。原因是什麼呢？  請往下看。水平置中：分為區塊層級元素置中和行元素置中 行內元素：行內元素就是內嵌元素。例如<span>、<a>、<label>、<em>、<img>等。。直接構建一個具有

CSS Sprite 雪碧圖製作，csssprite雪碧圖CSS Sprite 雪碧圖，簡單來說就是：為了提高網頁的效能，減少載入次數，將一些不會經常隨網站內容變化的小表徵圖，集中放在一張大圖上，將該圖應作為background-image 嵌入頁面中，在需要相關表徵圖時，根據background-position設定座標值，達到目的。 一個例子，可以複製然後看一下效果： HTML代碼：<!DOCTYPE html><html

[css]全屏背景圖片設定,django載入圖片路徑，<head><style type="text/css"> #bg { position:fixed; top:0; left:0; width:100%; height:100%; } #bg img { position:absolute; left:0; right:0;

小白的學習心得，小白學習心得關注前端這麼久，沒有大的成就，就入門期間積累了不少技巧與心得，跟大家分享一下，不一定都適合每個人，畢竟人與人的教育背景與成長環境心理活動都有差別，但就別人的心得再結合自己的特點，然後探索適合自己的學習之路是比較好的。學習沒有捷徑，但學習是有技巧與方法。 一，css入門篇： 推薦書籍：css哪些事兒，精通css。理由：css那些事兒，他是一本介紹css基礎類的書，是入門的經典讀物。系統的介紹了css的選擇符，偽類，工作環境，盒模型，兩列，三列調適型配

底部懸浮通欄可以關閉廣告位詳解（一），通欄廣告位效果一：1.首先，整個底部懸浮通欄廣告是固定在瀏覽器的底部，隨著瀏覽器的滾動，底部懸浮廣告始終在瀏覽器視窗中。這裡有幾個關鍵點：通欄，固定，黑色。所以:首先我們必須給懸浮通欄廣告整體一個100%的寬度，其次給它設定固定定位，固定在瀏覽器底部，背景色為黑色，透明度為0.7。1 .footfixed{2 　　width:100%; 3 　　height:140px; /* 圖片大小，寬度必須100% */4 　　position:fixed;5

css3飛機起飛進度條，css3飛機起飛效果：http://hovertree.com/texiao/css3/27/源碼下載：http://hovertree.com/h/bjaf/pgwql1x2.htm本效果使用Font Awesome顯示飛機表徵圖。font-awesome下載：代碼如下：<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta

css3

網站前端效能最佳化，網站效能最佳化繼前面幾篇文章後再來說說老生常談的話題，怎麼樣提升前端效能。文中很多取材自網路及《High Performance Web Sites》，並根據自己工作中所接觸到的知識整理而成。 http://hovertree.com/menu/webfront/1.

網站的引導頁介紹，網站引導頁介紹外貿企業站就是要走出過門，買網域名稱，買空間的、請設計公司、請這請那，一切的努力都是要為了能通過網站給公司帶來訂單，“一分耕耘一分收穫”，但是耕耘了未必就有收穫，很多企業網站建好了，可是並沒有發現，它所給企業帶來的訂單。當然，這其中的原因有很多，可能是網站設計不合理?可能是SEO最佳化沒做好?當提到SEO最佳化的時候，很多人不是很理解，認為那是專門研究SEO的人所討論的話題，如果你是這樣認為的，那麼，你就out了，若你想讓你的網站在搜尋引擎

【乾貨】：如何讓元素水平排列？，乾貨元素水平排列　　區塊層級元素預設是垂直排列的，而行內元素是水平排列的，而在布局時基本上都是用區塊層級元素，如div等常用塊級標籤，那麼如何讓區塊層級元素也進行水平排列呢？我有100種方式（準確說是100-94種）讓元素水平排列，你知道幾種呢？第一種：display：inline-block　　首先得先瞭解區塊層級元素（block elements）和行內元素（inline elements）以及行內塊狀元素（inline-block elements）