一.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)容