原创 使用rem適配移動端
使用rem適配移動端 在main.js設置字體大小 //以屏幕寬度爲375爲例 const winWidth = window.innerWidth;//獲取屏幕寬度 const fontSize = winWidth / 375
2020-07-01 16:43:06
原创 導航欄滾動到頂部時固定在頂部
文章目錄HTML小程序吸頂 HTML <div class="top"></div> <div id="fixed"></div> *{margin: 0;padding: 0;} body{height: 1000px
2020-07-01 15:30:19
原创 js緩存
文章目錄localstorage定義和使用語法localStorage 的優勢localStorage 的侷限cookiesessionStorage語法 localstorage 定義和使用 localStorage 和 se
2020-07-01 15:30:09
原创 uni-app監聽窗口尺寸變化事件和隱藏鍵盤
文章目錄監聽窗口尺寸變化uni.onWindowResize(CALLBACK)uni.offWindowResize(CALLBACK)隱藏軟鍵盤uni.hideKeyboard()uni.onKeyboardHeightCha
2020-07-01 15:30:09
6
原创 Emmet
點擊閱讀原文 Emmet (前身爲 Zen Coding) 是一個能大幅度提高前端開發效率的一個工具，使用前需要在編輯器中安裝emmet插件 語法 說明 語法 縮寫 生成代碼（tab鍵） 後代 > div>div>sp
2020-02-23 23:34:18
原创 JavaScript cookie()的使用
JavaScript cookie /*設置cookie*/ function setCookie(c_name,c_value,expires){ var date = new Date(); date.set
2020-02-23 23:34:18
原创 gulp代碼壓縮和製作雪碧圖
安裝nodejs gulp是基於nodejs，需要安裝nodejs 在 [ nodejs官網 ]下載並安裝nodejs 查看nodejs版本 安裝完nodejs後，在命令行中（window + r 輸入cmd回車）輸入nod
2020-02-23 23:34:18
原创 編寫出色CSS代碼的13個建議
閱讀原文 使用Reset但並非全局Reset 不同瀏覽器元素的默認屬性有所不同，使用Reset可重置瀏覽器元素的一些默認屬性，以達到瀏覽器的兼容。但需要注意的是，請不要使用全局Reset： *{ margin:0; pa
2020-02-23 23:34:18
原创 div內容居中
[閱讀原文] 水平居中 若是行內元素, 給其父元素設置 text-align:center,即可實現行內元素水平居中. 若是塊級元素, 該元素設置 margin:0 auto即可. 若子元素包含 float:left 屬性, 爲
2020-02-23 23:34:18
原创 簡單時間軸
時間軸 時間軸效果 /* css代碼 */ @charset "UTF-8"; /** 通用 start **/ *{margin:0;padding:0;} body{-webkit-tap-highlight-color
2020-02-23 23:34:18
原创 移動端web開發技巧
點擊閱讀原文 meta相關 添加到主屏後的標題（IOS） <meta name="apple-mobile-web-app-title" content="標題"> 啓用 WebApp 全屏模式（IOS） 當網站添加到主屏幕
2020-02-23 23:34:18
原创 uni-app 路由與頁面跳轉
文章目錄保留當前頁面，跳轉到應用內的某個頁面關閉當前頁面，跳轉到應用內的某個頁面關閉所有頁面，打開到應用內的某個頁面跳轉到 tabBar 頁面，並關閉其他所有非 tabBar 頁面關閉當前頁面，返回上一頁面或多級頁面窗口動畫 跳
2019-08-02 05:17:31
30
原创 input 的type=number,阻止輸入E,e, -, +,
<input @keydown="checkInput($event)" type="number"> checkInput(e){ let prohibitInput= ["-", "e", "+", "E"]; i
2019-06-11 12:01:35
原创 JavaScript DOM 操作
文章目錄創建並放置新的節點移動和刪除元素操作樣式從Window對象中獲取信息 創建並放置新的節點 獲取元素// 獲取<section> var section = document.querySelector('section');
2019-03-03 18:40:01
原创 使用js(requestAnimationFrame)實現一個持續的動畫效果
參考文檔 requestAnimationFrame 是瀏覽器用於定時循環操作的一個接口，類似於setTimeout，主要用途是按幀對網頁進行重繪。 設置這個API的目的是爲了讓各種網頁動畫效果（DOM動畫、Canvas動畫、SVG動
2019-02-28 18:18:30