原创 css適配iPhoneX屏幕安全區

場景 iPhoneX對比起以前其他的手機，屏幕頂部變成了留海屏，底部取消了物理按鍵改成了小黑條，這種改動導致了web開發中頁面上新的適配問題。 比如一些需要貼在底部的按鈕，和呼起的tabBar和底部彈出框，在iphoneX上就會出現被小黑條

2019-11-02 17:16:06 30

原创 使用Chrome://inspect調試 Android 設備上的Webview

步驟 打開手機的USB調試和USB驗證應用程序 打開手機上的webview程序 電腦上的chrome瀏覽器裏輸入chrome://inspect/#devices 點擊inspect 參考: https://www.jianshu.

2019-09-05 16:45:08 2

原创 禁止IOS系統中的H5頁面長按a標籤時的彈框

使用場景 <a href="javascript:void(0)" >Link</a> 網頁開發過程中，經常使用這種方式來阻止a標籤鏈接的跳轉行爲，但是在IOS系統裏，長按a標籤後會彈出提示框“javascript”。 此時給a標籤加上cs

2019-08-12 15:35:09 7

原创 Git拉取合併兩個沒有共同祖先的分支

在本地git init創建了git庫，並且提交了commit 在遠程比如github上面創建了遠程庫，同時初始化了一個README.md並且提交了commit 這個時候運行git pull不會成功，提示： fatal: refusing t

2019-08-09 09:55:01 4

原创 console中的%d %s等佔位符

前端開發中經常用到瀏覽器的console控制檯，而在console.log和console.debug中有時候可以看見%d %s這樣的符號，其意義和用法如下 佔位符含義 %s for a String value 代表字符串 %d 或

2019-07-04 17:15:06

原创 前端開發 踩坑記錄(施工中...)

最近在前端開發的過程中踩了不少坑，但是又沒什麼時間整理，先臨時記錄下來，往後再整理 路由實例更新 vue.js裏每一次進行路由導航，對應路由的vue.js組件都會生成一個新的vue實例(簡稱vm)，不注意這一點話會掉坑。 比如在/home路

2019-06-25 16:15:05

原创 Vue.js中引入圖片路徑的幾種方式

vue --version 3.6.3記錄總結一下的Vue中引入圖片路徑的幾種書寫方式 vue中靜態資源的引入機制 Vue.js關於靜態資源的官方文檔 靜態資源可以通過兩種方式進行處理： 在 JavaScript 被導入或在 temp

2019-06-17 00:05:05 139

原创 Vue.js中v-html渲染的dom添加scoped的樣式

在vue.js中，要將一段字符串渲染成html，可以使用v-html指令。 但是 官方文檔 中的v-html部分也提醒了 在單文件組件裏，scoped 的樣式不會應用在 v-html 內部，因爲那部分 HTML 沒有被 Vue 的模板編譯器

2019-04-10 15:55:04 2

原创 Vue中watch對象內屬性的方法

vue提供了watch方法，用於監聽實例內data數據的變化。通常寫法是： new Vue({ data: { count: 10， blog:{ title:'my-blog', cat

2019-01-31 17:12:44

原创 折行轉義字符

記錄一個小技巧 基於ES5的多行字符串拼接 var htmlString = "<div>"+ "This is a string."+ "</div>"; ES6中使用`的模板字符串可以讓我們的多行HTML模板更易讀

2019-01-20 22:25:02

原创 Vue.js中 computed 和 methods 的區別

官方文檔中已經有對其的解釋了，在這裏把我的理解記錄一下。 computed 的使用場景 HTML模板中的複雜邏輯表達式，爲了防止邏輯過重導致不易維護，都應當把相關邏輯放入計算屬性。 比如這種 <div id="root">

2019-01-17 00:24:51 2

原创 原生JS操作DOM元素的類名class

1.classList 詳見MDN Element.classList add( String [, String] )添加指定的類值。如果這些類已經存在於元素的屬性中，那麼它們將被忽略。remove( String [,String] )

2018-12-03 16:54:51 1