原创 PC 端與移動端的判斷(判斷是否支持touch事件)

方法一: 判斷是否支持觸屏: window.onload = function(){ if(document.hasOwnProperty("ontouchstart")){ alert(瀏覽器支持觸屏"); }els

原创 iphone使用微信打開頁面不能動態修改title的問題

某人剛行進在移動前端開發的道路上,一日: 使用工具(平臺):iphone  andriod 微信中打開網頁; 需求:打開網頁後,需要動態根據後端傳回的數據再次修改頁面中的內容(包括:背景、Logo、title。。。。); 問題:使用iph

原创 DOM事件偵聽--適應各瀏覽器

兼容各種瀏覽器的事件偵聽方法(出自:慕課網  http://www.imooc.com/video/2138/0  DOM事件探祕): 需求:做事件偵聽,兼容各種版本瀏覽器 coding: <span style="white-sp

原创 HTML5 input placeholder 顏色修改示例

/* 轉自腳本之家  http://www.jb51.net/html5/171764.html   僞類的方法在fiddler中測試有效 */ 這篇文章主要介紹了有關HTML5 input placeholder 顏色修改方面的知識

原创 微信瀏覽器安卓手機video浮在最上層問題

/*  http://blog.csdn.net/kepoon/article/details/53608190  */ //x5-video-player-type="h5" x5-video-player-fullscreen="tr

原创 Jquery插件編寫入門

/*摘抄自:   http://www.w3cfuns.com/notes/19462/ec18ab496b4c992c437977575b12736c     前端網:  從零開始學JQUERY插件    */ jQuery 最成功的

原创 JS:指定FPS幀頻,requestAnimationFrame播放動畫

/* 抄自: http://www.cnblogs.com/kenkofox/p/3849067.html 建議大家看原版  這樣排版好*/ Flash製作動畫,最基礎的概念就是幀,但在Flash中,幀頻的控制比較簡單,只需要編譯前

原创 JS實現各種複製到剪貼板

/*抄自  http://www.cnblogs.com/huijieoo/articles/5569990.html */ JS實現各種複製到剪貼板 一、實現點擊按鈕,複製文本框中的的內容 <script type="text/java

原创 session 與 cookie介紹

/* 摘抄:http://mp.weixin.qq.com/s?__biz=MjM5MzMyNzg0MA==&mid=402326984&idx=4&sn=6c4ce5f086170a3b70244898aa16b790&scene=1

原创 移動前端第二彈:善用meta

作者:杜瑤(@doyoe) 鏈接:http://blog.doyoe.com/2015/10/20/mobile/移動前端第二彈:善用meta/ 前言 在移動前端第一彈:viewport詳解中,我們講了viewport,那是一

原创 ihone手機拍攝圖片,js(canvas,input)上傳的方向問題-----更不喜歡它了

/*  https://segmentfault.com/a/1190000004346191  */需求:使用input在手機端調用圖片和相機,後通過canvas來渲染圖片並做相應調整保存; 問題:通過

原创 requirejs入門(三)

轉載:/* http://www.cnblogs.com/snandy/archive/2012/05/24/2514700.html */ 這篇來寫一個具有依賴的事件模塊event。event提供三個方法bind、unbind、

原创 常見移動設備的 CSS3 Media Query 整理(iPhone/iPad/Galaxy/HTC One etc.)

轉載自:https://segmentfault.com/a/1190000002711737 (注:iphone4經測試) @charset "utf-8"; /** * iPhone 4/4s landscape & po

原创 關於瀏覽器緩存的小知識

/* 摘自:微信公衆號-前端早讀課*/ 前言 緩存這個詞應該經常聽到或偶爾也瞭解到。那它到底是個什麼東西呢?涉及比較多,需耐心看看~ 正文從這開始~ 瀏覽器緩存,也就是客戶端緩存,既是網頁性能優化裏面靜態資源相關優化的一大利器,也

原创 使用shadow dom封裝web組件

/*http://www.cnblogs.com/WhiteCusp/p/4342502.htmlutm_source=tuicool&utm_medium=referral*/ 什麼是shadow dom? 首先我們先來看看它長