整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          刪除括號文字和豎向文字fnss 刪除括號文字和豎向文

          刪除括號文字和豎向文字fnss 刪除括號文字和豎向文字fnss

          明:fnss快速選擇根據文字特征過濾出來刪除。

          要刪除帶括號的和豎向的長度,而豎向要s,要知道它的特點。

          ·首先豎向的文字是九十度的,另外字高是比其他字高要小的,直接過濾。文字內容可以不管它,當然也可以管井號,三個井號或者是四個井號就表示長度,就表示三位小數或者四位小數文字樣式。

          ·然后旋轉角度還有字高可以把這幾個都選上,按全圖,會看到豎向的九十度就全部選中了,刪除。

          ·還有這是括號的,括號跟這個是獨立的,直接過濾就可以了。如果兩個是連在一起的就用括號刪除,如果不連在一起就蜂鳥s,s選擇。注意這里面就有一個星號,因為括號是特殊字符,在前面加一個字符就在e、s、c下面字符。

          ·點全圖,括號就全部選中了,點刪除。

          這樣彎鉤長度和括號就刪除掉了。

          、了解React-Native組件

          作為開發者都知道,UI組件對于一個應用的重要性。也許,在一款應用中,你還沒有完整的,有體系的構建UI組件,但是你一定或多或少有種想把組件抽出來的沖動,就像有些沖動是人類的本能一樣....這是作為一個開發者的本能。那么組件的復用和統一化是十分必要的。常見的組件有:日歷、下拉列表(常在應用中表現為下拉刷新)、導航欄、頭部、底部、選項卡等等。React-Native就提供了一套iOS原生的組件,這樣就不用HTML5去模擬組件了。React-Native使用css來構建頁面布局,使用Native iOS Components給我們提供強大的組件功能。目前已有組件如下圖:

          二、使用CSS樣式 & Flexbox布局

          第一篇,已經知道了如何構建工程。這里同樣創建一個HelloWorld工程。默認啟動界面如下圖:

          1、基本樣式
          這里使用View和Text組件作為演示對象,首先,修改index.ios.js里面的代碼,這里只需要關注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刷新模擬器應該看到是空白的界面。現在,是展現css魅力的時候了。React-native使用的css 表達是一個JS自面量對象,并且嚴格區分該對象屬性的類型,所以要遵循對象的寫法,而不能使用以前css的寫法,這個需要自己熟悉了。
          (1)增加一個帶邊框的矩形,紅色邊框
           直接在組件上添加樣式是這樣的:style={{height:40, borderWidth: 1, borderColor: 'red'}}style是組件的一個自有屬性,第一個{}JS執行環境或者說是模板,第二個{}只是css樣式對象的括號而已(慢慢體會,不難理解)。這樣修改后的代碼如下:
           render: function() {
           return (
           <View>
           <View style={{height:40, borderWidth: 1, borderColor: 'red'}}>
           </View>
           </View>
           );
           }
           cmd + R刷新模擬器,結果如下:

           (2)如何知道該組件支持哪些樣式呢?
           上面的已經很簡單了,作為web開發者用腳趾頭都能閉眼寫出來。如果我們需要知道該組件有哪些樣式,又不想查手冊,一個最為簡單的方法是,在樣式表里寫錯一個屬性,比如我寫一個沒有的屬性“border”。但是該屬性必須寫到樣式的創建中去,而不能寫為內聯樣式。寫成內聯樣式,你是看不到報錯提示的。我們改寫成樣式表創建類里面:
           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',
           }
           });
           這個時候你就能齊刷刷地看到樣式表的報錯和提示有哪些樣式了,如下圖所示:

           (3)獨立樣式類
           其實上面已經展示了獨立樣式類了,那么樣式類創建很簡單,我們只需要使用React.StyleSheet來創建類。其實創建的類就是一個js對象而已。那么在組件上引用是這樣的<View style={{對象名稱.對象屬性}}></View>,就跟上面(2)的代碼一樣。
           2、說說Flexbox布局
           其實,這樣的css樣式,作為web開發者一用就會,那么說說布局的事兒。除去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',
           }
           });
           當一個(元素)組件,定義了flex屬性時,表示該元素是可伸縮的。當然flex的屬性值是大于0的時候才伸縮,其小于和等于0的時候不伸縮,例如:flex:0, flex:-1等。上面的代碼,最外層的view是可伸縮的,因為沒有兄弟節點和它搶占空間。里層是3個view,可以看到三個view的flex屬性加起來是5+5+10=20,所以第一個view和第二個view分別占1/4伸縮空間, 最后一個view占據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。看看代碼,應該就很清楚了:

           效果如下圖

          1月初我們發布了1.4.0里程碑穩定版本,增加了一些新功能包括豐富了查詢控件、支持查詢JS/CSS增強、支持mongodb、redis、存儲過程數據集、支持分組小計、支持圖表鉆取、條件鉆取、支持表格背景設置斑馬線、支持分欄功能、支持分版功能、支持動態合并格等等;下面就讓我們一起來看一下具體的功能吧。

          一、查詢

          1.控件類型

          查詢控件類型包括:輸入框、下拉單選、下拉多選、 范圍查詢、模糊查詢、下拉樹、自定義下拉樹;豐富了日期查詢,可按年、按月查詢;并且可設置默認值。

          2.JS增強

          • JS增強可實現三級聯動
          • 修改查詢表單初始值
          • 設置下拉單選默認值

          3.CSS增強

          修改查詢欄按鈕顏色

          二、數據集

          1.存儲過程

          存儲過程調用方法:

          2.Redis

          Redis調用方法:調用key即可

          3.MongoDB

          MongoDB調用方法:在報表SQL中配置滿足標準的MongoDB Sql語法

          三、分組小計

          1.橫向:compute用法

          compute可實現橫向列加減乘除包括帶括號()的優先計算。

          2.縱向小計

          縱向小計包含:求和、最大值、最小值、平均值、計數

          四、鉆取

          圖表鉆取、條件鉆取聯動

          報表及圖表支持鉆取及聯動,也可根據條件鉆取聯動。

          五、設置自定義分頁條數

          六、分欄功能

          可設置橫向循環次數

          七、分版功能

          同一列需顯示不同數據集時,我們可以使用分版功能

          八、動態合并格

          用戶信息動態合并

          九、斑馬線背景色

          積木報表官網 - JimuReport報表,免費的企業級Web報表工具


          主站蜘蛛池模板: 国产在线观看一区二区三区| 人妻无码一区二区三区AV| 日韩精品人妻一区二区三区四区| 国模极品一区二区三区| 日本高清不卡一区| 日本韩国黄色一区二区三区| 日韩一区二区在线视频| 丰满爆乳一区二区三区| 日韩精品一区二区三区视频| 亚洲视频一区二区三区| 日本在线不卡一区| 精品久久久久一区二区三区| 国产精品亚洲一区二区三区久久| 亚洲高清美女一区二区三区| 国产精品日本一区二区不卡视频| 免费一区二区无码视频在线播放 | 一区二区视频免费观看| 91国偷自产一区二区三区| 国产精品日本一区二区在线播放| 东京热无码av一区二区| 日本一区二区三区精品国产| 成人精品视频一区二区三区尤物| 久久无码人妻一区二区三区午夜| 久久免费国产精品一区二区| 久久婷婷色综合一区二区| 在线精品动漫一区二区无广告| 杨幂AV污网站在线一区二区| 成人免费av一区二区三区| 国模私拍一区二区三区| 亚洲视频一区调教| 国产av一区最新精品| 精品久久综合一区二区| 丰满岳妇乱一区二区三区| 精品人体无码一区二区三区| 久久亚洲综合色一区二区三区| 蜜桃臀无码内射一区二区三区 | 无码AV一区二区三区无码| 成人国产精品一区二区网站| 精品福利一区二区三区| 精品国产亚洲一区二区三区| 日韩亚洲AV无码一区二区不卡|