9月21日知識點(diǎn)記錄

一.Laravel自定義驗證

手動創(chuàng)建一個 validator 實例并通過Validator::make
方法在 facade 生成一個新的 validator 實例:

public function store(Request $request) 
{ 
$validator = Validator::make($request->all(), [ 'title' => 'required|unique:posts|max:255', 'body' =>       'required', ]); 
if ($validator->fails()) 
{ return redirect('post/create') ->withErrors($validator) ->withInput(); }  
}}

第一個傳給make
方法的參數(shù)是驗證數(shù)據(jù)。第二個參數(shù)則是數(shù)據(jù)的驗證規(guī)則祭往。
如果請求沒有通過驗證西采,則可以使用withErrors
方法把錯誤消息閃存到 session湃番。在進(jìn)行重定向之后芋膘,$errors
變量可以在視圖中自動共用妥泉,讓你可以輕松地顯示這些消息并返回給用戶遭贸。withErrors
方法接收 validator斩狱、MessageBag,或 PHParray

二.微信小程序

1.首行縮進(jìn)和空格

\n換行 \t空格 ? ?
首行縮進(jìn)->Text-indent:40px;
在text組件中添加decode="{{true}}"屬性初茶,text組件就可以識別 < > & '
2.尺寸單位

·rpx(responsive pixel): 可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)颗祝。規(guī)定屏幕寬為750rpx。一般以iphone6屏幕做為視覺設(shè)計標(biāo)準(zhǔn)。
rpx 與 px單位換算如下:

設(shè)備 rpx換算px (屏幕寬度/750) px換算rpx (750/屏幕寬度)
iPhone5 1rpx = 0.42px 1px = 2.34rpx
iPhone6 1rpx = 0.5px 1px = 2rpx
iPhone6s 1rpx = 0.552px 1px = 1.81rpx

三.其他知識點(diǎn)

1.小程序快捷鍵

格式調(diào)整
- Ctrl+S:保存文件
- Ctrl+[螺戳, Ctrl+]:代碼行縮進(jìn)
- Ctrl+Shift+[搁宾, Ctrl+Shift+]:折疊打開代碼塊
- Ctrl+C Ctrl+V:復(fù)制粘貼,如果沒有選中任何文字則復(fù)制粘貼一行
- Shift+Alt+F:代碼格式化
- Alt+Up倔幼,Alt+Down:上下移動一行
- Shift+Alt+Up盖腿,Shift+Alt+Down:向上向下復(fù)制一行
- Ctrl+Shift+Enter:在當(dāng)前行上方插入一行

光標(biāo)相關(guān)
- Ctrl+End:移動到文件結(jié)尾
- Ctrl+Home:移動到文件開頭
- Ctrl+i:選中當(dāng)前行
- Shift+End:選擇從光標(biāo)到行尾
- Shift+Home:選擇從行首到光標(biāo)處
- Ctrl+Shift+L:選中所有匹配
- Ctrl+D:選中匹配
- Ctrl+U:光標(biāo)回退

界面相關(guān)
- Ctrl + \:隱藏側(cè)邊欄
- Ctrl + m: 打開或者隱藏模擬器

2.樣式導(dǎo)入

可以使用@import語句來導(dǎo)入外聯(lián)樣式表,其后面跟需要導(dǎo)入外聯(lián)樣式表的相對路徑损同,并以分號結(jié)束翩腐。
例如:
/** other.wxss **/ .appText{ margin:10px; }
/** app.wxss **/ @import "other.wxss"; .content_text:{ margin:15px; }

app.wxss是全局樣式,作用于每一個頁面膏燃,而page下的每一個的wxss文件只作用于當(dāng)前頁面茂卦,并對全局樣式中的相同屬性會覆蓋
wxss樣式屬性
a、wxss display(顯示)
屬性 說明
flex 多欄多列布局 flex-direction:row/column
inline-block 行內(nèi)塊元素
inline 此元素會被顯示為內(nèi)聯(lián)元素蹄梢,元素前后沒有換行符
inline-table 作為內(nèi)聯(lián)表格來顯示(類似 <table>),表格前后沒有換行符
inline-flex 將對象作為內(nèi)聯(lián)塊級彈性伸縮盒顯示
none 此元素不會被顯示
block 此元素將顯示為塊級元素富俄,此元素前后會帶有換行符
list-item 此元素會作為列表顯示
table 會作為塊級表格來顯示(類似 <table>)禁炒,表格前后帶有換行符
table-caption 作為一個表格標(biāo)題顯示(類似 <caption>)
table-cell 作為一個表格單元格顯示(類似 <td> 和 <th>)
table-column 作為一個單元格列顯示(類似 <col>)
table-column-group 作為一個或多個列的分組來顯示(類似 <colgroup>)
table-row 作為一個表格行顯示(類似 <tr>)
table-row-group 作為一個或多個行的分組來顯示(類似 <tbody>)
table-header-group 作為一個或多個行的分組來顯示(類似 <thead>)
table-footer-group 作為一個或多個行的分組來顯示(類似 <tfoot>)
inherit 從父元素繼承 display 屬性的值
flex:多欄多列布局 http://www.360doc.com/content/14/0811/01/2633_400926000.shtml

b、wxss position(定位)
屬性 說明
absolute 生成絕對定位的元素霍比,相對于 static 定位以外的第一個父元素進(jìn)行定位幕袱。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。
relative 生成相對定位的元素悠瞬,相對于其正常位置進(jìn)行定位们豌。
因此,"left:20" 會向元素的 LEFT 位置添加 20 像素浅妆。
fixed 生成絕對定位的元素望迎,相對于瀏覽器窗口進(jìn)行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定凌外。
static 默認(rèn)值辩尊。沒有定位,元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)
inherit 規(guī)定應(yīng)該從父元素繼承 position 屬性的值

c康辑、wxss float(浮動)
屬性 說明
left 元素向左浮動
right 元素向右浮動
none默認(rèn)值 元素不浮動摄欲,并會顯示在其在文本中出現(xiàn)的位置。
inherit 規(guī)定應(yīng)該從父元素繼承 float 屬性的值疮薇。

d胸墙、wxss background(背景)
屬性 說明 語法(屬性值)
background 簡寫屬性,作用是將背景屬性設(shè)置在一個聲明中 background: color position size repeat origin clip attachment image;
background-color 指定要使用的背景顏色
background-position 指定背景圖像的位置 background-position:center
background-size 指定背景圖片的大小 background-size:80px 60px;寬度 高度
background-repeat 指定如何重復(fù)背景圖像 repeat,repeat-x,repeat-y,no-repeat,inherit
background-origin 指定背景圖像的定位區(qū)域 padding-box 背景圖像填充框的相對位置
border-box 背景圖像邊界框的相對位置
content-box 背景圖像的相對位置的內(nèi)容框
background-clip 指定背景圖像的繪畫區(qū)域 屬性值按咒,同上
background-attachment 設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動迟隅。 scroll 背景圖片隨頁面的其余部分滾動。這是默認(rèn)
fixed 背景圖像是固定的
inherit 指定background-attachment的設(shè)置應(yīng)該從父元素繼承
local 背景圖片隨滾動元素滾動
background-image 指定要使用的一個或多個背景圖像 url('URL') 圖像的URL
none 無圖像背景會顯示。這是默認(rèn)
inherit 指定背景圖像應(yīng)該從父元素繼承

e玻淑、wxss border(邊框)
屬性 說明 語法(屬性值)
border 簡寫屬性嗽冒,用于把針對四個邊的屬性設(shè)置在一個聲明 border:5px solid red;
border-width 用于為元素的所有邊框設(shè)置寬度,或者單獨(dú)地為各邊邊框設(shè)置寬度 border-top-width 上右下左邊框厚度 屬性值:thin medium thick length
border-style 設(shè)置元素所有邊框的樣式补履,或者單獨(dú)地為各邊設(shè)置邊框樣式添坊。 border-top-width 上右下左邊框樣式 屬性值:solid,dashed,dotted,double等
border-color 元素的所有邊框中可見部分的顏色,或為 4 個邊分別設(shè)置顏色 border-top-width 上右下左邊框顏色

f箫锤、wxss 輪廓(outline)
屬性 說明 語法(屬性值)
outline 在一個聲明中設(shè)置所有的外邊框?qū)傩? outline: outline-color, outline-style, outline-width
outline-color 設(shè)置外邊框的顏色
outline-style 設(shè)置外邊框的樣式贬蛙。 屬性值:solid,dashed,dotted,double等
outline-width 設(shè)置外邊框的寬度 屬性值:thin medium thick length

g、wxss 文本屬性(text)
屬性 說明 語法(屬性值)
color 設(shè)置文本顏色
direction 設(shè)置文本方向谚攒。 ltr:文本方向從左到右;rtl:文本方向從右到左
letter-spacing 設(shè)置字符間距
line-height 設(shè)置行高
text-align 對齊元素中的文本 left:把文本排列到左邊阳准。默認(rèn)值,由瀏覽器決定馏臭。
right:把文本排列到右邊野蝇。
center:把文本排列到中間。
justify:實現(xiàn)兩端對齊文本效果括儒。
inherit: 規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值绕沈。
text-decoration 向文本添加修飾 underline 定義文本下的一條線。
overline 定義文本上的一條線帮寻。
line-through 定義穿過文本下的一條線乍狐。
blink 定義閃爍的文本。
text-indent 縮進(jìn)元素中文本的首行
text-shadow 設(shè)置文本陰影 text-shadow: h-shadow v-shadow blur color;
h-shadow:水平陰影的位置,允許負(fù)值;
v-shadow:垂直陰影的位置,允許負(fù)值;
blur:模糊的距離;
color:陰影的顏色
text-transform 控制元素中的字母 capitalize 文本中的每個單詞以大寫字母開頭固逗。
uppercase 定義僅有大寫字母浅蚪。
lowercase 定義無大寫字母,僅有小寫字母烫罩。
unicode-bidi 設(shè)置或返回文本是否被重寫
vertical-align 設(shè)置元素的垂直對齊
white-space 設(shè)置元素中空白的處理方式
word-spacing 設(shè)置字間距

h惜傲、wxss 字體屬性(font)
屬性 說明 語法(屬性值)
font 在一個聲明中設(shè)置所有字體屬性 font:font-style font-variant font-weight font-size/line-height font-family(按順序)
font-style 指定文本的字體樣式 normal 默認(rèn)值。瀏覽器顯示一個標(biāo)準(zhǔn)的字體樣式贝攒。
italic 瀏覽器會顯示一個斜體的字體樣式操漠。
oblique 瀏覽器會顯示一個傾斜的字體樣式。
inherit 規(guī)定應(yīng)該從父元素繼承字體樣式饿这。
font-variant 以小型大寫字體或者正常字體顯示文本 normal 默認(rèn)值浊伙。瀏覽器會顯示一個標(biāo)準(zhǔn)的字體。
small-caps 瀏覽器會顯示小型大寫字母的字體长捧。
inherit 規(guī)定應(yīng)該從父元素繼承 font-variant 屬性的值嚣鄙。
font-weight 指定字體的粗細(xì) normal 默認(rèn)值。定義標(biāo)準(zhǔn)的字符串结。
bold 定義粗體字符哑子。
bolder 定義更粗的字符舅列。
lighter 定義更細(xì)的字符。
inherit 規(guī)定應(yīng)該從父元素繼承字體的粗細(xì)卧蜓。
font-size 指定文本的字體大小 smaller 把 font-size 設(shè)置為比父元素更小的尺寸帐要。
larger 把 font-size 設(shè)置為比父元素更大的尺寸。
length 把 font-size 設(shè)置為一個固定的值弥奸。
% 把 font-size 設(shè)置為基于父元素的一個百分比值榨惠。
font-family 指定文本的字體系列

h、wxss margin(外邊距)(margin)
屬性 說明 語法(屬性值)
margin 在一個聲明中設(shè)置所有外邊距屬性盛霎。 margin:10px 5px 15px 20px;(上邊距赠橙,右邊距,下邊距愤炸,左邊距)
margin-top 設(shè)置元素的上外邊距期揪。
margin-right 設(shè)置元素的右外邊距。
margin-bottom 設(shè)置元素的下外邊距规个。
margin-left 設(shè)置元素的左外邊距

i凤薛、wxss padding(填充)(padding)
屬性 說明 語法(屬性值)
padding 使用縮寫屬性設(shè)置在一個聲明中的所有填充屬性 padding:10px 5px 15px 20px;(上填充,右填充诞仓,下填充缤苫,左填充)
padding-top 設(shè)置元素的頂部填充。
padding-right 設(shè)置元素的右部填充
padding-bottom 設(shè)置元素的底部填充
padding-left 設(shè)置元素的左部填充

j狂芋、wxss 選擇器
選擇器 樣例 樣例描述
.class(類選擇器) .intro 選擇所有擁有class="intro"的組件

id(id選擇器) #firstname 選擇擁有id="firstname"的組件

element view 選擇所有view組件
element, element view checkbox 選擇所有文檔的view組件和所有的checkbox組件
::after view::after 在view組件后邊插入內(nèi)容
::before view::before 在view組件前邊插入內(nèi)容

微信小程序的文檔手冊https://www.w3cschool.cn/weixinapp/9wou1q8j.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末榨馁,一起剝皮案震驚了整個濱河市憨栽,隨后出現(xiàn)的幾起案子帜矾,更是在濱河造成了極大的恐慌,老刑警劉巖屑柔,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件屡萤,死亡現(xiàn)場離奇詭異,居然都是意外死亡掸宛,警方通過查閱死者的電腦和手機(jī)死陆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來唧瘾,“玉大人措译,你說我怎么就攤上這事∈涡颍” “怎么了领虹?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長求豫。 經(jīng)常有香客問我塌衰,道長诉稍,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任最疆,我火速辦了婚禮杯巨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘努酸。我一直安慰自己服爷,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布蚊逢。 她就那樣靜靜地躺著层扶,像睡著了一般。 火紅的嫁衣襯著肌膚如雪烙荷。 梳的紋絲不亂的頭發(fā)上镜会,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天,我揣著相機(jī)與錄音终抽,去河邊找鬼戳表。 笑死,一個胖子當(dāng)著我的面吹牛昼伴,可吹牛的內(nèi)容都是我干的匾旭。 我是一名探鬼主播,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼圃郊,長吁一口氣:“原來是場噩夢啊……” “哼价涝!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起持舆,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤色瘩,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后逸寓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體居兆,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年竹伸,在試婚紗的時候發(fā)現(xiàn)自己被綠了泥栖。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡勋篓,死狀恐怖吧享,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情譬嚣,我是刑警寧澤钢颂,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站孤荣,受9級特大地震影響甸陌,放射性物質(zhì)發(fā)生泄漏须揣。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一钱豁、第九天 我趴在偏房一處隱蔽的房頂上張望耻卡。 院中可真熱鬧,春花似錦牲尺、人聲如沸卵酪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽溃卡。三九已至,卻和暖如春蜒简,著一層夾襖步出監(jiān)牢的瞬間瘸羡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工搓茬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留犹赖,地道東北人。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓卷仑,卻偏偏與公主長得像峻村,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子锡凝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案粘昨? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評論 1 92
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素;行內(nèi)(內(nèi)聯(lián)窜锯、inline-level)元素张肾。 塊元素的...
    饑人谷_小侯閱讀 2,007評論 1 4
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,247評論 1 41
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,060評論 0 1
  • 1衬浑、窗體 1捌浩、常用屬性 (1)Name屬性:用來獲取或設(shè)置窗體的名稱放刨,在應(yīng)用程序中可通過Name屬性來引用窗體工秩。 ...
    Moment__格調(diào)閱讀 4,549評論 0 11