摘要：完成已完成安裝，重新啟動(dòng)編譯。可以打開微信開發(fā)者工具，新建項(xiàng)目，項(xiàng)目目錄就是文件夾。記錄開發(fā)過程中遇到的問題及解決方案，如有不全或者錯(cuò)誤歡迎留言更正持續(xù)整理更新正

記錄開發(fā)過程中遇到的問題及通過自己摸索或查閱網(wǎng)上的教程整理出的解決方案，如有不全或者錯(cuò)誤歡迎留言更正

1. 如何設(shè)置輸入框 input 中 placeholder的字體顏色、字號(hào)

            input::-webkit-input-placeholder{
                  /*顏色*/
                color:#fff;
                 /* placeholder字體大小  */
                font-size: 12px;
                /* placeholder位置  */
                text-align: right;
            }
            input::-moz-placeholder{   /* Mozilla Firefox 19+ */
                 /*顏色*/
                color:#fff;
                 /* placeholder字體大小  */
                font-size: 12px;
                /* placeholder位置  */
                text-align: right;
            }
            input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
                  /*顏色*/
                color:#fff;
                 /* placeholder字體大小  */
                font-size: 12px;
                /* placeholder位置  */
                text-align: right;
            }
            input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
                 /*顏色*/
                color:#fff;
                 /* placeholder字體大小  */
                font-size: 12px;
                /* placeholder位置  */
                text-align: right;
            }

2.js判斷jios還是android

var u = navigator.userAgent;
var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); 
if(isAndroid){
      console.log("android)
}
if (isIOS) {
　//這個(gè)是ios操作系統(tǒng)
}

3.忽略eslint語法警告

若使整個(gè)文件范圍內(nèi)禁止規(guī)則出現(xiàn)警，將/ eslint-disable /放置于文件最頂部

/* eslint-disable */
alert("eslint");

若在文件中臨時(shí)禁止規(guī)則出現(xiàn)警告將需要忽略的代碼塊用注釋包裹起來

/* eslint-disable */

alert("eslint");

/* eslint-enable */

4.在移動(dòng)端查看console

由于在移動(dòng)端無法打開控制臺(tái),所以用vConsole 進(jìn)行調(diào)試

下載 vConsole 的最新版本，取出dist/vconsole.min.js放到本地

script引入
初始化var vConsole = new VConsole(); console.log("test")

    
    
    
    
    



    hahah
    

5.三元運(yùn)算符的運(yùn)用技巧

基本用法

表達(dá)式 (expr1) ? (expr2) : (expr3)

在 expr1 求值為 TRUE 時(shí)的值為 expr2，在 expr1 求值為 FALSE 時(shí)的值為 expr3。

進(jìn)階技巧點(diǎn)擊這里

6.wepy+weui搭建小程序框架

1.執(zhí)行 wepy init wepyjs/wepy-weui-demo wepy-weui-demo命令創(chuàng)建項(xiàng)目
其中wepy-weui-demo是項(xiàng)目名

$ wepy init wepyjs/wepy-weui-demo wepy-weui-demo

   wepy-cli · Generated "wepy-weui-demo".

2.項(xiàng)目創(chuàng)建成功后cd 進(jìn)入項(xiàng)目目錄，執(zhí)行npm install安裝依賴包

$ cd wepy-weui-demo

$ npm install
.........
npm WARN wepy-weui-demo@1.0.0 No repository field.

added 621 packages in 116.675s

3.開啟實(shí)時(shí)編譯，wepy build --watch
##執(zhí)行wepy build --watch可能會(huì)有報(bào)錯(cuò)
如下

$ wepy build --watch
{ Error: Cannot find module "less"
    at Function.Module._resolveFilename (module.js:536:15)
    at Function.Module._load (module.js:466:25)
    at Module.require (module.js:579:17)
    at require (internal/module.js:11:18)
............
[WARNING] 找不到編譯器：wepy-compiler-less。
[14:23:47] [信息] 檢測到有效NPM包資源，正在嘗試安裝，請(qǐng)稍等。
npm WARN eslint-config-standard@7.1.0 requires a peer of eslint-plugin-promise@>=3.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN wepy-compiler-less@1.3.14 requires a peer of less@^3.8.1 but none is installed. You must install peer dependencies yourself.
npm WARN wepy-weui-demo@1.0.0 No repository field.

+ wepy-compiler-less@1.3.14
updated 1 package in 3.746s
[14:23:52] [完成] 已完成安裝 wepy-compiler-less，重新啟動(dòng)編譯。
[14:23:52] [編譯] 入口: srcapp.wpy
[14:23:53] [寫入] JSON: distapp.json
{ Error: Cannot find module "less"
    at Function.Module._resolveFilename (module.js:536:15)
    at Function.Module._load (module.js:466:25)
    at Module.require (module.js:579:17)
 ......................
    at Array.forEach () code: "MODULE_NOT_FOUND" }
[WARNING] 找不到編譯器：wepy-compiler-less。
[Error] 未發(fā)現(xiàn)相關(guān) less 編譯器配置，請(qǐng)檢查wepy.config.js文

解決方法
運(yùn)行如下命令

 npm install less --save

重新執(zhí)行wepy build --watch即可

其中生成的 dist 文件夾就是小程序的內(nèi)容。
可以打開微信開發(fā)者工具，新建項(xiàng)目，項(xiàng)目目錄就是dist文件夾。
可以看到項(xiàng)目的初始化內(nèi)容。
在小程序運(yùn)行時(shí)，調(diào)試器中可能會(huì)有報(bào)錯(cuò)，不要慌張
在微信開發(fā)者工具中找到設(shè)置 》項(xiàng)目設(shè)置 將

ES6 轉(zhuǎn) ES5
上傳代碼時(shí)樣式自動(dòng)補(bǔ)全
代碼上傳時(shí)自動(dòng)壓縮

三個(gè)選項(xiàng)的打鉤去掉

7.idea 項(xiàng)目設(shè)置前臺(tái)html修改后立即生效

步驟太多了就不寫了，給個(gè)傳送門，要的自取

8.CSS控制文字，超出部分顯示省略號(hào)

單行文本的溢出顯示省略號(hào)

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本溢出顯示省略號(hào)

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

9.清除定時(shí)器的方法

var t1=window.setTimeout(refreshCount, 1000 * 5);
    function refreshCount() {
      console.log("ready");
    }
    //去掉定時(shí)器的方法  
    window.clearTimeout(t1);   

定時(shí)器是個(gè)很占內(nèi)存的家伙，用完一定要記得清除，否則可能會(huì)造成內(nèi)存泄漏

10.html中使用base64格式圖片

首先將需要用到的圖片轉(zhuǎn)碼成base64格式，之后引入如下代碼

其他詳細(xì)操作點(diǎn)擊傳送門
14.js中的邏輯運(yùn)算符 || &&
1、JS中的||符號(hào)：
運(yùn)算方法：
只要“||”前面為false,不管“||”后面是true還是false，都返回“||”后面的值。

 只要“||”前面為true,不管“||”后面是true還是false，都返回“||”前面的值。

總結(jié)：真前假后
2、JS中的&&符號(hào)：
運(yùn)算方法：
 只要“&&”前面是false，無論“&&”后面是true還是false，結(jié)果都將返“&&”前面的值;

 只要“&&”前面是true，無論“&&”后面是true還是false，結(jié)果都將返“&&”后面的值;

總結(jié)：假前真后
弄懂了以上說的還應(yīng)該知道：
  在js邏輯運(yùn)算中，0、" "、null、false、undefined、NaN都會(huì)判為false，其他都為true。


記錄開發(fā)過程中遇到的問題及解決方案，如有不全或者錯(cuò)誤歡迎留言更正
持續(xù)整理更新正........