原创 獲取localStorage和sessionStorage當前已存儲大小及容量檢測

function get_cache_size(t){ t = t == undefined ? "l" : t; var obj = ""; if(t==='l'){ if(!window.l

原创 Template-TModJS:使用tmodjs

1、安裝 npm install -g tmodjs 2、配置 我的模板都放在tpl文件夾中,htmls用於存放模板頁面,每一個後綴名都是.html,而build用於存放編譯後輸出的模板js。 如果不設置type,默認會將所有的模板編譯

原创 瀏覽器數據庫IndexedDB介紹

摘要 在移動端H5頁面開發的時候,爲了更好的提高用戶體驗,可以對不常變化的數據做瀏覽器端數據緩存,在用戶打開頁面的時候,首先加載本地的數據,然後異步請求服務端,更新數據。在移動端webview中,可以使用IndexedDB的方式對數據進行

原创 nativeShare 移動端瀏覽器調用原生分享插件

原文地址 https://github.com/fa-ge/NativeShare/blob/master/README.md 起因 最近有一個活動頁需要在移動端瀏覽器分享網頁到微信,QQ。雖然每一個瀏覽器都有分享到微信的能力,但不是每個

原创 h5 在全屏iphonex中的適配

iphonex 已經上線有一段時間了,作爲業界劉海屏幕第一款機型,導致全屏不能正常的全屏顯示了,,所以需要對 iphonx 適配,下面就詳細說說如何適配 先看一張適配前後的圖: iphonex 提供的 meta 頭 <meta name

原创 git-git add 撤銷及.gitignore忽略多層文件夾用**

git-git add 撤銷 git status 先看一下add 中的文件  git reset HEAD 如果後面什麼都不跟的話 就是上一次add 裏面的全部撤銷了  git reset HEAD XXX/XXX/XXX.java 就

原创 在JavaScript項目中鎖定npm依賴包版本

問題 最近在項目中遇到這樣一個問題,webpack生成的vender包的哈希值在我和同事的電腦上不一致。由於之前已經配置過了CommonsChunkPlugin(配置如下),所以我們期望的結果是在不同環境下構建出的文件哈希值應該是一致的。

原创 H5喚起APP進行分享的嘗試

H5喚起APP進行分享 最近很久沒有寫blog和note,倒是過家家的開發日誌簡單草草寫了一點。這次記錄下這個學習過程 由來 我們的 "通達有你",web h5頁面的分享功能體驗太差了,我一直想改變提高體驗度。 通常點分享然後跳轉到另一個

原创 前端代碼打開軟件-外部協議請求

1.打開酷狗 kugou://play?p=eyJGaWxlcyI6W3siZmlsZW... 2.打開qq聊天彈窗 pc端如何實現QQ在線諮詢? html代碼如下: <a href="tencent://message/?uin=123

原创 JavaScript項目中鎖定npm依賴包版本

前言:最近使用cnpm安裝項目依賴後,運行項目出現樣式錯亂問題。 描述:最近升級項目webpack的時候,刪除了node_modules,重新安裝了,cnpm install,運行項目發現有些地方樣式和之前樣式不一樣,樣式變得錯亂了,然後

原创 Vue表單校驗插件Vuerify使用詳細教程及示例

前言 表單校驗,在開發中是非常常見的,爲了防止用戶誤操作,填寫錯誤數據,亦或是防止用戶惡意提交數據等,都需要前端同學來做一些簡單的表單校驗,雖然只是用來防君子的。今天就爲大家推薦一款Vue表單校驗插件:Vuerify。 什麼是Vueri

原创 安裝指定版本的nodejs及npm升級到最新版本、指定版本

node有一個模塊n,是專門用來管理node.js的版本的。 1、安裝n模塊: 1 npm install -g n 2、升級node.js到最新穩定版   n stable 3、安裝指定版本: 1 n v6.11.5 n

原创 vue-config.js配置 vue-cli3.0及簡單使用配置

本文配置是根據官網寫的。vue-cli配置參考 module.exports={ //部署應用包時的基本url。 //baseUrl:"/",//從 Vue CLI 3.3 起已棄用 publicPath:"/"

原创 css常用font-family

實例 例1(小米米官網):font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi

原创 angular1.x之表單驗證與ngMessages

  剛接觸angular1.x很多經常用到的ngMessages的地方,這裏順便記一下,效果如下圖:   如果引用了angular-messages.js報如下錯誤,說明你的angular.js和angular-messages.js版