JavaScript

利用JS提交表單的幾種方法和驗證(必看篇)，js幾種方法工作中發現表單提交方便的問題，很多時候IE下提交好好的，打了Firefox下就出現了問題，利用提交按鈕就不成功了，於是利用JS的方式就成功了，也不知道為什麼。在導師的催促下就總結出以下的幾種常用表單提交的方法。第一種方式：表單提交，在form標籤中增加onsubmit事件來判斷表單提交是否成功<script type="text/javascript"> function validate(obj) { if

jQuery leonaScroll 1.1

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

Bootstrap時間選取器datetimepicker和daterangepicker使用執行個體解析，datetimepickerrange在bootstrap中的時間選取器有兩種：dateTimePicker和dateRangePicker   1、dateTimePicker好像是官方嫡外掛程式：   需要的檔案： 1 <link rel="stylesheet"

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

AnjularJS中$scope和$rootScope的區別小結，anjularjsrootscope一句話總結：     $rootScope針對全域的範圍生效     $scope只針對當前的controller範圍生效用下面的例子來證明上述的說法：定義一個模組名為myAppvar myApp = angular.module('myApp',

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-主要是用於蘋果機上的瀏覽器 一.

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

HTML

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

fullpage.js全屏滾動外掛程式使用執行個體，fullpage.js全屏剛做好公司網站，通過全屏滾動，顯著提高了官網的瀏覽體驗。遂總結一下使用fullpage.js的方法。歡迎指正一. fullpage.js簡介 fullpage.js是一套實現瀏覽器全屏滾動的js外掛程式,很多網站現在都使用了其來實現較好的瀏覽體驗。 可以實現的功能： •支援前進後退和鍵盤控制 •多個回呼函數 •支援手機、平板觸摸事件&

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全選在取複選框checkbox的屬性checked屬性值時，發現一個問題，就是當用attr取值時，真的為"checked",假的為"undefined";當用prop取值時，真的為"true",假的為"false"。經過網上參考一些資料，及根據官方的建議這兩個用法：具有 true 和 false 兩個屬性的屬性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()。方法一：

jquery 屬性選取器（匹配具有指定屬性的元素），jquery選取器jQuery 選取器在前面的章節中，我們展示了一些有關如何選取 HTML 元素的執行個體。關鍵點是學習 jQuery 選取器是如何準確地選取您希望應用效果的元素。jQuery 元素選取器和屬性選取器允許您通過標籤名、屬性名稱或內容對 HTML 元素進行選擇。選取器允許您對 HTML 元素組或單個元素進行操作。在 HTML DOM 術語中：選取器允許您對 DOM 元素組或單個 DOM 節點進行操作。jQuery

輕鬆掌握JavaScript狀態模式，輕鬆掌握javascript狀態模式 狀態模式（State）允許一個對象在其內部狀態改變的時候改變它的行為，對象看起來似乎修改了它的類。 狀態模式的使用情境也特別明確，有如下兩點： 1.一個對象的行為取決於它的狀態，並且它必須在運行時刻根據狀態改變它的行為。（有些對象通常會有好幾個狀態，在每個狀態都只可以做目前狀態才可以做的事情，而不能做其它狀態能做的事兒） 2.一個操作中含有大量的分支語句，而且這些分支語句依賴於該對

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

Vue.js每天必學之過濾器與自訂過濾器，vue.js自訂過濾器基礎類似於自訂指令，可以用全域方法 Vue.filter() 註冊一個自訂過濾器，它接收兩個參數：過濾器 ID 和過濾器函數。過濾器函數以值為參數，返迴轉換後的值：Vue.filter('reverse', function (value) { return value.split('').reverse().join('')})<!-- 'abc' => 'cba' --><span

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: