原创 requestFullscreen各種瀏覽器全屏模式的兼容方法記錄和在TV項目的應用
啓動全屏 瀏覽器全屏模式的啓動函數requestFullscreen，需要附帶各瀏覽器的js方言前綴： // 判斷各種瀏覽器，找到正確的方法 function launchFullscreen(element) { if(eleme
2020-07-07 13:23:58
原创 關於瀏覽器中滾動條的樣式設置
@關於瀏覽器中滾動條的樣式設置 由於滾動條的默認樣式太過於醜，記錄一下修改過程 webkit瀏覽器css設置滾動條 主要有下面7個屬性 ::-webkit-scrollbar 滾動條整體部分，可以設置寬度啥的 ::-webkit-
2020-07-07 13:23:58
1
原创 前端框架與庫的區別
框架就是提供了前端項目整體解決方案。庫就是自己組合來實現項目。 某種層面上來說，前端庫就像我平時家裏的工具箱，裏面有起子、錘子，我們可以通過這個工具箱來給小孩子創造玩具，我們甚至可以自己創造一些工具，方便我們日後創造玩具。而框架，更像
2018-08-31 02:45:14
原创 cookie、SessionStorage、localStorage的用法
cookie的用法 cookie的用法 設置cookie 讀取cookie 刪除cookie 參數註釋 例子 cookie優點 cookie缺點 區別 SessionStorage的用法 獲取sessionStorage 添加
2018-08-31 02:45:13
原创 瀏覽器自動填充表單的解決方式
以前在做項目的時候遇到過這個問題，當時年少太輕狂，沒有想過是爲什麼會發生這樣的問題，只覺得作爲一個用戶，每次在登錄網站的時候很有用，很便捷，甚至覺得這個自動填充功能，嗯， 真棒！但是，這次又遇到了這個問題，我不禁陷入
2018-08-31 02:45:13
3
原创 移動端webapp，在進入某頁面後，input框自動獲取焦點並彈出數字鍵盤
在做項目的過程中，需求文檔有個要求是，當進入頁面後，第一個行input框要自動獲取焦點，並彈出數字軟鍵盤。 autofocus 屬性 : 文本輸入字段被設置爲當頁面加載時獲得焦點 <input type="tel
2018-08-31 02:45:13
3
原创 對應菜單對應內容選項卡
在項目的前端頁面裏，對應菜單對應內容選項卡。這種效果實現的方式有很多種，下面是使用 JQuery 實現的一種方式： <div class="box"> <ul class="tabNav1"> <li class
2018-08-31 02:45:13
1
原创 js實時輸入千分符
千分符是常用js片段，一下是實時輸入input的千分符片段： $(document).on('input propertychange', '#cxtcmuch', function(){ var stmp = "";
2018-08-31 02:45:13
3
原创 回到頂部按鈕
通過使用 jQuery 中的 animate 和 scrollTop 方法，你無需插件便可創建一個簡單地回到頂部動畫： // Back to top $('a.top').click(function (e) { e.preventD
2018-08-31 02:45:13
原创 綁定未來元素的事件
綁定未來元素的事件 demo如下： html部分： <ul class="menu"> <li class="son">php</li> <li class="son">javascript</li> </ul> <but
2018-08-31 02:45:12
2