Category: Uncategorized

网页开发各项技巧

&:-webkit-autofill {

-webkit-box-shadow: 0 0 0 30px black inset;

-webkit-text-fill-color: #eec452;

}

在input后面加这个，可以盖掉自动完成（记忆帐号密码）的样式

 

&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
&::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
&:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
&:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
&:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px black inset;
  -webkit-text-fill-color: #fff;
}

这段可以连同placeholder一同变色，加在input里

CSS解决英文不会断行的问题

word-wrap: break-word;

 

<span>不能包住<a>不然网页会整个挂掉

手机版心得

假如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/