手机版心得

假如mission__play这些表单

li要有按钮的话，加在li上加个class 叫bind，如下图：

把PSD的尺寸改成375宽，就是iphone7上需要实际字元等pixel的大小

弹窗的范本在MUIModelv2.js里面改，各种都有

input直接一个class readonlyinput就可以变成readonly

网页的连结，到mobile/js/MobileManage.js改

．改纪录的table的html相关，到MobileGridnew.js改

（table是从这个檔案范本化出来的）

．檔名后面直接加个2就好了，不用v2

<div class=”header-margin”></div>

不需要这个，直接设body 有padding-top就好了

mui-btn mui-btn–orange

mui的按鈕這樣分樣式，我也可以分為:

cbetbtn cbetbtn–twin

twin 表示兩個並排

 

首頁的輪播圖出不來，可能是這邊的問題

 

WAP的页面应该都要用div.main-wrap包起来，
body设定overflow: hidden;
这样子才不会有轴卷出现，又可以上下滑动

NOTE

‘<div onclick=”window.location.href=\’/app/love.jsp?loveType=’+ data.lovein[i].platform +’\'”>’,

因為 herf= 後面通常是接 “” 但是那行語法是在js裡面

而整段已經有使用”在開頭跟結尾

所以herf後面的雙引號改由\’代替 中間的 js語法再用”跳出來

jQuery selector需注意

想選擇一樣的tag，結果找不到的情況：

<header id=”luna-header” class=”header luna-header”>

 

var header = $(‘#luna-header’);
var header = $(‘body>header[class=”luna-header”]’);

第一個找的到，第二個找不到

第二個改成　$(‘[class=”header luna-header”]’)　就可以找得到了

因為class attribute是整串

不然就要用這個 $(‘[class~=”luna-header”]’) 包含那個字 https://api.jquery.com/attribute-contains-word-selector/

Webstorm教學

  1. 針對分頁連續按兩下，左邊會彈出資料夾目錄
  2. 縮排／減少縮排的方法：按 Tab 或是 Shift + Tab

對正在編輯的地方按F11，就是BOOKMARK，再按一次會取消。

Ctrl + Shift + ↑ ↓ 可以移动程式码，就不用贴来贴去。
Alt + Shift + ↑ ↓ 是移動括起來的程式碼，更精確。

檔案tab的顏色修改 新增檔案：在想要新增的目錄按右鍵叫出命令列： Alt + F123. 修改eslint的警告配色我少了一個分號，它的配色提示太不明顯了，調成紅色的看看。 減少縮排的方法： 這邊記得也要把它勾掉 想要記Code snippets的話這裡找 想要prettier的話看這裡 把Terminal改成可以用一些指令（ls、rm -rf…. 注意這裡的shell path原本是 cmd.exe 改成 “C:\Program Files\Git\bin\sh.exe” -login -i 參考文章How to open a terminal on WebStorm?把資料夾排除在搜尋範圍
  把修改過的地方改成高亮色調（老人家需求）       prettier ESLint plugin for Prettier formatting 使用prettier幫代碼自動format   看commit的diff 在webStorm裡定義自己需要的live template，還蠻簡單的，把一些常用到的都寫進去加速工作流程！ 搜尋在寫的js檔案是按double shift，記得不是 按 ctrl + shift + N ，那是找檔案。 想要自動補完要import的component的時候，記得那個component要是export default的，webStorm才會作用。

修改編輯器字型：

把這邊的TypeScript language service勾起來的話，專案就會噴一堆TypeScript的錯誤，就連剛用腳手架開啟的一個專案也會有。