JavaScript

快速解決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

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

基於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

js判斷手機瀏覽器作業系統和瀏覽器的方法，js判斷今天就為大家介紹一下用js判斷手機用戶端平台及系統平台的方法：<script type="text/javascript">//手機端判斷各個平台瀏覽器及作業系統平台function checkPlatform(){if(/android/i.test(navigator.userAgent)){document.write("This is

js根據手機用戶端瀏覽器類型，判斷跳轉官網/手機網站多個執行個體代碼，js跳轉執行個體一、比較簡單粗暴缺少點類型判斷<script type="text/javascript"> var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs =

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

javascript實現列表轉場效果，javascript實現切換IE相容性沒處理，確切的說不太會，還望指點一二思路：1、js擷取要給定點擊事件的按鈕組對象，如btns=document.xxx(),遍曆過程綁定事件之前先取得當前對象的下標eg:btns[i].index=i;2、匹配index為將要顯示的DOM對象3、點擊過程中要切換class，先判斷是否含有指定class，有就刪除，沒有就添加指定class。注:if(!null)為真.4、onmouseover同理HTML<!DOCT

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

學習web前端之神器sublime text 3，websublime　　　　第一次在部落格園寫部落格，以前都是看別人寫的技術在自己慢慢的學習。現在想自己把每天學習的東西理解並記錄下來，加深下印象以後可以做個回顧。不知道自己能否堅持每盩厔少寫2篇博文。　　古話說的好：工欲善其事,必先利其器。所以我們要找到一個神器來協助我們更好的學習前端開發，要麼記事本怎麼樣？不錯是不錯估計要寫到猴年馬月了。　　百度一搜，web前端開發利器有很多，比如：EditPlus，Dreamweaver，HBuilder，

vueJS簡單的點擊顯示與隱藏的效果【實現代碼】，vuejs隱藏實現代碼目前前端架構太多，接觸過angular、ember，現在開始倒騰vue此處用到v-if、v-else、v-show，v-if或讓元素不在DOM上，v-show只是改變display:block屬性，感覺v-if好感覺跟適合、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-

淺析函式宣告和函數運算式——函式宣告的聲明提前，淺析運算式前兩天班級聚會，除了吃喝玩樂就是睡覺扯淡，甚是喜悅，真是獨樂樂不如眾樂樂啊。PS：畢業的或即將畢業的有時間能聚就聚吧，畢了業以後屬於自己的時間能聚到一塊兒可就少太多了。現在有點時間來看點東西總結些東西了，又因為前段時間片片斷斷地看了看JavaScript的函數部分，所以抽時間總結下函數的相關部分，當然，裡面有些部分都是自己的理解，如果有理解的不對的地方還請小夥伴們不吝指出。這一節我結合自己的理解和小夥伴們聊一下函式宣告的聲明提前。註：有的

帶箭頭提示框總結及執行個體，箭頭框總結執行個體 無論是提示框還是導覽列都能看到如所示的帶有箭頭的框框，這種箭頭可以通過背景圖片或者是css來實現，本文介紹三種通過css實現帶箭頭的提示框。一、通過border屬性：我們先做一個寬和高都是10px的div，邊框也是10px，1 width: 10px;2 height: 10px;3 border: 10px solid;4 border-color: red green yellow blue;

從一篇外文談談盒模型，外文盒模型從一篇外文談談盒模型 聲明：作為初涉前端的老菜鳥，在對知識的理解上肯定會出現些許偏差，在此先向各位看官提個醒，呵呵。我認為，理解盒子模型是學好整個CSS的關鍵之關鍵基礎。本文借鑒http://www.chinaz.com/design/2010/1229/151993.shtml（翻譯篇）的基礎上，重新翻譯了http://www.sitepoint.com/web-foundations/css-box-model/（純英文）這篇文章，再加上自己的理解，

js隨機產生姓名、手機號、社會安全號碼、銀行卡號【實現代碼】，js銀行卡開發測試的時候，經常需要填寫姓名、手機號、社會安全號碼、銀行卡號，既要符合格式要求、又不能重複。大家會到網上搜各種產生器。能不能自己寫一個簡單的產生器呢。下面是隨機產生姓名、手機號、社會安全號碼、銀行卡號的js代碼。// 產生隨機姓名 function getName(){ var familyNames = new Array( "趙", "錢", "孫", "李", "周", "吳",