JavaScript

撲面而來的片段--圖片3D炸裂效果初體驗，炸裂初體驗 之前逛園子的時候看到 ChokCoco 的爆炸效果作品：【BOOM】一款有趣的Javascript動畫效果 （大神英文有沒有拼錯呀←.←），覺得蠻有意思的，效果如下： 不過覺得這個爆炸效果還是偏軟了一點，沒有爆炸那種片段飛濺的感覺，一直念念不忘想要自己做一個3D效果的爆炸動效。這兩天在搞一些小動畫，就順便也把3D爆炸做了出來，動畫效果： 實現原理很簡單，就是用很多小圖片拼湊成大圖片，

實現bootstrap布局的input輸入框中的表徵圖點擊功能，bootstrapinput　　使用bootstrap布局可以在input的輸入框中添加譬如登入名稱輸入框中的一鍵清除表徵圖和密碼輸入框中顯示密碼的小眼睛表徵圖。如：　　 　　但是在將表徵圖放入input輸入框中，這些小表徵圖是無法獲得點擊事件的；　　那麼問題來了，怎樣讓這些小表徵圖能夠獲得點擊事件呢？　　我也不知道，但是可以用一種迂迴的方式，來間接的實現該功能。　　重點來了：　　在小表徵圖的位置上，添加一個看不見的元素，

html 布局；css3+jq 下拉式功能表；table分頁動態添加行；html5本機存放區；簡單易用的html架構，css3html5簡單好用的html架構，預覽圖見最後； 源碼；1.頁面配置使用table；  table 嵌套 +iframe 布局；2.下拉式功能表為jq+css3 動畫;  css input 無邊框，select下拉式功能表美化1 input{appearance:none;background-color:transparent;border:

<img>元素底部為何有空白？，img空白原因：圖片文字等inline元素預設是和父級元素的baseline對齊的，即：vertical-align 的預設值是 baseline；而baseline又和父級底邊bottom有一定距離；img出現的空白就是baseline和bottom之間的這段距離；即使只有圖片沒有文字，只要是 inline 的圖片這段空白都會存在。img 標籤 是inline 元素， inline元素預設是baseline對齊的。

快速解決Canvas.toDataURL 圖片跨域的問題，如題，在將頁面的圖片地址進行本地輸出時（Html2Canvas.js），因不同源存在跨域問題，會出現toDataURL存取權限問題：【Redirect at origin 'http://sub1.xx.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is

移動web開發之像素和DPR，web像素dpr×目錄[1]定義 [2]分類

Javascript 實現廣告後載入 可載入百度Google聯盟廣告

原生javascript實現分享到朋友圈功能

Bootstrap組件(一)之菜單，bootstrap組件菜單Glyphicons字型表徵圖基類.glyphicon {position/top/display/font-family/}具體類 {content} --表現在虛擬元素上使用要點：a.基類＋具體類 b.一般表徵圖和文本之間添加一個空格注意點：a.不要和其他組件混用，單獨使用一個標籤，一般使用span，e.g.:<span class="glyphicon

基於BootStrap Metronic開發架構經驗小結【五】Bootstrap File Input檔案上傳外掛程式的用法詳解，bootstrapmetronicBootstrap檔案上傳外掛程式File Input是一個不錯的檔案上傳控制項，但是搜尋使用到的案例不多，使用的時候，也是一步一個腳印一樣摸著石頭過河，這個控制項在介面呈現上，叫我之前使用過的Uploadify 好看一些，功能也強大些，本文主要基於我自己的架構代碼案例，介紹其中檔案上傳外掛程式File

基於BootStrap Metronic開發架構經驗小結【三】下拉式清單Select2外掛程式的使用，metronicselect2在上篇基於BootStrap Metronic開發架構經驗小結【二】列表分頁處理和外掛程式JSTree的使用，介紹了資料的分頁處理，使用了Bootstrap

判斷JS對象是否擁有某屬性的方法推薦，js對象兩種方式，但稍有區別1，in 運算子var obj = {name:'jack'}; alert('name' in obj); // --> true alert('toString' in obj); // --> true 可看到無論是name，還是原形鏈上的toString，都能檢測到返回true。2，hasOwnProperty 方法var obj = {name:'jack'};

Node.js的項目構建工具Grunt的安裝與配置教程，node.jsgruntGrunt 基於 Node.js ，用 JS 開發，這樣就可以藉助 Node.js 實現跨系統跨平台的案頭端的操作，例如檔案操作等等。此外，Grunt 以及它的外掛程式們，都作為一個 包 ，可以用 NPM 安裝進行管理。所以 NPM 產生的 package.json 專案檔，裡面可以記錄當前項目中用到的 Grunt 外掛程式，而 Grunt 會調用 Gruntfile.js

ajax跨域調用webservice的實現代碼，ajax跨域webservice　　最近ajax訪問webservice遇到跨域的問題，網上搜尋資料，總結如下(很多都是覺得人家總結不錯的複製下來)　　<<用JSON來傳資料，靠JSONP來跨域>>　　先上我的已實現代碼：　　前端代碼：$.ajax({ type: "get", url:

Bootstrap富文本組件wysiwyg資料儲存到mysql的方法，bootstrapwysiwygBootstrap提供了一個叫wysiwyg的富文本組件，用來顯示和編輯富文本資料，但如何將編輯後的資料儲存到MySQL資料庫，卻不得而知。另外，如何將mysql資料庫中的資料顯示到wysiwyg也不得而知，對於這兩個問題，讓我來告訴你解決方案！一、效果展示首先，我們先來看看效果如何：

jquery實現表格中點擊相應行變色功能效果【執行個體代碼】，jquery表格對於一個表格，為了使我們選中的項更容易區分，需要為選中項添加高亮，同時也需要，將其他項的高亮形式去除。類似於：<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <

有關easyui-layout中的收縮層無法顯示標題的解決辦法，easyuilayout收縮easyui-layout中的收縮層無法顯示標題的問題原因分析：在easyui-layout中設定面板初始化為可以摺疊，然後就發現標題還有表徵圖都木有了嗯，就是結果清單上面、一片空白，出現了問題就要去解決它，在網上查了資料之後呢，決定修改jquery.easyui.min.js版本為：jQuery EasyUI

一個前端練手作品——前端新人如何求職？，前端練手新人求職前言最近在求職，作為一名沒有項目經曆的轉行汪，結果相當悲催。沒實戰經曆→公司不要→沒實戰經曆，妥妥的雞蛋相生無限迴圈。上萬能的知乎求大神協助，卻發現沒實戰經驗的妹子很受歡迎，沒實戰經驗的漢子狗都不理。只能感歎，時代再變，處女情結依舊。知乎上也有很多大神建議先模仿，我覺得很有道理，決定模仿知乎，於是就有了下面這個東西（Demo &

探究為何rem在chrome瀏覽器上計算出錯，remchrome最近在一個項目中，測試同學提了一個bug，說手機上有個頁面的某些字型顯示偏大。就像這樣我用chrome瀏覽器在pc上測試了一下，發現pc上也有這個問題，但是用其它瀏覽器開啟這個頁面就沒有發現這個問題。於是，上網百度了一下，發現原來是chrome瀏覽器的問題。通過各種百度Google然後我總結了一下這個問題產生的原因：chrome瀏覽器目前支援的最小的字型大小為12px，而我在html根項目上設定font-size:62.5%，計算之

聊一聊JavaScript範圍和範圍鏈，聊javascript範圍每種程式設計語言，其變數都有一定的有效範圍，超過這個範圍之後，變數就失效了，這就是變數的範圍。從數學的角度來看，就是自變數的域。範圍是變數的可存取範圍，即範圍控制著變數與函數的可見度和生命週期。在 JavaScript 中,