JavaScript

jQuery實現可拖拽的許願牆效果【附demo源碼下載】，jquerydemo本文執行個體講述了jQuery實現可拖拽的許願牆效果。分享給大家供大家參考，具體如下：運行如下：這裡簡單介紹下功能點：① 隨機顯示背景圖或背景色② 出現的位置隨機③ 可以通過拖拽改變位置好了，附上代碼：<!doctype html><html lang="en"><head> <meta charset="UTF-8"/>

css中元素置中總結，css元素置中總結很多時候，我們需要讓元素置中顯示：1. 一段文本的水平置中，2. 一張圖片的水平置中，3. 一個區塊層級元素的水平置中；4. 單行文本的豎直置中，5. 不確定高度的一段文本豎直置中，6. 確定高度的區塊層級元素豎直置中等等。現在分別對其進行總結下(這篇文章也在 imooc 裡發表過手記，可是因為板式的原因不太容易讀懂。)：1. 讓元素水平置中，使用 text-align: center;<div

Http狀態代碼之：301、302重新導向，302重新導向概念301 Moved Permanently 被請求的資源已永久移動到新位置，並且將來任何對此資源的引用都應該使用本響應返回的若干個URI之一。如果可能，擁有連結編輯功能的用戶端應當自動把請求的地址修改為從伺服器反饋回來的地址。除非額外指定，否則這個響應也是可快取的。 新的永久性的URI應當在響應的Location域中返回。除非這是一個HEAD請求，否則響應的實體中應當包含指向新的URI的超連結及簡短說明。

整理一下以前學習的Html+css3複習筆記，css3複習一、html5新特性 常用語義標籤:nav footer header section mark 功能標籤 video audio iframe canvas(畫布和繪圖功能) input新type:url/number/range/Date(date, month, week, time等)/search/color   二、css3 1

使用CSS實現一個簡單的投影片效果，css實現投影片方法一： 簡單的CSS代碼實現投影片效果方法二： 使用CSS3 Animation來製作投影片 方法一： 簡單的CSS代碼實現投影片效果話不多說，直接上代碼<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>CSS實現簡單的投影片效果</title>

jQuery leonaScroll 1.1

JS Canvas定時器類比動態載入動畫，canvas定時器本文執行個體為大家分享了Canvas定時器動態載入動畫，供大家參考，具體內容如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> </style></head><body>

AngularJS使用自訂指令替代ng-repeat的方法，angularjsng-repeat前言大家都知道對於處理小數量，ng-repeat是非常有用的，但是如果需要處理非常大的數量集，還是採用自訂的方法更好一些。特別是資料大多都是靜態或已預儲存好的，這個時候應避免使用ng-repeat指令。ng-repeat中的運算式和 $watchAngular中的運算式都會建立$watch 的Scope

js完整倒計時代碼分享，js倒計時代碼本文執行個體為大家分享了js倒計時代碼，供大家參考，具體內容如下<html><head><title>倒計時測試</title> <script src="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script

Bootstrap Table表格一直載入(load)不了資料的快速解決方案，bootstraptablebootstrap-table是一個基於Bootstrap風格的強大的表格外掛程式神器，官網：http://bootstrap-table.wenzhixin.net.cn/zh-cn/　　這裡列出遇到的一個小問題：Bootstrap Table表格一直載入不了資料。　　$("#button").click(function(){ var

CSS3: border-radius詳解，css3border-radiusborder-radius基本文法：　　border-radius ： none | <length>{1,4} [/ <length>{1,4} ]?取值範圍：　　<length>： 由浮點數字和單位標識符組成的長度值。不可為負值。 如果你在 border-radius 屬性中只指定一個值，那麼將產生 4 個

css3新增屬性(轉載)，css3新增屬性轉載寫在前面的話：   由於CSS5標準還未完全訂下來，所以各種核心的瀏覽器都有自己的標準，為了不使屬性混淆，所以各家在各自標準前加了一個首碼，如：-moz-  主要是firefoxFirefox      -webikt-主要是chromeGoogle,     -o-主要是用於蘋果機上的瀏覽器 一.

Bootstrap 3的box-sizing樣式導致UEditor控制項的圖片無法正常縮放，　　UEditor組件是百度提供的一套開源的web線上所見即所得

Vue.js實現一個自訂分頁組件vue-paginaiton，vue分頁組件vue實現一個分頁組件vue-paginaitonvue使用了一段時間的感觸就是，我再也不想直接操作DOM了。資料繫結式的編程體驗真是好。實現的一個分頁組件。這裡的css就不放出來了，可以看直接去github上下載：vue-pagination先上一張執行個體圖吧模版<div class="page-bar"> <ul> <li v-if="showFirstText"><a

深入分析node.js的非同步API和其局限性，深入分析node.jsapi用非同步API的原因非同步概念之所以首先在Web2.0中火起來,是因為在瀏覽器中Javascript在單線程上執行,而且他還與UI渲染公用一個線程.這意味著Javascript在執行的時候UI渲染和響應是處於停滯狀態的.為了使用者體驗更好而採取非同步方式(當然,這在所謂的單線程語言中)不阻塞主線程繼續響應使用者操作.這屬於使用者體驗的範疇.

Vuejs第九篇之組件範圍及props資料傳遞執行個體詳解，vuejs第九篇本篇資料來於官方文檔：http://cn.vuejs.org/guide/components.html#Props本教程是小編結合官方文檔整理的一套更加細緻，代碼更多更全的教程，特別適合新手閱讀。props資料傳遞①組件執行個體的範圍：是孤立的，簡單的來說，組件和組件之間，即使有同名屬性，值也不共用。<div id="app"> <add></add> <del><

AngularJS 面試題集錦，angularjs試題集錦ng-if 跟 ng-show/hide 的區別有哪些？第一點區別是， ng-if 在後面運算式為 true 的時候才建立這個 dom-節點， ng-show 是初始時就建立了，用 display:block 和 display:none 來控制顯示和不顯示。第二點區別是， ng-if 會（隱式地）產生新範圍， ng-switch 、 ng-include 等會動態建立一塊介面的也是如此。這樣會導致，在 ng-if 中用基本變數綁定

jQuery實現底部浮動視窗效果，jquery實現浮動視窗本文執行個體講述了jQuery實現底部浮動視窗效果。分享給大家供大家參考，具體如下：<script type="text/javascript" src="jquery-1.10.1.min.js"></script><style type="text/css">#foot_tel { width:100%;height:43px;

JS實現title標題列文字不間斷滾動顯示效果，title標題列本文執行個體講述了JS實現title標題列文字不間斷滾動顯示效果。分享給大家供大家參考，具體如下：運行效果如下：具體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3

JS實現簡單易用的手機端浮動視窗顯示效果，js視窗本文執行個體講述了JS實現簡單易用的手機端浮動視窗顯示效果。分享給大家供大家參考，具體如下：html：<style type="text/css">.fdBonTel{ width:100%; height:53px; position:fixed; background:#0052ae; text-align:center; left:0; bottom:0; z-index:999; }.fdOnline{ background: