原创 npm run命令會自動在環境變量$PATH添加node_modules/.bin目錄
npm run命令會自動在環境變量$PATH添加node_modules/.bin目錄，所以scripts字段裏面調用命令時不用加上路徑，這就避免了全局安裝NPM模塊。 npm run如果不加任何參數，直接運行，會列出packag
2020-05-31 21:05:19
原创 div水平居中及div水平垂直居中的方法總結
水平居中 1、margin：auto <div class="wrap"> <div class="wrap-txt"></div> </div> .wrap{ width: 100%; } .wrap-txt{
2020-05-31 21:05:09
原创 前端項目中常用的小功能
列舉兩個日期間的所有日期 舉個例子：開始日期：2020-03-11 結束日期：2020-04-01， 列舉出中間的日期，包括兩頭的日期。 getDate (datestr) { let temp = datestr.
2020-03-18 21:05:20
原创 js實現時分秒倒計時
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js時分秒毫秒倒計時</title> </head> <body> <di
2020-02-23 22:23:40
原创 原生JS實現下拉加載
實現的原理：滾動條當前的位置+當前可視範圍的高度=文檔完整的高度 1、獲取滾動條當前位置 // 獲取滾動條當前的位置 function getScrollTop() { let scrollTop = document.
2019-10-26 06:20:14
原创 -webkit-text-size-adjust的用法
-webkit-text-size-adjust的用法如下： 1、之前可以設置一個百分比然後可以在網頁上（pc）顯示小於12px的字體，但後來谷歌新版本已經不支持這個屬性了。如果還想實現小於12px的字體，要用-webkit-tr
2019-06-11 11:49:01
4
原创 移動終端h5頁面常用的meta屬性
width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 語法： <meta content="width=device-width, in
2019-06-11 11:49:00
原创 h5頁面喚醒app
h5頁面發送請求打開app自定義url scheme，如taobao://home（淘寶首頁） 、etao://scan（一淘掃描）); 如果安裝了客戶端則會直接喚起，直接喚起後，之前瀏覽器窗口（或者掃碼工具的webview）推入
2019-06-11 11:49:00
原创 移動端幾種tab切換及實現方式
看了下 FrozenUI(QQ)、Jquery WeUI(微信)、SUI Mobile(淘寶)的tab實現方式，自己整理了一下。 1、FrozenUI <div class="wrap"> <ul class="tab bo
2019-06-11 11:49:00
原创 npm --save-dev --save 的區別
npm install 在安裝 npm 包時，有兩種命令參數可以把它們的信息寫入 package.json 文件 一個是 --save || -S // 運行依賴（發佈） 另一個是 –save-dev || -D //開發依賴
2019-06-11 11:49:00
原创 三元表達式
var a = '123'; var b = (a === 'cpa' ? 'cpa' : (a === 'cps') ? 'cps' : 'flow'); console.log('b', b); // b flow
2019-04-25 13:27:24
原创 Object.create()
Object.create()方法創建一個新對象，使用現有的對象來提供新創建的對象的_proto_。 const person = { isHuman: false, printIntroduction: function (
2019-04-19 04:58:08
3
原创 js判斷一個對象是否爲空
1、ES6新增的方法Object.keys()； Object.keys() 方法會返回一個由一個給定對象的自身可枚舉屬性組成的數組，數組中屬性名的排列順序和使用 for…in 循環遍歷該對象時返回的順序一致 。 參數 要返回其枚舉自
2019-04-18 04:45:39
原创 CSS3動畫
1、 @keyframes規則 @keyframes規則用於創建動畫，在@keyframes中規定某項css樣式，就能創建由當前樣式逐漸過渡爲新樣式的動畫效果。 定義動畫的方式有兩種： 1） <head> <meta charset
2019-04-12 05:09:26
原创 BFC
1、常見佈局模式 CSS中的三種佈局模型：流動模型（flow）、浮動模型（float）、層模型（layer） 2、BFC的原理 BFC即 Block Formatting Context（塊級格式化上下文），它屬於上述佈局
2019-04-10 04:49:58