原创 移動端軟鍵盤兼容方案

  轉自:https://segmentfault.com/a/1190000018959389 前言 最近一段時間在做 H5 聊天項目,踩過其中一大坑:輸入框獲取焦點,軟鍵盤彈起,要求輸入框吸附(或頂)在輸入法框上。需求很明確,看似很簡單

原创 VScode配置

編輯器配置看自己習慣,這裏是爲了記錄我自己的配置習慣: settings.json { //vscode編輯器全局設置 //主題色 "workbench.colorTheme": "Monokai",

原创 ios手機填坑總結

1. 日期格式   ios系統、safari只能識別"2018/10/15 00:00:00",不能識別"2018-10-15 00:00:00",所以需要轉換格式,日期字符串需要轉換成日期對象來比較大小,也可以轉成毫秒比較;   var

原创 安卓手機填坑總結

1. 顏色不支持  八位顏色值  #333444ab   

原创 監聽用戶關閉瀏覽器、離開瀏覽器事件

作者: 阮一峯 www.ruanyifeng.com/blog/2018/10/page_visibility_api.html 一、簡介 有時候,開發者需要知道,用戶正在離開頁面。常用的方法是監聽下面三個事件。 pagehide be

原创 移動端輸入框問題1

  前言 在移動端的web開發中,一提起輸入框,程序猿(媛)肯定有很多可以吐槽的點。 在輸入框的運用中,小編也是很心累呀~不過,經過我 潛(cai)心(keng)研(jiao)究(xun),也算是瞭解了它的脾性… … 特別鳴謝:周涵,家

原创 電視機頂盒web開發相關問題

1. https://segmentfault.com/a/1190000015155152  

原创 手機瀏覽器跳轉APP

  背景 對於APP來說,迴流分享頁是最好的最便宜的也是最病毒式的拉新方式。讓新用戶去下載APP是重要的。對老用戶來說,可以直接調起APP也是提升用戶體驗和讓用戶有侵入式體驗的重要手段。所以我們一起來看看有哪些方式可以喚起APP的 概念敘

原创 js識別用戶設備是移動端手機時跳轉到手機網站

  一、識別到用戶的設備是手機等移動端設備時跳轉到移動端網站 var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry",

原创 input文字顏色、光標顏色

  <input type="text" placeholder="輸入框">   input{ color: red;/*輸入文字、光標顏色*/ -webkit-text-fil

原创 模板引擎之hogan.js

hogan.js 語法簡單,且支持循環數據: 基本語法:   1. 標籤可以嵌套使用   2. {{data}} 轉義的變量,不會渲染html標籤  3. {{{data}}} 不轉義的變量,會渲染html標籤,比如接口返回的富文本編輯器的

原创 vue和微信小程序的區別、比較

鏈接:https://segmentfault.com/a/1190000015684864 一、生命週期 先貼兩張圖: vue生命週期   小程序生命週期   相比之下,小程序的鉤子函數要簡單得多。 vue的鉤子函數在跳轉新頁面時,鉤

原创 Vue基礎知識簡介

基礎知識: vue的生命週期: beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed vue常用指令: v-for、v-

原创 移動端調試——五款前端開發利器

1. vConsole 推薦指數:★★★☆☆ 騰訊出品的 Web 調試面板,相信不少前端小夥伴都用過。vConsole 會在你網頁中加一個懸浮的小按鈕,可以點擊它來打開關閉調試面板,並查看 DOM、Console、Network和 本地存儲

原创 vue-router query和params傳參(接收參數),$router、$route的區別

鏈接:https://segmentfault.com/a/1190000012735168 1.query方式傳參和接收參數 傳參: this.$router.push({ path:'/xxx'