原创 塊級元素、行內元素、內聯元素 原

 塊級元素：div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table    行內元素：span,   strong,  

2018-12-02 21:09:39 1

原创 小程序iOS使用input輸入時placeholder及輸入內容上移消失 原

開發中遇到一個bug，在一個頁面，頂部是一個輸入框，進入頁面後直接獲取焦點調起鍵盤，這時候iPhonex出現placeholder消失、輸入框內沒有光標，輸入打字的時候也沒有輸入顯示的問題，當隱藏鍵盤後，輸入框顯示正常 使用安卓機和iPh

2018-12-02 21:09:39 10

原创 URL.createObjectURL和URL.revokeObjectURL 轉

一.URL.createObjectURL  URL.createObjectURL()方法會根據傳入的參數創建一個指向該參數對象的URL. 這個URL的生命僅存在於它被創建的這個文檔裏. 新的對象URL指向執行的File對象或者是Blob

2018-12-02 21:09:38 25

原创 小程序重寫CheckBox樣式 原

 CheckBox /* 重寫 checkbox 樣式 */ /* 未選中的 背景樣式 */ checkbox .wx-checkbox-input{ border-radius: 50%; width: 40r

2018-12-02 21:09:38

原创 滾動條設置，自定義瀏覽器滾動條的樣式，打造屬於你的滾動條風格 轉

前段時間，到網上找素材時，看到了一個很個性的滾動條式，打開Chrome的調試工具看了一下，發現不是用JavaScript來模擬實現的，覺得有必要折騰一下。於是在各大瀏覽器中對比了一下，發現只用Chrome適用，也就是說這個用的是Chrome

2018-12-02 21:09:24

原创 Git 使用vi或vim命令打開、關閉、保存文件 原

1、vi & vim 有兩種工作模式： （1） 命令模式：接受、執行 vi & vim 操作命令的模式，打開文件後的默認模式； （2） 編輯模式：對打開的文件內容進行 增、刪、改 操作的模式；   #在編輯模式下按下 ESC 鍵，回退到命令

2018-12-02 21:09:24

原创 Webstorm常用快捷鍵備忘(Webstorm入門指南) 轉

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽爲“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaSscript IDE”等。與IntelliJ IDEA同源，

2018-12-02 21:09:24

原创 vscode編輯器自動格式化 原

{ "workbench.editor.enablePreview": false, //打開文件不覆蓋 "search.followSymlinks": false, //關閉rg.exe進程 "editor.minim

2018-12-02 21:09:24

原创 鼠標事件 原

mousedown:鼠標按鈕被按下（左鍵或者右鍵）時觸發。不能通過鍵盤觸發。 mouseup:鼠標按鈕被釋放彈起時觸發。不能通過鍵盤觸發。 click:單擊鼠標左鍵或者按下回車鍵時觸發。這點對確保易訪問性很重要，意味着onclick事件處

2018-12-02 21:09:24

原创 瀏覽器縮放檢測 原

在pc端項目的開發中，經常會遇到用戶瀏覽頁面卻發現佈局出現混亂的情況，這時候排查可能是網頁的縮放引起的，所以在頁面加載的時候添加了瀏覽器的縮放檢測提示功能。 採用的檢測方式裏用到一個屬性 window.devicePixelRatio ，以

2018-12-02 21:09:24

原创 小程序使用border-image邊框默認展示 原

開發小程序的時候，遇到一個小bug，開發中使用到了 border-image 給view設置邊框圖如下圖 使用的是base64字符直接添加 border: none; border-bottom: 5rpx solid #E6E6E6;

2018-12-02 21:09:24

原创 vue內引入語音播報功能 原

在vue項目中引入語音播報，使用的科大訊飛語音接入， 具體思路爲每次接收到語音信息後存入一個數組，然後監聽這個數組，開始衝第一個索引播放，並且同時根據vuex getter 來動態刪減數量 給audio綁定ended事件來執行播放完成後播放

2018-12-02 21:09:24 6

原创 解決因手機設置字體大小導致h5頁面在webview中變形的BUG 轉

首先，我們做了一個H5頁面，在各種手機瀏覽器中打開都沒問題。我們採用了rem單位進行佈局，通過JS來動態計算網頁的視窗寬度，動態設置html的font-size，一切都比較完美。 這時候，你自信滿滿的將h5地址交給了APP工程師，做了一個W

2018-12-02 21:09:23

原创 [圖解]在輸入框和文本框中獲取和設置光標位置，以及選中文本和獲取選中文本值的方法 --- 詳解，兼容所有瀏覽器。 轉

  寫在前面 最近在segmentfault上看到它的日期輸入控件，感覺挺有意思。好吧，動手寫一個，加到自己的代碼庫裏吧。 然後問題來了，在上面圖片中，我們很明顯的看得出這裏涉及光標位置的控制。比如說當我輸入1993的3之後，光標必須

2018-12-02 21:09:23

原创 元素文本強制換行、自動換行、超出省略號等 原

P標籤是默認是自動換行的，因此設置好寬度之後，能夠較好的實現效果，但是最近的項目中發現，使用ajax加載數據之後，p標籤內的內容沒有換行，導致佈局錯亂，於是嘗試着使用換行樣式，雖然解決了問題，但是並沒有發現本質原因，本質在於，我當時獲取的數

2018-12-02 21:09:23 2