JavaScript

Bootstrap~多級導航(級聯導航)的實現效果【附代碼】，bootstrap在bootstrap官方來說，導航最多就是兩級，兩級以上是無法實現的，大叔找了一些第三方的資料，終於找到一個不錯的外掛程式，使用上和效果上都還不錯，現在和大家分享一下外掛程式地址：http://vsn4ik.github.io/bootstrap-submenu/先看一下，在大叔後台系統上的顯示效果下面說一下實現的方式１　引用三個JS外掛程式和一個CSS類庫複製代碼 代碼如下:<script

jquery實現文字框textarea自適應高度，jquerytextarea瀏覽器中預設的文字框是不能根據內容的增多變高，只能固定高度有捲軸，體驗不是很好，找了很多方法相容都不行，總算找到個相容良好的方法：<body> <textarea id="textarea3" style="overflow-y:hidden; height:20px;resize: none"> </textarea> <script type="

ES6中如何使用Set和WeakSet，es6setweaksetES6中提供了兩新資料結構-Set和WeakSet。Set是類似於數組，但是成員變數的值都是唯一的，沒有重複的值。WeakSet也是不重複的值的集合，但是只能用來存放對象。一、Set使用(1)Set本身提供了一個建構函式，用來產生Set資料結構。var s = new Set();[2,2,2,5,8,16,2,1].map(x => s.add(x))for(i of s){console.log(i)}//2,5,8,1

javascript html5 canvas實現可拖動省份的中國地圖，html5canvas本文執行個體分享了html5 canvas可拖動省份的中國地圖實現方法，供大家參考，具體內容如下1.資料擷取畫地圖需要省份邊界座標，理論上可以每次都用百度API擷取資料並繪圖，但為了增加效率，首先將所有座標都擷取下來並存入資料庫中。建立省份資料數組複製代碼 代碼如下:var allZoneData = [{'name':'遼寧省','been':'yes','id':'01'},<span

JavaScript中setTimeout和setInterval函數的傳參及調用，setinterval調用函數如何向 setTimeout 、 setInterval 傳遞參數看如下代碼：var str = 'aaa'; var num = 2; function auto(num){ alert(num); } setTimeout('auto(num)',4000);

javascript對象的建立和訪問，javascript對象建立JavaScript，很少能讓人想到它物件導向的特性，甚至有人說它不是物件導向的語言，因為它沒有類。沒錯， JavaScript 真的沒有類，但 JavaScript 是物件導向的語言。 JavaScript 只有對象，對象就是對象，不是類的執行個體。 因為絕大多數物件導向語言中的對象都是基於類的，所以經常有人混淆類的執行個體與對象的概念。對象就是類的執行個體，這在大多數語言中都沒錯，但在 JavaScript

js表單處理中單選、多選、選擇框值的擷取及表單的序列化，js序列化本文總結了下在表單處理中單選、多選、選擇框值的擷取及表單的序列化，寫成了一個對象。如下：var formUtil = { // 擷取選項按鈕的值，如有沒有選的話返回null // elements為radio類的集合的引用 getRadioValue:function(elements) { var value = null; // null表示沒有選中項 // 非IE瀏覽器 if(elements.value

使用JQuery實現智能表單驗證功能，jquery智能表單驗證先給大家展示下表單，具體效果如下所示：1.前台一開始用JQuery實現，先來上HTML標記:<body><form id="form1" runat="server"><table class="tble"><tr><td class="td1">使用者名稱 <input type="text" class="td" /></td></

Angularjs material 實現搜尋方塊功能，angularjsmaterialangular-material 是 AngularJS 的一個子項目，用來提供實現了 Material Design 風格的組件。Material 提供了大量的android 風格的UI組件，使用 angularjs + Material 可以很容易開發出風格接近原生 Android 5.x

基於jQuery的網頁影音播放器jPlayer的基本使用教程，jqueryjplayerjPlayer簡介：想在網頁上播放背景音樂，不想用html標籤的方式，因為那樣只有音樂全部下載完以後才能播放，還容易出現跨瀏覽器安全色性的問題，於是選了一款基於jQuery的播放器jPlayer來做。設定jPlayer的尺寸大小使用建構函式配置jPlayer({size:Object})設定jPlayer的高寬。使用建構函式配置jPlayer({sizeFull:Object})設定全屏尺寸。注意可通過建構函

js擷取當前日期時間及其它日期操作匯總，js當前本文執行個體為大家分享了javascript時間操作的使用常見情境，供大家參考，具體內容如下var myDate = new Date(); myDate.getYear(); //擷取當前年份(2位) myDate.getFullYear(); //擷取完整的年份(4位,1970-????) myDate.getMonth(); //擷取當前月份(0-11,0代表1月) myDate.getDate();

詳解JavaScript的AngularJS架構中的運算式與指令，angularjs指令詳解“指令屬性”就是綁定在DOM元素上的函數，它可以調用方法、定義行為、綁定controller及$scope對象、操作DOM，等等等等。當瀏覽器啟動、開始解析HTML（像平時一樣）時，DOM元素上的指令屬性就會跟其他屬性一樣被解析。當一個Angular.js應用啟動，Angular編譯器就會遍曆DOM樹（從有ng-app指令屬性的那個DOM元素開始，如我們在本系列第一篇裡所提過的），解析HTML，尋找這些指

js日期外掛程式dateHelp擷取本月、三個月、今年的日期，jsdatehelp最近看了一些關於物件導向的知識，最近工作中在做統計查詢的時候需要用到本月、近三個月、今年的日期範圍，所以下面用用物件導向的思想寫了一個擷取日期的外掛程式，大家可以借鑒使用。直接通過new DateHelp就可以調用了var myDate = new

js實現文字滾動效果，js實現文字滾動首先先看一下大致，因為是動態，在頁面無法顯示出來。具體的實現代碼如下：1.首先是css代碼：<style type="text/css">body,ul,li,a,p,div{padding:0px; margin:0px; font-size:14px;}ul,li{list-style:none;}a{ text-decoration:none; color:#333;} #demo{ overflow:hidden;

基於zepto的移動端輕量級日期外掛程式--date_picker，zepto--date_picker前言做過移動Web開發的同學都知道，移動端日期選擇是很常見的需求。在PC端，我們有很豐富的選擇，比較出名的就有Mobiscroll和jQuery UI

JavaScript html5 canvas繪製時鐘效果，html5canvas本文執行個體講述了JavaScript+html5 canvas繪製時鐘效果。分享給大家供大家參考，具體如下： HTML部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

JavaScript Array對象詳解，javascriptarray本文介紹了Js的Array 數組對象，具體內容如下目錄1. 介紹：介紹 Array 數組對象的說明、定義方式以及屬性。2. 執行個體方法：介紹 Array 對象的執行個體方法：concat、every、filter、forEach、indexOf、join、lastIndexOf、map、pop、push、reverse、shift、slice、sort、splice、toString、tounshift等。3. 靜態方法：

【鬼臉原創】後端程式員前端之路02--CSS選取器詳解，02--css選取器目錄CSS選取器CSS層疊 CSS繼承樣式優先順序機制 一、CSS選取器？最基礎的選取器選取器例子描述#id#firstnameID選取器，選取Id=firstname的元素.class.myclass類別選取器，選取class=myclass的所有元素elementp標籤選取器，選取所有<p>元素    偽類別選取器選取器例子描述:linka:li

HTML系列（五）：超連結，html系列超連結     <a> 標籤定義超連結，最重要的屬性是 href 屬性，它指示連結的目標。通過將href屬性設定不同類型的值可以使連結指向不同類型的連結地址：內部連結、外部連結、錨連結。    

理解js回收機制通俗易懂版，js回收機制通俗易懂之前文章中，講解過js中的回收機制，但是對於當時的我來說，我自己對回收機制的這個概念也有些懵懵懂懂，現在對回收機制有了更深入的理解，所以特此發布此文給於總結，也好加深記憶。為什麼要有回收機制？why？打個比方，我有一個記憶卡，這個記憶體是8G的，我把檔案，視頻，音樂，都儲存到了這個記憶卡，隨著我的儲存的內容越來越多，這個記憶卡已經儲存不了了，如果我還想再把其他的檔案儲存到這個記憶卡就需要刪除一些檔案，但是這些被刪除的檔案是我們自己手動刪除的對吧，手