JavaScript

CSS3實現的橫向二級下拉式功能表代碼執行個體，css3下拉式功能表CSS3實現的橫向二級下拉式功能表代碼執行個體:橫向二級下拉式功能表是非常常用的效果，例如很多網站的導覽列就是這樣的二級下拉式功能表效果，非常好用，本章節分享一段使用CSS3實現的下拉式功能表，當然當下很多瀏覽器都不支援，不過相信用不了多久這種現狀就會被改變。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><

CSS實現的滑鼠懸浮整行背景變色代碼，css變色CSS實現的滑鼠懸浮整行背景變色代碼:在新聞列表形式的不置中，為了清晰的分辨每一行，一般當滑鼠懸浮在一行上的時候，能夠實現當前行整行變色，下面就通過代碼執行個體簡單介紹一下如何?此效果，代碼如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author"

基於jquery實現瀑布流布局，jquery瀑布布局本文執行個體為大家介紹了基於jquery實現瀑布流布局的關鍵代碼，分享給大家供大家參考，具體內容如下：具體代碼：使用jquery-1.8.3.min.js，waterfall.js代碼如下：$( window ).load( function(e){ waterfall(); var dataInt = { 'data': [{ 'src': '1.jpg' },{ 'src': '2.jpg' },{ 'src': '3.jpg' },{

js時間戳記轉為日期格式的方法，js戳轉為日期格式什麼是Unix時間戳記(Unix timestamp)： Unix時間戳記(Unix timestamp)，或稱Unix時間(Unix time)、POSIX時間(POSIX

AngularJS進行效能調優的7個建議，angularjs效能調優　AnglarJS作為一款優秀的Web架構，可大大簡化前端開發的負擔。近日Sebastian Fröstl在一篇博文《AngularJS Performance Tuning for Long

Nodejs express架構一個工程中同時使用ejs模版和jade模版，nodejsejs在某些項目中，比如你接手了一個別人的項目然後你不想用蛋疼的ejs，或者你不想用蛋疼的jade。你有不想重寫之前的頁面，那麼你現在可能需要新引入ejs或者jade模組，你僅僅需要做下面兩步也許就能完成使用兩個模版的工作1.consolidate.jscd 到項目目錄：npm install consolidate

CSS如何將單詞首字母設定為大寫，css單詞字母大寫CSS如何將單詞首字母設定為大寫:本章節介紹一下如何使用CSS將英文單詞的第一個字母設定為大寫狀態，代碼執行個體如下: <!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/"

Bootstrap實現響應式導覽列效果，bootstrap導覽列為了給導覽列添加響應式特性，您要摺疊的內容必須包裹在帶有 classes .collapse、.navbar-collapse 的 <div> 中。摺疊起來的導覽列實際上是一個帶有class .navbar-toggle 及兩個 data- 元素的按鈕。第一個是 data-toggle，用於告訴 JavaScript 需要對按鈕做什麼，第二個是 data-target，指示要切換到哪一個元素。三個帶有 class

對象題目的一個坑 理解Javascript對象，這一篇的例子，主要是來引起對Javascript對象的理解及注意的。其實是一種面試時的一個坑，實際項目中也是很少用得到，但是為了提高警惕性，我們來看這個例子：代碼名稱var first = {};var second = {k:"second"};var third = {k:"third"};first[second] = 100;first[third] = 200;console.log(first[second])//這裡會輸出什麼內容呢&

JS實現的表格操作類詳解(添加，刪除，排序，上移，下移)，本文執行個體講述了JS實現的表格操作類。分享給大家供大家參考，具體如下：運行效果如下：點擊此處查看線上示範。具體代碼如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style

JavaScript判斷對象是否為數組，文中為大家分享了三種JavaScript判斷對象是否為數組的方法，1. typeof首先我們會想到的是使用typeof來檢測資料類型，但是對於Function, String, Number, Undefined等這幾種基本類型來說，使用typeof來檢測都可以檢測到，比如代碼如下：function test(){}console.log(typeof 1); // numberconsole.log(typeof test); // function

分享JavaScript與Java中MD5使用兩個例子，在網上查了一下，在網上收集了Java與JavaScript中使用的兩個例子，實驗過，分享下。1、Java：package org.bearfly.test.md5; import java.io.UnsupportedEncodingException;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException; public class

詳解JavaScript時間格式化，感謝某前輩寫的JS格式化日期和時間JS代碼，很好很強大！！！前言：　　js雖然提供了各種擷取時間Date對象的不同屬性方法，如：getDate 方法 | getDay 方法 | getFullYear 方法 | getHours 方法 ... ...

Regex最佳化JSON字串的技巧，json字串很有用，有時候一些後台介面返回的資訊是字串格式的，可讀性很差，這個時候要是有個可以格式化並高亮顯示json串的方法那就好多了，下面看看一個Regex完成的json字串的格式化與高亮顯示首先是對輸入進行轉換，如果是對象則轉化為規範的json字串，不是對象時，先將字串轉化為對象（防止不規範的字串），然後再次轉化為json串。其中json為輸入。if (typeof json !== 'string') {json =

js操作cookie儲存瀏覽記錄的方法，本文執行個體講述了js操作cookie儲存瀏覽記錄的方法。分享給大家供大家參考，具體如下：說明：最近做了一個功能，記錄使用者瀏覽過的產品頁面。我的思路是，客戶每次進入產品頁面，就自己調用JS把產品資訊以json的形式儲存到cookie裡面。瀏覽記錄的顯示是從cookie裡讀出來，然後解析成json，產生html元素。因為使用者可能會同時開啟好幾個頁面，這幾個頁面上可能都有瀏覽記錄，為了使即使顯示瀏覽記錄，每秒中重新整理一次。要用到2個js檔案，histor

原生js和jQuery實現淡入淡出輪播效果，本文執行個體為大家介紹了基於jQuery實現淡入淡出輪播效果的關鍵代碼，分享給大家供大家參考，具體內容如下：基本原理：將所有圖片絕對位置在同一位置，透明度設為0，然後通過jQuery的淡入淡出實現圖片的轉場效果。html代碼：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"

藉助FileReader實現將檔案編碼為Base64後通過AJAX上傳，使用AJAX是無法直接上傳檔案的，一般都是建立個iframe在它裡面完成表單提交的過程以達到非同步上傳檔案的效果。如此做可以達到比較好的瀏覽器安全色性，不過代碼量會比較大，即使是使用了檔案上傳外掛程式，例如plupload。如何能達到靈活的程度呢，能像普通的AJAX提交表單資料那樣將檔案看成是普通表單參數來對待就好了。靈光一閃，利用javascript的FileReader對象將檔案編碼成base64再傳伺服器不就行了麼~開

JQuery datepicker 用法詳解，jQuery UI很強大，其中的日期選擇外掛程式Datepicker是一個配置靈活的外掛程式，我們可以自訂其展示方式，包括日期格式、語言、限制選擇日期範圍、添加相關按鈕以及其它導航等。官方地址：http://docs.jquery.com/UI/Datepicker，官方樣本： http://jqueryui.com/demos/datepicker/。一個不錯的地址，用來DIY jQuery

javascript產生img標籤的3種實現方法(對象、方法、html)，本文執行個體講述了javascript產生img標籤的3種實現方法。分享給大家供大家參考，具體如下：<div id="d1"></div><script>//HTMLfunction a(){document.getElementById("d1").innerHTML="<img

如何解決easyui自訂標籤 datagrid edit combobox 手動輸入儲存不上，使用onEndEdit事件（該事件可以擷取到editor對象，onAfterEdit事件擷取不到Editor對象）通過editor拿到輸入資料並儲存。int ci = 0;for(Column col : columnList ){for(Combobox cbb : col.getCombobox()){if(cbb != null){str += "var ed" + ci + " = $j(\"#