JavaScript

使用JS+plupload直接批量上傳圖片到又拍雲，論壇或者貼吧經常會需要分享很多圖片，上傳圖片比較差的做法是上傳到中央伺服器上，中央伺服器再轉寄給靜態圖片伺服器。而這篇文章講介紹如何使用plupload對上傳過程進行最佳化，並繞過伺服器直接批量上傳圖片到又拍雲上的方法。本文集中會講到以下幾個重點：複製代碼 代碼如下:plupload庫圖片的本地壓縮多選圖片繞過伺服器直接批量上傳圖片到又拍雲使用又拍的HTTP FORM

瀏覽器端Less，端less摘要：　　之前項目用過Less，現在負責的項目也要使用，所以就總結下Less，也方便以後查看。本文主要是講瀏覽器端如何使用Less。簡介：　　LESS是一種由Alexis Sellier設計的動態層疊樣式表語言。LESS

來自 Codrops 的7種創新的拖放互動介面，codrops拖放　　Codrops 分享了一些介面拖放的互動設計想法。基本的思路是在拖動一個項目的時候，為特定的操作呈現出可投擲的地區。這節省了大量的介面空間 ，並給出了一個有趣的動態互動。有很多應用情境，例如分類和組織內容（像 Pinterest 的面板），或在郵件應用程式或內容管理系統中執行一些操作。  線上示範      外掛程式下載　您可能感興趣的相關文章網站開發中很有用的

網頁設計中為啥少用奇數字型？，網頁設計奇數字型?一、UI設計師的原因多數設計師用的設計軟體（如：ps）大多數都是偶數，所以前端工程師一般都是用偶數字型二、瀏覽器的原因其一是為了遷就ie6，萬惡的ie6會把定義為13px的字渲染成14px，你可以寫個頁面試試還有一個原因是，偶數寬的漢字，比如12px寬的漢字，去掉1像素的間距，填充了像素的實際寬是11px，這樣漢字的中豎線左右是平分的，以“中”這個字為例，在12像素時，豎線在中間，左右各5像素，顯得均衡。其二像Google一

除了IE瀏覽器能識別之外，其他瀏覽器都不能識別的html寫法，ie寫法最近寫html頁面的時候發現頂部邊界margin-top用了定位之後，IE的跟其他瀏覽器不同，所以用到了把IE跟其他瀏覽器區分開來的寫法<!--[if !IE]> <div class="clear-30"></div>這樣寫是錯誤的 <![endif]-->像上面的寫法，是錯誤的。正確的寫法應該是這樣：<!--[if !IE]><-->

table邊框重疊導致的儲存格邊框寬度問題，table邊框偶然的看了一眼別人寫的CSS，在注釋中，說有table元素邊框摺疊(塌陷、重疊，那個詞合適？)時，不同瀏覽器對儲存格邊框的計算是不一樣的，然後還在注釋中寫了連結地址Border Collapse differences in FF and

javascript中數組array及string的方法總結，javascriptarray一、array的方法總結會更改原來的的數組push、unshift方法，返回length。增加值得就返回length,其他返回該元素pop,shift返回該元素reverse返回該元素splice(start,deleteCount,addItem...),從原數組中刪除和增加，返回刪除的數組不會改變原來的數組，返回新的數組concat,join,slice(start,end)記住這3個是返回新數組，其

開源的javascript項目Kissy介紹，javascriptkissykissy簡介

使用jsonp完美解決跨域問題，jsonp跨域調用web介面，get請求，發現提示：No 'Access-Control-Allow-Origin' header is present on the requested resource.這個和安全機制有關，預設不允許跨域調用處理手段：使用jsonp格式， ajax請求參數dataType:'JSONP'。複製代碼 代碼如下:$.ajax({        url:

three.js 源碼注釋（二十四）Core/Face4.js 轉載請保留此句：商域無疆 - 本部落格專註於 敏捷開發及移動和物聯裝置研究：資料視覺效果、GOLANG、Html5、WEBGL、THREE.JS，否則，出自本部落格的文章拒絕轉載或再轉載，謝謝合作。俺也是剛開始學,好多地兒肯定不對還請見諒.以下代碼是THREE.JS 源碼檔案中Core/Face4.js檔案的注釋.更多更新在 : https://github.com/omni360/three.js.sourcecode/

jquery中push()的用法(數組添加元素)，jquerypushpush定義和用法push() 方法可向數組的末尾添加一個或多個元素，並返回新的長度。文法arrayObject.push(newelement1,newelement2,....,newelementX)參數 描述 newelement1 必需。要添加到數組的第一個元素。 newelement2 可選。要添加到數組的第二個元素。 newelementX

高大上的動態CSS，高大動態CSS項目裡要添加 custom css 功能 (dynamic stylesheet )，總結一下實現方法。1。在JSP中動態設定檔案path預先產生一些css檔案，由使用者選擇，在jsp被請求時，動態載入使用者選擇的css檔案。xml 代碼<link rel="STYLESHEET" type="text/css" href="css file" >   <link

前端編程提高之旅（十三）----jquery選取器 Jquery代表javascript和query，即對javascript查詢操作的類庫，jquery是web前端界的事實標準。最近讀《鋒利的jquery》，發現這本書最大特點是，更深層的討論一些jquery使用情境和最佳化方法，對於有一定jquery使用經驗的開發人員有獨特價值。本篇算是樂帝讀此書，對選取器和DOM操作加深理解的總結。

extjs4.1 和struts2結合使用時消極式載入js，可使用extjs的mvc模式直奔主題，在前台我們點擊左邊的菜單會先開啟一個tab頁，希望將請求的頁面放到新開啟的tab頁上面：關鍵代碼如下：tabPanel.add({id: id, title: title, closable: true,autoScroll: true,layout: 'fit',loader: {scripts: true,autoLoad: true,params: params,url:

1.padding和margin，幾種參數，1.paddingmargin　　這篇會很短。　　 　　那麼如所示，margin指的是外邊距，padding指的是內邊距，border自有其像素寬度，element在1335乘以392的地方。　　margin和padding一樣總共有四個，上右下左——top right bottom left。你可以選擇margin-top這樣一個個的去設定，也可以margin:10px 0 0 0;這樣。　　那麼以margin為例，

js 擷取讀取cookie// --- 設定cookiefunction setCookie(sName, sValue, expireHours) { var cookieString = sName + "=" + escape(sValue); //;判斷是否設定到期時間 if (expireHours > 0) { var date = new Date(); date.setTime(date.getTime +

Angularjs切換網站配色模式簡單樣本一個網站可以有多種色彩配置，例如正常模式，夜間模式等。簡單樣本一個通過點擊按鈕，更換css檔案，達到切換配色模式的angularjs 小app。主要檔案有三個：index.html（主檔案），white.css（白色背景色彩配置css檔案），black.css（黑色背景色彩配置css檔案）。index.html檔案代碼如下：<scriptsrc="https://ajax.googleapis.com/ajax/libs/angularjs/1.2

注意ie6的盒模型，ie6盒模型    瀏覽器版本多了，也是一個累，特別是ie家族的。    網上搜羅了一大堆，發現說的和我看到的不一樣啊，結果才發現原來是對方表述有問題，省略了幾個字就產生了歧義了。    按照網上說的ie6對盒模型解釋不符合W3C標準，其實應該是ie6在怪異模式（quirks

常見的jQuery選取器匯總，jquery選取器基本元素選取器複製代碼 代碼如下:$("p")$("p.ii")選取所有class=ii的 p元素$("p#demo")選取id=demo的第一個p元素分層選取器複製代碼 代碼如下:$("div input")div 下的所有input$("div>input")基本條件選取器複製代碼

js的[defer]和[async]屬性，jsdeferasync屬性[defer]可以在<script>中加入defer屬性，告訴瀏覽器這段script不必立即執行，那麼瀏覽器就會在完全載入文檔之後再執行這個script，相當於window.onload，但它比window.onload更靈活。複製代碼 代碼如下: <script defer="true"></script>