原创 JavaScript setInterval方法執行函數失效
function say(){ alert("sss") } setInterval(say(),2000); 這麼寫函數setInterval將直接執行say()函數,應該講代碼改爲 function say(){
原创 JavaScript 數組內容的反轉
var arr = [1,6,5,7,9,10,11] var len = arr.length-1; for(i=0;i<len/2;i++){ var temp = arr[i]; arr[i] = arr[l
原创 JavaScript 過濾,壓縮重複字符串
1.壓縮相同字符串 var str = "aaabbbbbcccaaa"; //數據源 //按照順序壓縮 var compare = str.charAt(0);// a var comparStr = ""; var count
原创 前端簡單處理input輸入跨域攻擊
對輸入框的非法字符進行轉譯,來起到阻止輸入<><>等非法字符的效果 window.onload = function(){//防止輸入標籤,造成跨域攻擊 let tags = document.querySelecto
原创 placeholder兼容到ie8
/** * 模擬placeholder * jQuery EnPlaceholder plug * EnPlaceholder是一個跨瀏覽器實現placeholder效果的jQuery插件 * version 1.0 *
原创 js瀑布流,簡單封裝
一個很簡單的瀑布流加載,當滾動條滾動到底部時自動加載,先代碼敬上 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</ti
原创 opacity兼容ie8
兼容ie6-8的透明度問題 .demo{ opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
原创 weinre手機調試,給自己看的方便步驟
1.npm -g intall weinre 2.weinre -httpPort 8081 --boundHost 192.168.20.72 3.需查看頁面下加上 <script src="http://192.168.20.72:8
原创 js製作淘寶放大鏡效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"
原创 fis3 前端項目構建,一步步來
前端架構工具有很多,就我使用過的grunt,gulp,還有最近項目中應用的fis3來說,fis3的運行速度,靈活程度,應該叔最高的~反正現在已經習慣了使用fis3來快速搭建項目進行開發,下面一步步簡單的使用fis3來搭建項目。
原创 js自定義滾動條
可直接使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定義滾動條</title> </head> <meta http-e
原创 js 一段代碼獲取元素class樣式
function getStyle(obj, attr) { if(obj.currentStyle){ return obj.currentStyle[attr]; }else{
原创 canvas編寫簡單七巧板
<body> <canvas id="canvas" width="800" height="800" style="margin: 100px auto;display: block;"></canvas> </body> <s
原创 文字兩端對齊 text-align: justify;
很多時候我們想實現這樣的自適應功能 你 好:xxxx 我 是:xxxx 我們沒有:xxxx 2個文字前後自動兩端對齊,來個栗子: 移動端和pc端都能直接用 <div>哈哈</div> div { width
原创 setAttribute 和 getAttribute 的設值和獲取方法
<head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = funct