JavaScript

jquery控制頁面的展開和隱藏實現方法(推薦)，jquery頁面【jquery代碼】  <script> require(["jquery","validate","bootstrap","lhgcalendar"],function($) { $(function(){ $("form").validate(); }); $(".up").click(function(){

js實現table添加行tr、刪除行tr、清空行tr的簡單一實例，tabletr如下所示：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META

JS常用函數和常用技巧小結，js技巧小結學習和工作的過程中總結的乾貨，包括常用函數、常用js技巧、常用Regex、git筆記等。為剛接觸前端的童鞋們提供一個簡單的查詢的途徑，也以此來緬懷我的前端學習之路。Ajax請求jquery ajax函數我自己封裝了一個ajax的函數，代碼如下：var Ajax = function(url, type success, error) {$.ajax({url: url,type: type,dataType: 'json',timeout:

淺談js對象的建立和對6種繼承模式的理解和遐想，淺談jsJS中總共有六種繼承模式，包括原型鏈、借用建構函式、組合繼承、原型式繼承寄生式繼承和寄生組合式繼承。為了便於理解記憶，我遐想了一個過程，對6中模式進行了簡單的闡述。很長的一個故事，姑且起個名字叫女媧造人吧。建立對象女媧一個一個的捏人（建立對象），這樣太慢，於是設計了一種機器（函數），想造什麼樣的，告訴他這個人有哪些特點和功能，機器來製造。這就是原廠模式的（使用同一個介面建立對象，回產生大量重複代碼，由此發明了一種函數（模具））。但是機器造人

jQuery監聽檔案上傳實現進度條效果的方法，jquery進度條原理：給XMLHttpRequest對象的upload屬性綁定onprogress方法監聽上傳過程var xhr=new XMLHttpRequest();

移動端滑動外掛程式Swipe教程，滑動外掛程式swipe教程前言最近需要開發一個新的“活動平台”，手機端首頁需要用到一個投影片。因為好一段時間沒有全部手寫移動端頁面了，遂又重新找了一個下有沒有什麼好的投影片外掛程式，畢竟重複造輪子沒有必要啊。綜合比較後發現，Swipe 這款外掛程式還是比較不錯的，所以這裡特地寫一篇文章以像大家推薦，並且作為記錄，方便下次查看。簡介Swipe 是一個輕量級的移動滑動組件，這點從檔案大小不難看出。它支援 1:1

JavaScriptRegex執行個體詳解，Regex執行個體詳解廢話不多說了，直接把小編多年總結匯總的代碼奉獻給大家<script type="text/javascript">var str2 = "YouCan3You8Up,no can no bibi!";var reg = /^[0-9a-zA-Z]{1,}$/;console.log(reg.test(str2));//Regex的一般形式//Regex對象的建立：//var 對象名 = new

JavaScript中的ajax功能的概念和樣本詳解，javascriptajaxAJAX即“Asynchronous Javascript And XML”（非同步JavaScript和XML）。個人理解：ajax就是無重新整理提交，然後得到返回內容。對應的不使用ajax時的傳統網頁如果需要更新內容（或用php做處理時），必須重載整個網頁頁面。樣本：html代碼如下<!DOCTYPE html><html><head><meta

WEB前端實現裁剪上傳圖片功能，web上傳圖片最後的效果如下：這裡面有幾個功能，第一個是支援拖拽，第二個壓縮，第三個是裁剪編輯，第四個是上傳和上傳進度顯示，下面依次介紹每個功能的實現：1. 拖拽顯示圖片拖拽讀取的功能主要是要兼聽html5的drag事件，這個沒什麼好說的，查查api就知道怎麼做了，主要在於怎麼讀取使用者拖過來的圖片並把它轉成base64以在本地顯示。var handler = {init:

jQuery右下角懸浮廣告執行個體，jquery懸浮廣告執行個體右下角懸浮廣告是一種常見的網頁廣告展示方式，而且對使用者瀏覽有幹擾之嫌但對網站收益來說是很受站長們歡迎的。今天我給大家分享一個使用jQuery來實現網頁右下角廣告的執行個體。它的優點是可以從右下角緩慢升起，展示一定時間自動消失，並且可以改成網站訊息提示視窗。HTML首先準備廣告素材，並在body中建立一個使用者懸浮的廣告主體DIV#pop，設定為不顯示，在廣告的上部標題列有關閉按鈕，點擊關閉時，則關閉隱藏懸浮廣告。<div

小程式 火車票查詢執行個體講解，小程式執行個體講解          小程式 簡單一實例---火車票查詢應用，學習掌握小程式架構，及開發步驟的實現。小程式體現了輕便，易用的特點，並且上手快，前端知識好學易用。1. 相關連結本本項目代碼擷取地址Github：https://github.com/VincentWYJ/WXAppTrain.git；Blog

小程式 MINA檔案結構，小程式mina檔案結構架構程式包含一個描述整體程式的 app 和多個描述各自頁面的 page。一個架構程式主體部分由三個檔案組成，必須放在項目的根目錄，如下： 檔案 必填 作用 app.js 是 小程式邏輯 app.json 是 小程式公用設定 app.wxss 否 小程式公用樣式表

用自訂圖片代替原生checkbox實現全選,刪除以及提交的方法，UI妹子覺得原生的checkbox複選框太醜，非要用圖片來代替，那就依她。做出來的效果類似這樣：要代替原生的checkbox。 那麼要實現原生checkbox能乾的事。我們主要實現這幾點就可以了。1.點擊列表中的勾選圖片。圖片會變換成相反的。2.如果當前是全選狀態，不勾選列表中的某一項，全選處的圖片變成未勾選的狀態。如果點擊了某一項使列表成了全選的狀態， 全選處的圖片變成勾選狀態。3.全選功能4.點擊刪除，能刪除全部的勾選的圖片。1

小程式 教程之WXML，小程式wxml系列文章：小程式 教程之WXSS小程式 教程之引用小程式 教程之事件小程式 教程之模板小程式 教程之列表渲染小程式 教程之條件渲染小程式 教程之資料繫結小程式 教程之WXMLWXMLWXML(WeiXin Markup Language)是MINA設計的一套標籤語言，結合基礎組件、事件系統，可以構建出頁面的結構。用以下一些簡單的例子來看看WXML具有什麼能力：資料繫結<!--wxml--><text> {{message}} <

小程式 教程之列表渲染，小程式渲染系列文章：小程式 教程之WXSS小程式 教程之引用小程式 教程之事件小程式 教程之模板小程式 教程之列表渲染小程式 教程之條件渲染小程式 教程之資料繫結小程式 教程之WXMLwx:for在組件上使用wx:for控制屬性綁定一個數組，即可使用數組中各項的資料重複渲染該組件。預設數組的當前項的下標變數名預設為index，數組當前項的變數名預設為item<view wx:for="{{items}}"> {{index}}: {{item.message}

小程式 教程之引用，小程式引用系列文章：小程式 教程之WXSS小程式 教程之引用小程式 教程之事件小程式 教程之模板小程式 教程之列表渲染小程式 教程之條件渲染小程式 教程之資料繫結小程式 教程之WXML引用WXML提供兩種檔案引用方式import和include。importimport可以在該檔案中使用目標檔案定義的template，如：在item.wxml中定義了一個叫item的template：<!-- item.wxml --><template

小程式 教程之事件，小程式教程系列文章：小程式 教程之WXSS小程式 教程之引用小程式 教程之事件小程式 教程之模板小程式 教程之列表渲染小程式 教程之條件渲染小程式 教程之資料繫結小程式 教程之WXML什麼是事件 事件是視圖層到邏輯層的通訊方式。 事件可以將使用者的行為反饋到邏輯層進行處理。 事件可以綁定在組件上，當達到觸發事件，就會執行邏輯層中對應的事件處理函數。 事件對象可以攜帶額外資訊，如id, dataset,

html中的一些標籤學習，html標籤學習今天看手冊學習到了HTML5很多屬性。現在總結如下<body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">Background用來設定頁面的背景，後面是圖片的地址Bgcolor 用來設定頁面的背景顏色。後面是顏色或者十六進位數字Text 用來設定沒有超連結的字型顏色 Link用來設定超連結的字型顏色 alink

子數涵數·DW——純文字頁面，dw純文字頁面一、設定Mate屬性1.開啟Dreamweaver，建立一個的HTML項目。2.設定Meta屬性，點擊左上方圖示位置，或插入->HTML->文字頭標籤->Meta。3.彈出Meta設定的視窗，輸入相關資訊（最常用的就是author），然後單擊確定。4.同理，在趨於相同的位置單擊（插入->HTML->文字頭標籤->關鍵字），設定關鍵字（關鍵字是用於搜尋引擎尋找的，用英文狀態下的‘,’逗

css實現左（右）側固定寬度，右（左）側寬度自適應，css自適應老話長談，css的不固定適應布局   不管是面試還是在平時的工作中，這樣的布局形式一直都在用著，很常見，所以今天我就拿出來在嘮叨一下， 既是給自己一個備忘儲存，也是一個學習鞏固的參考，知道大家都會，還是要記憶一下，不為其他，就為打好基礎。話說太多， 直接上代碼，一看就能明白。 也許你會不屑一顧的說簡單，可是我就喜歡寫一些。。。。。。作為一個菜鳥，就要從基礎努力學習才行。方法多種，