html
文字陰影:text-shadow:x y blur color;
blur為模糊程度,值越大陰影越模糊,預設陰影顏色跟文字相同,第四個值可以修改陰影顏色。
逗號隔開可以設定多個陰影。
盒陰影:box-shadow:x y blur spread color inset;
盒陰影預設顏色是黑色,spread陰影擴散範圍,inset為內陰影。
逗號隔開可以設定多個陰影。
盒子陰影box-shadow跟文字陰影text-shadow很像。
遮罩:. mask:url(遮罩圖位址) x y /遮罩大小x y;
遮罩的座標也可以選擇用center;逗號隔開可以設定多張遮罩圖。
遮罩可以用在有背景圖的塊上,讓背景圖僅顯示遮罩住的部分,新增過渡效果後發現遮罩會移動,有意思!
使用滑鼠移入效果讓兩張遮罩圖互換可以做一點效果。
使用遮罩圖,透明的部分反而會遮住背景。
這個屬性可能瀏覽器還沒相容,得加瀏覽器的字首。
倒影reflect:方向 間距 遮罩/漸變;
通過transform旋轉 其實也可以做倒影.
模糊filter: blur(值);可以給塊做模糊操作,用來模糊挺方便;
計算尺寸 寬/高calc(計算表示式);比如width:calc(100%-100px);可以用於子容器對父容器的適應。;
js要使用鏈式的呼叫,可以在物件的方法內返回this,這個物件本身。
數字
大數字的簡寫
可以在數字後面加字母e指定零的數量,如alert(1e9);10億,1後面9個0;
反過來也可以這樣寫:alert(1e-6);0.000001,1左邊有6個0;
小數處理
math.floor()向下捨入 math.ceil()向上捨入 math.round()四捨五入 math.trunc()捨去小數(ie不支援)
tofixed(n)方法返回指定小數字數的數字。(該方法會自動四捨五入,且結果返回字串,可以使用+號轉換為數字)
tofixed();也可以解決精度損失的問題,js中小數會有精度損失,0.1可能是0.100000005
為了保證精度,可以讓數字更接近整數,比如先乘,捨去小數後,再除回來。
處理小數時也應該盡量避免相等檢查,因為精度的損失可能會讓兩個看起來相等的數字不相等;
數字選取
parseint(value);可以讀取整數,直到讀不到數字位置。可以用於金額讀取,比如parseint(「1234.2$」);結果1234
parseint(value,進製數),可以指定進製,最高到32進製;
parsefloat();可以讀取到小數,
當沒有數字讀取時會返回nan,比如parsefloat(「a123」)//因為第乙個符號直接終止了
math.max(),math.min(),從數字中選取最大/最小值;
math.random()返回0-1(不包括1)隨機數
其他
值nan不等於任何東西,想要判斷乙個值是否是nan可以用方法isnan(x);判斷;
isnan(value);將引數轉為數字,判斷是否為nan;
isfinite(value);將引數轉為數字,判斷是否為常規數字。(可以驗證字串是不是數字)
在數字函式中,只有空格或是空字串視為0;
字串
引號
字串單引號雙引號不可以跨行,反引號可以;
比如:
let a =
`aaa
bbb`
;
單雙引號字串可以用\n換行符換行;(unicode中還有其他字元,比如表情)
字串的操作:
str.charat(x);可以獲取x位置的乙個字元。
方括號也可以:str[1];獲取字串的第一位,str[str.length-1],獲取最後一位
for(let a of b){}能遍歷字串
str.indexof(「字串」,開始檢索位置);方法返回字串位置,無則返回0;能找到需要的字串在整個字串中的位置;
str.includes(「字串」,開始檢索位置);方法返回是否存在檢索的字串,返回true/false;
startswith(「字串」)/endswith(「字串」);方法返回字串是否已***開始/結束;
獲取字串
str.slice(開始,結束);返回指定位置的字串;
如str =「abcdef」
str.slice(1,5);//「bcde」,不包括5
str.substring(開始,結束);與slice相似,但支援反過來substring(5,1);
str.substr(開始,結束);返回從開始到結束的字串,即(1,5)返回"bcdef"
tolowercase()返回小寫,touppercase()返回大寫
字串的編碼
小寫字母總是大於大寫字母;
字串有指定的utf編碼;
str.codepointat(n);返回位置n字元的編碼,很方便了!
string.fromcodepoint(編碼);方法則反過來,通過編碼獲得字元;
'\u』後跟十六進製制**,新增unicode字元;
15天學會爬蟲 第十二天
建立爬蟲類 scrapy genspider itcast itcast.cn 修改繼承類為scrapy reids中的redisspider 刪除原有的start urls 新增存在start urls在redis資料庫中的鍵 from scrapy redis.spiders import re...
學習前端的第十二天
一 固定定位 1.position fixed a.參照物 瀏覽器視窗。b.不佔據空間，脫離布局流。2.讓元素在瀏覽器中左右上下居中 a.position fixed left 50 top 50 margin left 元素寬度一半 margin top 元素高度的一半 b.position fi...
第十二天Python學習記錄
1 iphone7 alex rain jack old driver 2 iphone8 alex shanshan jack old boy 34 both list 56 for name in iphone8 7if name in iphone7 89 print both list 資料...