QQ號:5到10位數字
手機號:1開頭的11位數字,還可以通過前三位號段限制
電子郵件:必帶@的及一個.加后綴結尾的
昵稱:限制和其他不同
身份證:肯定是15或18位數字 最后也為可以是x 羅列規(guī)則,再進行分析,簡單先判斷,你一個字段匹配五個,那么昵稱就要限制
樓主,給你推薦使用 vw 布局
.foot {
margin-top: 1rem;
.foot-menu {
display: flex;
.menu-item {
width: 25vw;
height: 25vw;
@extend: .box-shadow;
}
.menu-item2 {
width: 50vw;
height: 50vw;
@extend: .box-shadow;
}
}
}
按照需求分割比題主自己算。
.col {
width: 100%;
}
.block-flex {
display: flex;
flex-direction: row-reverse;
/* justify-content: flex-end; */
align-items: center;
white-space: nowrap;
}
.scroll-dx {
overflow-x: auto;
}
<div class="col block-flex scroll-dx">0我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動我要能夠滾動1<div>
看下 flex-wrap
handleClick的this指向有問題,要bind(this)
return (
<div id='parent' onClick={this.handleClick.bind(this)}>
開啟輪播=={this.props.text}
</div>
)
或者用箭頭函數
return (
<div id='parent' onClick={()=>{this.handleClick()}}>
開啟輪播=={this.props.text}
</div>
)
class Header extends React.Component{
constructor(props,el){
super(props);
//this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
this.state = {
myval:'',
show:true
}
}
change(e){
console.log(e.target);
this.setState({myval:e.target.value})
}
click(aaa){
console.log(aaa);
}
toggle(){
this.setState({show:!this.state.show})
}
render(){
return(
<header className="header">
<input type="text" onChange={(e)=>{this.change(e)}}/>
<h1 style={{display:this.state.show?'block':'none'}}>{this.state.myval}</h1>
<button onClick={this.toggle.bind(this)}>按鈕</button>
</header>
)
}
componentDidMount(){
}
}li的行高,i的高度,影響的,inline-height在block是可以生效的。
react中真心不建議使用jquery。jquery操作真實dom后,react的diff就無法實現render,所以出現很多問題根本無從查起。react也有很強大的拖拽組件庫。
WeiMedium - https://www.weimedium.com
因為flexible針對iphone的2倍屏,3倍屏做了適配,最新的flexible好像是自動獲取設備的dpr.要么統(tǒng)一按照1dpr處理,要么重寫你的ui庫。
建議參考lib-flexible源碼讀后感:
最后給body設置font-size,作者團隊也解釋了(原話):
body上設置12 * dpr的font-size值,為了重置頁面中的字體默認值,不然沒有設置font-size的元素會繼承html上的font-size,變得很大。
應該是justify-content:space-between
PC進不去,之前做過網易云的demo,大概猜一下它的效果好了。。。
<img src="http://p1.music.126.net/TpCinfY4hmnWhl6JbcPGog==/109951163185285618.jpg?param=140y140"/>
從前端傳過去的?param=${width}y${height},寬高都可被后端捕獲,后端對原圖進行壓縮——他平時網站的圖片就是這么做優(yōu)化的,你可以去看看
我使用vue的時候也遇到了,定位到問題是因為在進入路由之前有個異步請求,在請求的回調里執(zhí)行的next(),導致有一定的延時和阻塞了返回上一頁的頁面渲染。你看看是不是一樣的問題?
$types = empty($types)? array('jpg', 'gif', 'png', 'jpeg'):$types;
$img = str_replace(array('_','-'), array('/','+'), $request->input('image'));
$b64img = substr($img, 0,100);
if(preg_match('/^(data:\s*image\/(\w+);base64,)/', $b64img, $matches)){
$type = $matches[2];
if(!in_array($type, $types)){
return array('type'=>'0','msg'=>'圖片格式不正確','url'=>'');
}
$img = str_replace($matches[1], '', $img);
$img = base64_decode($img);
$photo = 'upload/links/'.md5(date('YmdHis').rand(1000, 9999)).'.'.$type;
file_put_contents(env('IMAGE_URL').'/'.$photo, $img);
$thumbnail=self::resizeImage('0.5',$photo,'thumbnail');
$min =self::resizeImage('0.2',$photo,'min');
return ['type'=>'1','url'=>'/'.$photo,'thumbnail'=>$thumbnail,'min'=>$min];
}通過url傳參把,把需要的參數拼到iframe鏈接后面,彈窗里的頁面再取下就完事了
flex
大盒子
{
flexWrap: "wrap";
}
小盒子
{
flex:1 0 33%;
}
會自動換行,試試
你是是新增時,默認了當前時間,然后你的修改并沒有去掉這個邏輯
final Label label = new Label("start");
label.setStyle("-fx-text-fill:red;");
final MenuButton menuButton = new MenuButton("", label);北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數據專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯網管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網頁制作和網頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。