JavaScript

標籤：(71~80)驗證篇這一篇文章主要是10個比較常用表單驗證功能，包括了郵箱、危險字元、驗證長度、驗證網址、驗證小數、整數、浮點數等常用的驗證，有了這些程式碼片段，平時的表單驗證也可以不需要jquery的驗證外掛程式了，希望可以幫到大家。。。71、原生JavaScript判斷是否為郵箱複製代碼 代碼如下:function isEmail(str){ var re=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-

一起學寫js Calender日曆控制項，jscalender日曆控制項最近看了一下關於js日期的一些函數，突然想到了日曆控制項，於是試著寫了一個，作為背景程式員的我水平有限，大家抱著學習的態度看看我寫的這個例子吧，一起學習進步！首先一個常用的日期函數：Date(year,month,day) var   date=new  Date();擷取年份var  

js仿QQ中對連絡人向左滑動、滑出刪除按鈕的操作，js仿本文執行個體為大家分享實作類別似QQ中對連絡人的操作：向左滑動，滑出刪除按鈕。滑動超過一半時鬆開則自動滑到底，不到一半時鬆開則返回原處。純js實現使用了h5的touchmove等事件，以及用js動態改變css3的translate屬性來達到動畫效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta

分離與繼承的思想實現圖片上傳後的預覽功能：ImageUploadView，本文要介紹的是網頁中常見的圖片上傳後直接在頁面產生小圖預覽的實現思路，考慮到該功能有一定的適用性，於是把相關的邏輯封裝成了一個ImageUploadView組件，實際使用效果可查看下一段的git。在實現這個組件的過程中，有用到前面幾篇部落格介紹的相關內容，比如繼承庫class.js，任意組件的事件管理庫eventBase.js，同時包含進了自己對職責分離，表現與行為分離這兩方面的一些思考，歡迎閱讀與交流。示範效果：註：由於

關於cookie的初識和運用(js和jq)，cookie初識jsjqcookie是什麼---------------------------------------------------cookie是瀏覽器提供的一種機制，它將document

如何高效率去掉js數組中的重複項，高效率去掉js數組方式一: 常規模式1.構建一個新的臨時數組存放結果2.for迴圈中每次從原數組中取出一個元素，用這個元素迴圈與臨時數組對比3.若臨時數組中沒有該元素，則存到臨時數組中方式二: 使用了預設Js數組sort預設排序，是按ASCII進行排序；若要按照升降序的排列如下：<控制台列印輸出>1.先將當前數組進行排序2.檢查當前中的第i個元素 與

學習使用bootstarp基本控制項（table、form、button），bootstarpbuttonbootstrap為我們定義了簡潔易用的樣式，我們只需要很少的樣式指定，就可以完成簡約優雅的頁面展示。本篇主要介紹以下幾個基本控制項：1. table2. form 3. button1.

JS模組化開發(requireJS)使用模組化開發的好處：通過 exports 暴露介面。這意味著不需要命名空間了，更不需要全域變數。這是一種徹底的命名衝突解決方案。通過 require 引入依賴。這可以讓依賴內建，開發人員只需關心當前模組的依賴，其他事情 Sea.js/ Require.js 都會自動處理好。對模組開發人員來說，這是一種很好的 關注度分離，能讓程式員更多地享受編碼的樂趣實現JS模組化開發，目前有兩個規範，一個是AMD規範，一個是CMD規範。RequireJS遵循的是AMD規範。

兩種方法解決javascript url post 特殊字元轉義 + & #，最近在用url 傳特殊字元的時候探索資料丟失了。其實不是丟失，比如 ‘+'它會當成串連字元來處理了。一、替換成16進位字元，在這列幾個常用的轉換 + 空格 / ? % & = # %2B %20 %2F %3F %25 %26 &3D

不使用border-radius，實現一個可複用的高度和寬度都自適應的圓角矩形，border-radius圓角現在css3支援圓角矩形，但是為了相容性問題，雖然比較麻煩，但還是有必要瞭解一下以下方法。在一個div內，包含8個div，控制這個8個div的height、margin以及border屬性值，以達到圓角矩形效果,不過要注意div的順序。 html代碼：<body> <div class="bor"> <div class="b1">&

用rem實現自適應的優劣分析，rem自適應優劣關於rem實現螢幕調適型配置的討論還是比較多的，剛好我也看到使用rem實現自適應的web app，所以也來湊下熱鬧。說起rem，免不了要聯絡到em、px，這裡簡單提提他們的定義和特點。1.

版本控制-git的使用，版本控制-git使用最近剛到公司實習，知道了版本控制，並略微會用了git的版本控制，下面就簡單的記錄一下，給健忘的自己日後回顧~師傅教我的是命令列的使用，所以暫時只說命令列的方法，1.首先進入CLone到本地的那個本地庫的地址，然後右擊尋找git

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 =

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) {

如何在Linux上安裝Node.js，Linux安裝Node.jsNode.js 是建立在Google的 V8 JavaScript 引擎伺服器端的軟體平台上。在構建高效能的伺服器端應用程式上，Node.js 在 JavaScript 中已是首選方案。是什麼讓使用 Node.js 庫和應用程式的龐大生態系統來程式開發伺服器後台變得如此流行。Node.js 內建一個被稱為 npm 的命令列工具可以讓你輕鬆地安裝它，進資料列版本設定並使用 npm 的線上倉庫來管理 Node.js

BootStrap的彈出框(Popover)支援滑鼠移到彈出層上彈窗層不隱藏的原因及解決辦法，bootstrappopover彈出框（Popover）與工具提示（Tooltip）類似，提供了一個擴充的視圖。如需啟用彈出框，使用者只需把滑鼠移至上方在元素上即可。彈出框的內容完全可使用 Bootstrap 資料 API（Bootstrap Data API）來填充。該方法依賴於工具提示（tooltip）。1 設定延時， 超過該延時未移入彈窗則彈窗隱藏Tooltip.prototype.init =

Node.js 應用跑得更快 10 個技巧，node.js技巧NodeJS是一個伺服器端JavaScript解譯器，它將改變伺服器應該如何工作的概念。它的目標是協助程式員構建高度可伸縮的應用程式，編寫能夠處理數萬條同時串連到一個（只有一個）物理機的串連代碼。 Node.js 受益於它的事件驅動和非同步特徵，已經很快了。但是，在現代網路中只是快是不行的。如果你打算用 Node.js 開發你的下一個Web 應用程式的話，那麼你就應該無所不用其極，讓你的應用更快，異常的快。本文將介紹 10

超漂亮的Bootstrap 富文字編輯器summernote，bootstrap線上編輯器 Summernote 是一個簡單，靈活，所見即所得 (WYSIWYG)（WYSIWYG）的編輯器，基於 jQuery 和 Bootstrap 構建。Summernote 所有主要的操作都支援快速鍵，有一個功能強大的

javascript HTML5

javascript中apply、call和bind的使用區別，applybind在JS中，這三者都是用來改變函數的this對象的指向的，他們有什麼樣的區別呢。在說區別之前還是先總結一下三者的相似之處：1、都是用來改變函數的this對象的指向的。2、第一個參數都是this要指向的對象。3、都可以利用後續參數傳參。那麼他們的區別在哪裡的，先看一個例子。 var xw = { name : "小王", gender : "男",