原创 ES6模板字符串之標籤模板的拓展

借用網上的一道題目來進行解析, function getPersonInfo(one, two, three,four) { console.log(one); console.log(two); cons

原创 vue項目使用rem適配移動端

項目使用腳手架搭建,使用了vantUI,因爲第三方庫都是使用的px單位,這時候再使用rem就沒辦法適配不同的屏幕了,所以就使用了px2rem-loader插件來解決這個問題。 第一步:安裝 cnpm i

原创 H5判斷設備是PC還是移動設備+移動設備爲Android 或 IOS+判斷移動設備是否爲全面屏

判斷設備是PC還是移動設備 var is_mobile = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smar

原创 react native截取頁面保存爲圖片到手機相冊

最近要做下載海報和分享的功能,於是有了這篇博客~~ 首先來看一下要實現的效果~ 首先捋一下實現步驟: 遮罩層紅色框內的爲要保存到相冊的圖片區域,點擊下載海報的時候就將圖片區域進行截圖並且保存到本地。 下面來做具體實現: 具體安裝

原创 react native報錯:undefined Unable to resolve module 'Dimensions' from 'App.js

在獲取屏幕寬度的時候報錯, 原代碼: 報錯信息: 解決方式:

原创 react native截屏組件 react-native-view-shot總結

截屏組件react-native-view-shot,可以截取當前屏幕或者按照當前頁面的組件來選擇截取 兼容情況: 1、安裝 yarn add react-native-view-shot React Native 0.60.

原创 一分鐘看懂font-size單位em的繼承問題

直接上代碼吧 然後結果圖: 其實就是設置了em單位的元素會繼承自己父元素的大小,並不是繼承了根元素或者body元素的。

原创 關於解決JS在url中傳遞參數時編碼格式的問題

最近在做PC端的項目,途中遇到了一個問題,就是關於url中傳遞參數時參數被轉換的問題。 問題如下: 參數從前一個頁面傳遞過來的格式:URL?id=3534&catName=今日頭條 但是需要用到參數時拿到的 catName 就

原创 面試題a =[1,2,3],b =[1,2,3],c =[1,2,4]比較的結果

首先看一下結果 簡單梳理一下我自己的理解, 所以實際上數組都是被轉換成了字符串的: 也就是說 此時的a = “1,2,3” ,b=“1,2,3”,c="1,2,4" ,接下來執行的操作其實是字符串的比較: 然後就根據字符串

原创 不確定寬高的圖片在盒子中自動上下左右居中

不確定寬高的圖片,要在盒子中水平垂直居中,當圖片是寬比高大的時候上下居中,高比寬大的時候左右居中 第一步: 給圖片父盒子寬高進行佔位,例如: .imgBox { width: 233px;

原创 react native 中的TextInput設置高度

TextInput是一個允許用戶在應用中通過鍵盤輸入文本的基本組件。本組件的屬性提供了多種特性的配置,譬如自動完成、自動大小寫、佔位文字,以及多種不同的鍵盤類型(如純數字鍵盤)等等。 當設置TextInput高度較小的時候,文字

原创 React Native 執行 react-native run-android 運行報錯

如圖,在執行react-native run-android 的時候 運行報錯, 後來想了一下是不是因爲中英文的問題,,,就把文件夾名字換了一下,然後就編譯成功了

原创 使用http-proxy-middleware 代理解決vue項目跨域問題

在config目錄下的index.js中增加如下配置, proxyTable: { '/api': { target: 'https://rest2c.markuni.com/', changeOrigin:

原创 在js文件中訪問vue原型上綁定的方法

單獨的js文件中的this指向的是window,如果這裏的this是指向不到vue實例的,所以會報錯 $http是我掛載到vue原型上的一個方法 現在的需求是我想在js文件中使用vue原型身上綁定的這個http方法,所以我接下

原创 無法將“webpack”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱

檢查一下是不是已經安裝了webpack和webpack-cli; 解決: 1、運行“npm install webpack webpack-cli -D”安裝webpack和webpack-cli包到項目。 2、在項目根目錄下創建