Time of Update: 2016-04-11
標籤:原文出處:http://www.cnblogs.com/justany/archive/2012/11/01/the_keyword_this_in_javascript.htmlQuiz請看下面的代碼,最後alert出來的是什麼呢? 1 var name = "Bob"; 2 var nameObj ={ 3 name : "Tom", 4 showName : function(){ 5 alert(this.name); 6
Time of Update: 2016-04-06
標籤:(71~80)驗證篇這一篇文章主要是10個比較常用表單驗證功能,包括了郵箱、危險字元、驗證長度、驗證網址、驗證小數、整數、浮點數等常用的驗證,有了這些程式碼片段,平時的表單驗證也可以不需要jquery的驗證外掛程式了,希望可以幫到大家。。。71、原生JavaScript判斷是否為郵箱複製代碼 代碼如下:function isEmail(str){ var re=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-
Time of Update: 2016-04-13
用rem實現自適應的優劣分析,rem自適應優劣關於rem實現螢幕調適型配置的討論還是比較多的,剛好我也看到使用rem實現自適應的web app,所以也來湊下熱鬧。說起rem,免不了要聯絡到em、px,這裡簡單提提他們的定義和特點。1.
Time of Update: 2016-04-11
版本控制-git的使用,版本控制-git使用最近剛到公司實習,知道了版本控制,並略微會用了git的版本控制,下面就簡單的記錄一下,給健忘的自己日後回顧~師傅教我的是命令列的使用,所以暫時只說命令列的方法,1.首先進入CLone到本地的那個本地庫的地址,然後右擊尋找git
Time of Update: 2016-04-11
css 字型單位之間的區分以及字型響應式實現,css字型問題情境:在實現響應式布局的過程中,如何設定字型大小在不同的視窗尺寸以及不同的行動裝置的可讀性? 需要瞭解的有:1.px,em,pt之間的換算關係1em = 16px1px = 1/16 em = 0.0625em////以下用的比較少//////1em = 12pt1px = 3/4 pt = 0.75pt1pt = 1/12 em 0.0833em1pt = 4/3 px =
Time of Update: 2016-04-07
JS操作COOKIE實現備忘記錄的方法,jscookie實現備忘本文執行個體講述了JS操作COOKIE實現備忘記錄的方法。分享給大家供大家參考,具體如下:具體涉及JS針對cookie的寫入與擷取操作,代碼如下:function getCookie(c_name){ if (document.cookie.length > 0) { c_start = document.cookie.indexOf(c_name + "="); if (c_start!=-1) {
Time of Update: 2016-04-07
如何在Linux上安裝Node.js,Linux安裝Node.jsNode.js 是建立在Google的 V8 JavaScript 引擎伺服器端的軟體平台上。在構建高效能的伺服器端應用程式上,Node.js 在 JavaScript 中已是首選方案。是什麼讓使用 Node.js 庫和應用程式的龐大生態系統來程式開發伺服器後台變得如此流行。Node.js 內建一個被稱為 npm 的命令列工具可以讓你輕鬆地安裝它,進資料列版本設定並使用 npm 的線上倉庫來管理 Node.js
Time of Update: 2016-04-07
BootStrap的彈出框(Popover)支援滑鼠移到彈出層上彈窗層不隱藏的原因及解決辦法,bootstrappopover彈出框(Popover)與工具提示(Tooltip)類似,提供了一個擴充的視圖。如需啟用彈出框,使用者只需把滑鼠移至上方在元素上即可。彈出框的內容完全可使用 Bootstrap 資料 API(Bootstrap Data API)來填充。該方法依賴於工具提示(tooltip)。1 設定延時, 超過該延時未移入彈窗則彈窗隱藏Tooltip.prototype.init =
Time of Update: 2016-04-06
Node.js 應用跑得更快 10 個技巧,node.js技巧NodeJS是一個伺服器端JavaScript解譯器,它將改變伺服器應該如何工作的概念。它的目標是協助程式員構建高度可伸縮的應用程式,編寫能夠處理數萬條同時串連到一個(只有一個)物理機的串連代碼。 Node.js 受益於它的事件驅動和非同步特徵,已經很快了。但是,在現代網路中只是快是不行的。如果你打算用 Node.js 開發你的下一個Web 應用程式的話,那麼你就應該無所不用其極,讓你的應用更快,異常的快。本文將介紹 10
Time of Update: 2016-04-06
超漂亮的Bootstrap 富文字編輯器summernote,bootstrap線上編輯器 Summernote 是一個簡單,靈活,所見即所得 (WYSIWYG)(WYSIWYG)的編輯器,基於 jQuery 和 Bootstrap 構建。Summernote 所有主要的操作都支援快速鍵,有一個功能強大的
Time of Update: 2016-04-06
javascript HTML5
Time of Update: 2016-04-06
javascript中apply、call和bind的使用區別,applybind在JS中,這三者都是用來改變函數的this對象的指向的,他們有什麼樣的區別呢。在說區別之前還是先總結一下三者的相似之處:1、都是用來改變函數的this對象的指向的。2、第一個參數都是this要指向的對象。3、都可以利用後續參數傳參。那麼他們的區別在哪裡的,先看一個例子。 var xw = { name : "小王", gender : "男",
Time of Update: 2016-04-04
頁面中表徵圖的使用,頁面表徵圖使用 之前說要整理這塊內容,分享給大家,工作原因,直到現在,趕上清明宅在家裡,趕緊整理出來與大家分享。精靈圖(CSS sprite) 所謂精靈圖,其實就是把幾張圖拼成一張圖。從而在低並發的瀏覽器上達到快速傳輸並呈現內容的目的(減少請求)。在用到這些圖片的時候,需要引用整張圖片然後設定座標到需要的那張小圖上。還有就是:圖片根據顏色分組,分成多個檔案。每張圖只有一種顏色,這樣讓每張圖片變得更小。當然,這根據當前項目來選擇適於你的方案。
Time of Update: 2016-04-01
解決inline-block屬性帶來的標籤間間隙問題,inline-block間隙1、給inline-block元素設定一個父元素。 設定父元素的font-size:0;。子項目font-size設定成合適大小,如果不設定子項目font-size,子項目會繼承父元素的0;2、給inline-block元素設定一個父元素。(letter-spacing:字元間距) 設定父元素的letter-spacing為-4px或-8px,除Google是-8px外,其餘是-4px。同樣要設定子項目的let
Time of Update: 2016-04-01
Atitit. Toast alert loading js控制項 atiToast v2新特性,atititatitoastAtitit. Toast alert loading js控制項 atiToast v2新特性 1. 連續多個txt追加的原理 var txt = document.createElement("p");
Time of Update: 2016-03-30
HTML中meta標籤作用及屬性總結,htmlmeta標籤總結 在前端開發中編寫html靜態網頁模板時,head標籤內總是會帶上許多meta標籤,大多數時候並不十分瞭解這些標籤的具體作用,只是別人寫了我們也寫上吧!今天小編特意查詢了一下關於網頁中meta標籤的作用。meta是head區的一個輔助性標籤。其主要作用有:搜尋引擎最佳化(SEO),定義頁面使用語言,自動重新整理並指向新的頁面,實現網頁轉換時的動態效果,控制頁面緩衝,網頁定級評價,控制網頁顯示的視窗等!meta標籤共有兩個屬性,它們分
Time of Update: 2016-04-01
樣式最常用的命名規則,樣式常用命名規則前端開發命名規則很重要,但是網上的命名規則一大篇,下面是我總結的一些常用的短語,希望能幫到大家,肯定不全,歡迎大家補充。1.如果是模組,可以這樣首碼:彈出:pop 公用:global(縮寫:gb) 標題:title,tit
Time of Update: 2016-04-01
CSS三列布局之左右寬度固定,中間元素自適應問題,css三列最近學到了幾種關於左右固定寬度,中間自適應的三列布局的方法,整理了一下,在這裡跟大家一起分享分享,其中有什麼不足的還望各位給指導指導哈。首先我想到的是float——浮動布局使用浮動,先渲染左右兩個元素,分別讓他們左右浮動,然後再渲染中間元素,設定它的margin左右邊距分別為左右兩個元素的寬度。例如以下代碼就可以實現我們想要的三列效果啦。<!DOCTYPE html><html
Time of Update: 2016-03-30
css筆記——inline-block以及空白字元處理,cssinline-block html<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題</title><link rel="stylesheet" type="text/css"
Time of Update: 2016-03-30
自動化高效css開發,暢談less的靈活變化,自動化css暢談less css是一種讓html與樣式分離解析而出現的代碼,它的出現大大提高了程式員的工作效率,和後期進行維護的效率。但是發展至今,由於起死板單調的寫法,越來越不能滿足程式員們靈活的思維,很多時候是種恨鐵不成鋼的心情來寫css,於是,有一些聰明的程式員就發明了less。 less是為了簡化css開發,靈活css開發而出現的,其功能非常強大,靈活性也很高,上手也很快,所以越來越受到前端開發的青睞,其中的基本文法我就不講了,相信度娘上