原创 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