原创 如何在chrome瀏覽器上調試特定機型的屏幕效果
需求：有個項目只適配了手機，屏幕寬度大於手機尺寸是倆側有灰色背景，現在要適配小米note4平板，如何精確適配？ 步驟： 1.打開chrome F12，點擊設備切換按鈕，點擊上方的手機型號選擇，點擊下拉列表最下邊的eDit 2.出現如下圖
2020-06-21 12:09:40
原创 uni-app開發問題總結（小程序與h5）2：兼容性
前端時間連着開發了倆個項目，都是在線教育類的，uni-app架構，一套代碼兼容移動端h5+小程序。碰到一些兼容性問題，這裏做個記錄： 一、默認使用uni-app創建的css 有個默認引用的css（uni.css），裏面是一些uni- 標籤
2019-08-23 08:27:38
11
原创 uni-app開發流程一（項目搭建）
uni-app其實是DCloud推出的衆多產品之一，當然我只研究目前能用到的 DCloud的官網：https://www.dcloud.io/ uni-app的官網：https://uniapp.dcloud.io/ uni-app 是一
2019-07-02 15:46:58
原创 uni-app開發流程二（項目開發）
用了一個禮拜，將之前的一個小程序項目和另一個vueh5項目的核心功能移植到新項目上，到可以正常運行還是走了不少彎路的，下面記錄一下。 1.我先移植到的是小程序項目，在微信開發者工具運行。 這個小程序當時爲了追求頁面效果，用了colorUI
2019-07-02 15:46:58
原创 uni-app開發問題總結（小程序與h5）1：tabbar與redirectTo的混合使用
頁面配置如下圖所示： 問題：我在index頁面用了tabbar，分別是index和user頁面， 在index頁面用redirectTo跳轉showhow頁面如下： uni.redirectTo({ url: '/pages/sho
2019-06-20 16:01:56
2
原创 微信小程序開發之wepy框架（一）
前提有node和npm環境 1.全局安裝WePY命令行工具 npm install wepy-cli -g 2.創建項目 wepy init standard mywepy 3.同IDE打開項目安裝依賴包 npm install 4.添加
2019-05-08 22:38:51
原创 微信小程序使用protobuf數據格式+webscoket
1. github 項目 https://github.com/Zhang19910325/protoBufferForWechat 這個項目是關鍵，將其weichatPb放進小程序目錄下。(借用) 2.windows環境執行以下
2019-04-18 15:50:24
10
原创 audio自動播放完美兼容實現方案
前述：最近解決的一個疑難雜症，是關於audio自動播放與監聽audio加載完成在ios上的兼容性問題，其表現爲pc，安卓谷歌瀏覽器正常，ios微信，谷歌瀏覽器不正常。 需求：在音頻加載前放置一個全局loading，音頻加載完成後取消loa
2019-04-03 15:38:44
1
原创 mpvue開發小程序（一）基礎架構
小程序api地址：https://developers.weixin.qq.com/miniprogram/dev/api/ mpvue-weui（常用地址）：https://kuangpf.com/mpvue-weui/#/README
2018-12-08 02:40:30
原创 mpvue開發小程序（三）官方推薦以及開發遇到的問題
一，官方推薦 前面的fly.js也是官方推薦的 mpvue-weui ui庫，相當方便輕量好使 mpvue-toast 一個基於mpvue的簡單彈窗組件 因爲mpvue目前還不支持全局的組件，所以沒有辦法像vue組件引入一次就能在
2018-12-08 02:40:30
4
原创 mpvue開發小程序（四）項目展示與細節
一，項目展示 我開發的是一個教育平臺（小程序版本），之前也是本人開發的一個vue+mintUI的移動端項目，現在用前面三章講得那些基本框架就ok了，現在開看一下項目吧。 大致就是這樣，前面還有一個登陸頁。 二，細節 1.登錄 之前的默認
2018-12-08 02:40:30
原创 mpvue開發小程序（二）環境配置
1.css樣式 由於小程序自成一家,我們開發pc移動使用的想elementUI與mintui的功能和樣式都無法轉化，在這裏，樣式方面我們用weui去代替，地址：https://github.com/Tencent/weui/tree/ma
2018-12-08 02:40:30
1
原创 VUE插件總結
UI組件 element - 餓了麼出品的Vue2的web UI工具套件 Vux - 基於Vue和WeUI的組件庫 mint-ui - Vue 2的移動UI元素 iview - 基於 Vuejs 的開源 UI 組件庫 Keen-UI -
2018-11-13 00:39:33
原创 微信瀏覽器，區分移動端登錄，還是其它瀏覽器（pc）
//判斷移動PC端瀏覽器和微信端瀏覽器 var ua = navigator.userAgent; var ipad = ua.match（/（iPad）。* OS \ s（[\ d _] +）/）;
2018-11-13 00:39:33
原创 前端技術之Iframe
現在有個項目是webapp，通過iframe加載第三方資源，除了主入口index.jsp(java編譯之後)和3個活動的html頁面，剩下都是通過主頁面裏的iframe進行src的跳轉。 1.ifarme加載頁面後的高度問題： 主入口if
2018-09-30 10:46:41
16