Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
明:fnss快速選擇根據(jù)文字特征過濾出來刪除。
要刪除帶括號的和豎向的長度,而豎向要s,要知道它的特點(diǎn)。
·首先豎向的文字是九十度的,另外字高是比其他字高要小的,直接過濾。文字內(nèi)容可以不管它,當(dāng)然也可以管井號,三個井號或者是四個井號就表示長度,就表示三位小數(shù)或者四位小數(shù)文字樣式。
·然后旋轉(zhuǎn)角度還有字高可以把這幾個都選上,按全圖,會看到豎向的九十度就全部選中了,刪除。
·還有這是括號的,括號跟這個是獨(dú)立的,直接過濾就可以了。如果兩個是連在一起的就用括號刪除,如果不連在一起就蜂鳥s,s選擇。注意這里面就有一個星號,因?yàn)槔ㄌ柺翘厥庾址谇懊婕右粋€字符就在e、s、c下面字符。
·點(diǎn)全圖,括號就全部選中了,點(diǎn)刪除。
這樣彎鉤長度和括號就刪除掉了。
、了解React-Native組件
作為開發(fā)者都知道,UI組件對于一個應(yīng)用的重要性。也許,在一款應(yīng)用中,你還沒有完整的,有體系的構(gòu)建UI組件,但是你一定或多或少有種想把組件抽出來的沖動,就像有些沖動是人類的本能一樣....這是作為一個開發(fā)者的本能。那么組件的復(fù)用和統(tǒng)一化是十分必要的。常見的組件有:日歷、下拉列表(常在應(yīng)用中表現(xiàn)為下拉刷新)、導(dǎo)航欄、頭部、底部、選項(xiàng)卡等等。React-Native就提供了一套iOS原生的組件,這樣就不用HTML5去模擬組件了。React-Native使用css來構(gòu)建頁面布局,使用Native iOS Components給我們提供強(qiáng)大的組件功能。目前已有組件如下圖:
二、使用CSS樣式 & Flexbox布局
第一篇,已經(jīng)知道了如何構(gòu)建工程。這里同樣創(chuàng)建一個HelloWorld工程。默認(rèn)啟動界面如下圖:
1、基本樣式 這里使用View和Text組件作為演示對象,首先,修改index.ios.js里面的代碼,這里只需要關(guān)注StyleSheet和render里面的模板。修改后的代碼如下: /** * Sample React Native App * https://github.com/facebook/react-native */ 'use strict'; var React=require('react-native'); var { AppRegistry, StyleSheet, Text, View, }=React; var HelloWorld=React.createClass({ render: function() { return ( <View> <View></View> </View> ); } }); var styles=StyleSheet.create({ }); AppRegistry.registerComponent('HelloWorld', ()=> HelloWorld); 這時候,你cmd + R刷新模擬器應(yīng)該看到是空白的界面。現(xiàn)在,是展現(xiàn)css魅力的時候了。React-native使用的css 表達(dá)是一個JS自面量對象,并且嚴(yán)格區(qū)分該對象屬性的類型,所以要遵循對象的寫法,而不能使用以前css的寫法,這個需要自己熟悉了。 (1)增加一個帶邊框的矩形,紅色邊框 直接在組件上添加樣式是這樣的:style={{height:40, borderWidth: 1, borderColor: 'red'}}style是組件的一個自有屬性,第一個{}JS執(zhí)行環(huán)境或者說是模板,第二個{}只是css樣式對象的括號而已(慢慢體會,不難理解)。這樣修改后的代碼如下: render: function() { return ( <View> <View style={{height:40, borderWidth: 1, borderColor: 'red'}}> </View> </View> ); } cmd + R刷新模擬器,結(jié)果如下:
(2)如何知道該組件支持哪些樣式呢? 上面的已經(jīng)很簡單了,作為web開發(fā)者用腳趾頭都能閉眼寫出來。如果我們需要知道該組件有哪些樣式,又不想查手冊,一個最為簡單的方法是,在樣式表里寫錯一個屬性,比如我寫一個沒有的屬性“border”。但是該屬性必須寫到樣式的創(chuàng)建中去,而不能寫為內(nèi)聯(lián)樣式。寫成內(nèi)聯(lián)樣式,你是看不到報(bào)錯提示的。我們改寫成樣式表創(chuàng)建類里面: var HelloWorld=React.createClass({ render: function() { return ( <View> <View style={styles.style_1}> </View> </View> ); } }); var styles=StyleSheet.create({ style_1:{ border: '1px solid red', height:40, borderWidth: 1, borderColor: 'red', } }); 這個時候你就能齊刷刷地看到樣式表的報(bào)錯和提示有哪些樣式了,如下圖所示:
(3)獨(dú)立樣式類 其實(shí)上面已經(jīng)展示了獨(dú)立樣式類了,那么樣式類創(chuàng)建很簡單,我們只需要使用React.StyleSheet來創(chuàng)建類。其實(shí)創(chuàng)建的類就是一個js對象而已。那么在組件上引用是這樣的<View style={{對象名稱.對象屬性}}></View>,就跟上面(2)的代碼一樣。 2、說說Flexbox布局 其實(shí),這樣的css樣式,作為web開發(fā)者一用就會,那么說說布局的事兒。除去margin, padding, position等大家熟悉的web布局的話,最為重要的就是flexbox,目前支持的屬性如下,有6個:
(1)先說flex屬性,上一段代碼 var HelloWorld=React.createClass({ render: function() { return ( <View style={styles.style_0}> <View style={styles.style_1}></View> <View style={styles.style_1}></View> <View style={{flex:10}}></View> </View> ); } }); var styles=StyleSheet.create({ style_0:{ flex:1, }, style_1:{ flex: 5, height:40, borderWidth: 1, borderColor: 'red', } }); 當(dāng)一個(元素)組件,定義了flex屬性時,表示該元素是可伸縮的。當(dāng)然flex的屬性值是大于0的時候才伸縮,其小于和等于0的時候不伸縮,例如:flex:0, flex:-1等。上面的代碼,最外層的view是可伸縮的,因?yàn)闆]有兄弟節(jié)點(diǎn)和它搶占空間。里層是3個view,可以看到三個view的flex屬性加起來是5+5+10=20,所以第一個view和第二個view分別占1/4伸縮空間, 最后一個view占據(jù)1/2空間,具體如下圖:
(2) flexDirection flexDirection在React-Native中只有兩個屬性,一個是row(橫向伸縮)和column(縱向伸縮)。具體的效果可見如下代碼: var HelloWorld=React.createClass({ render: function() { return ( <View style={styles.style_0}> <View style={styles.style_1}> <Text style={{marginTop:40, fontSize:25}}>1/4高</Text> <Text style={{marginTop:40, fontSize:25}}>1/4高</Text> </View> <View style={[styles.style_1, {flexDirection: 'column'}]}> <Text style={{marginTop:40, fontSize:25}}>1/4高</Text> <Text style={{marginTop:40, fontSize:25}}>1/4高</Text> </View> <View style={{flex:10, borderWidth: 1, borderColor: 'red',}}> <Text style={{marginTop:40, fontSize:25}}>1/2高</Text> </View> </View> ); } }); var styles=StyleSheet.create({ style_0:{ flex:1, }, style_1:{ flex: 5, flexDirection: 'row', height:40, borderWidth: 1, borderColor: 'red', } }); 具體的效果如下:
(3)alignSelf:對齊方式 alignSelf的對齊方式主要有四種:flex-start、 flex-end、 center、 auto、 stretch。看看代碼,應(yīng)該就很清楚了:
效果如下圖
1月初我們發(fā)布了1.4.0里程碑穩(wěn)定版本,增加了一些新功能包括豐富了查詢控件、支持查詢JS/CSS增強(qiáng)、支持mongodb、redis、存儲過程數(shù)據(jù)集、支持分組小計(jì)、支持圖表鉆取、條件鉆取、支持表格背景設(shè)置斑馬線、支持分欄功能、支持分版功能、支持動態(tài)合并格等等;下面就讓我們一起來看一下具體的功能吧。
1.控件類型
查詢控件類型包括:輸入框、下拉單選、下拉多選、 范圍查詢、模糊查詢、下拉樹、自定義下拉樹;豐富了日期查詢,可按年、按月查詢;并且可設(shè)置默認(rèn)值。
2.JS增強(qiáng)
3.CSS增強(qiáng)
修改查詢欄按鈕顏色
1.存儲過程
存儲過程調(diào)用方法:
2.Redis
Redis調(diào)用方法:調(diào)用key即可
3.MongoDB
MongoDB調(diào)用方法:在報(bào)表SQL中配置滿足標(biāo)準(zhǔn)的MongoDB Sql語法
1.橫向:compute用法
compute可實(shí)現(xiàn)橫向列加減乘除包括帶括號()的優(yōu)先計(jì)算。
2.縱向小計(jì)
縱向小計(jì)包含:求和、最大值、最小值、平均值、計(jì)數(shù)
圖表鉆取、條件鉆取聯(lián)動
報(bào)表及圖表支持鉆取及聯(lián)動,也可根據(jù)條件鉆取聯(lián)動。
可設(shè)置橫向循環(huán)次數(shù)
同一列需顯示不同數(shù)據(jù)集時,我們可以使用分版功能
用戶信息動態(tài)合并
積木報(bào)表官網(wǎng) - JimuReport報(bào)表,免費(fèi)的企業(yè)級Web報(bào)表工具
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。