如何将widget的查询页面大小从默认的100增加 - 腾讯云开发者社区

文章/答案/技术大牛

发布

MYSQL 从正则查询扯到查询中的大小写敏感的解决方法

其实随着MYSQL8 的到来，越来越多以前不能在SQL 端执行的语句，可以在MYSQL中执行，例如CTE ，窗口函数，等等，而查询中有的是使用like来查，而LIKE 的查询中有一些查询比较复杂，而正则表达式在...SQL 查询中的使用可以帮助一些复杂查询的表达和实现。...，结果可想而知，会不区分大小写来将所有的Georgi gEORGI 都查出来其实在早期的MYSQL 的版本 5.X 之前正则表达式是可以区分大小写的但现在的版本是不能区分的。...如何让目前的正则表达式能区分出大小写我们可以在你要查询的字段名前加上 binary 然后匹配正常的正则，你就可以查到你要查的数据了，请见上图那么问题来了，题目说扯到大小写敏感，你上面那个能算是扯到大小写敏感吗...，如果我不用正则表达式，或者我不愿意在字段前面加binary ，你怎么解决我大小写敏感的问题。

3.2K1 0

我们是如何将App的大小从31M减少到2.6M的？

其实这个大小已经很不错了，但我还是很“固执”。我尝试使用一些本地开发工具和方法来编译我们的ffmepg，为了减少大小，我只实现了一些一本功能，但是测试效果都不好。...（这可是最开始大小的12分之一！！！）看来他也是一个“固执”的人！他在网上查了很多方法然后找到了最好的解决方案。...他找到了一个本地C++编译的.so文件，这个文件包含了我们要使用的所有功能，并且只有4M，然后他将他压缩到只有2M大小的arr包。这是1.2版本apk文件的分析结果。...当然这是跟2.6MB的最终版本相比而言的。你可能会问，现代的手机内存和带宽基本都到达了GB级别，App的大小真的有那么重要吗？答案是肯定的！App的大小比你想象的更重要。...假设有两个App，他们的UI是一样的，然后其中一个比另一个小3到4MB，你会选择使用哪个呢？很明显，大多数人都会选择更小的那款软件。更小的App大小意味着更多满意的用户。从这件事我学到了什么？

9906 0

您找到你想要的搜索结果了吗？

是的

没有找到

我是如何将页面加载时间从6S降到2S的？

问题的复盘某一天海外运营告知说最近几天的海外站点pv,uv下降严重，希望技术帮忙查看一下原因。WTF，这跟技术有毛线关系，该用的都用了，TM的页面不吸引人，用户不想来，我能怎么办？...、图片，增加资源域名等等雅虎军规中提到的内容，因为是这些都是必须的。...获取该数据所需的时间越长, 显示页面所需的时间就越长。这部分主要能做的就是使用CDN和优化后端性能。 CDN 原来使用的是某云的服务，查看日志发现命中率较低，回源较多，在加上节点数量一般。...啊哈哈哈哈 Response Time 这部分做的就是页面的静态化还有就是开启服务端的gzip功能，具体方法请google。别小看这个功能，真真可以节约时间。...dig 想要深入理解DNS查询过程和原理，这个命令是不可或缺的。通过它你可以灵活、清晰的查看域名DNS解析及其过程，帮助理解。下面以taobao为例，说一下过程（这里指的是没有缓存的情况下） ?

1.3K2 0

盒模型

# 元素宽度的问题盒模型的默认行为,当给一个元素设置宽或高的时候，指定的是内容的宽或高，所有内边距、边框、外边距都是追加到该宽度上的。如果这些值使用不同的单位，情况就会更复杂。...box-sizing 的默认值为 content-box，这意味任何指定的宽或高都只会设置内容盒子的大小。...不过更好的方式是用视口的相对单位 vh，100vh 等于视口的高度。...对于显示为 table-cell 的元素，vertical-align 控制了内容在单元格内的对齐。如果你的页面用了 CSS 表格布局，那么可以用 vertical-align 来实现垂直居中。...# 文字折叠外边距折叠的主要原因与包含文字的块之间的间隔相关。段落（）默认有 1em 的上外边距和 1em 的下外边距。

2.7K2 0

谷歌DevFest 2021 广州国际嘉年华-带你了解不一样的 Flutter

继续测试，如果这时候给 ColoredBox 增加一个 80 的 child ，可以看到红色框变了，变成了 ColoredBox 的 child 的大小 80 而不是 smallest，因为这时候 ColoredBox...RenderObject 的脸色；从 SizedBox 的 RenderConstrainedBox 看，它的 performLayout 的实现在没有 child时， 150 的大小会被 enforce...child 如何从 Widget 变成 RenderObject?...官方提供了更方便的自定义布局 CustomMultiChildLayout ，不需要你一步一步实现，比如常用的默认页面脚手架 Scaffold 就是用它实现。...四、有趣的知识点既然聊到这个，我们在深入聊聊一些有趣的知识点，比如前面代码里的一直出现的 Scaffold ，这个是我们 Flutter 开发里最常用到的页面脚手架，也是一个页面布局的开始。

6023 0

微信团队分享：微信后端海量数据查询从1000ms降到100ms的技术实践

本文由微信技术团队仇弈彬分享，原题“微信海量数据查询如何从1000ms降到100ms？”，本文进行了内容修订和排版优化。...针对大数据量带来的查询性能问题，微信团队对数据层查询接口进行了针对性的优化，将平均查询速度从1000ms+优化到了100ms级别。本文为各位分享优化过程，希望对你有用！...答案当然是否定的。因此，微信团队针对数据层的查询进行了优化。3、优化分析1：用户查询行为分析要优化，首先需要了解用户的查询习惯，这里的用户包含了页面用户和异常检测服务。...的大小。...7、优化实践2：拆分子查询请求+Redis Cache7.1概述这个方案相较于 v1，增加了为每个子查询请求维护了一个结果缓存，存储在 Redis 中（如下图所示）。

6501 0

Flutter | 常用组件分类、概述、实战

点击VIEW LICENSES 会跳转到一个默认的协议页面： ?...默认：6 elevation: 10.0, // 有输入焦点的阴影大小 focusElevation: 50.0, // 指针悬停时的阴影大小...默认：6 elevation: 10.0, // 有输入焦点的阴影大小 focusElevation: 50.0, // 指针悬停时的阴影大小...默认：6 elevation: 10.0, // 有输入焦点的阴影大小 focusElevation: 50.0, // 指针悬停时的阴影大小...默认：6 // elevation: 10.0, // // 有输入焦点的阴影大小 // focusElevation: 50.0, // // 指针悬停时的阴影大小

5.2K2 1

【Flutter 实战】动画序列、共享动画、路由动画

想象下面的场景，一个红色的盒子，动画时长为6秒，前40%的时间大小从100->200，然后保持200不变20%的时间，最后40%的时间大小从200->300，这种效果通过TweenSequence实现，...最终效果如下：共享动画 Hero是我们常用的过渡动画，当用户点击一张图片，切换到另一个页面时，这个页面也有此图，那么使用Hero组件就在合适不过了，先看下Hero的效果图：上面效果实现的列表页面代码如下...路由动画转场就是从当前页面跳转到另一个页面，跳转页面在 Flutter 中通过 Navigator，跳转到新页面如下： Navigator.push(context, MaterialPageRoute...transitionsBuilder 表示页面的动画效果，默认值代码： Widget _defaultTransitionsBuilder(BuildContext context, Animation...上面的动画只对新的页面进行了动画，如果想实现当前页面被新页面从顶部顶出的效果，实现方式如下： class CustomPageRoute extends PageRouteBuilder { final

2.4K1 0

Android：最新版浮动按钮的制作

"@drawable/dui" app:fabSize="normal" app:maxImageSize="57dp" /> 其中 app:srcCompat用来更换默认按钮的...icon， app:maxImageSize用来调节该icon的大小，注意图片必须长宽一致，否则错位很难看。...app:fabSize条件浮动按钮的大小，normal正常大小，mini迷你大小。 android:layout_gravity：控制按钮的位置。...最后一个问题，如何将按钮浮动到其他页面上，Basic项目是这么做的。先设计按钮界面，然后通过 include引入底层页面，完美解决。示例源码： widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/

1.5K2 0

Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生的问题与知识点拓展

概述路由跳转的几种方式；路由常用API；路由的发送和接收数据的使用；路由使用中可能遇到的问题与解决方案；路由跳转的方式单一页面跳转（A页面 --- B页面）多个页面路由管理（A页面...PageOne等自定义、自创建的页面中，也有一个AppBar，这里我们如果不对它进行单独设置的话，则会默认配置为首页的主题风格—— 也即main.dart -- MaterialApp 中的...上述的单独设置指的是，在某个页面中，为该页面的appBar单独设置背景颜色，这样就会覆盖主页的默认主题颜色，【但是如要尽量保持主题的一致性，建议不要对子页面的这些相关主题属性进行修改...默认：6 elevation: 10.0, // 有输入焦点的阴影大小 focusElevation: 50.0, // 指针悬停时的阴影大小...默认：6 // elevation: 10.0, // // 有输入焦点的阴影大小 // focusElevation: 50.0, // // 指针悬停时的阴影大小

4.6K1 0

Flutter容器类组件

布局类Widget是按照一定的排列方式来对其子Widget进行排列；而容器类Widget一般只是包装其子Widget，对其添加一些修饰(补白或背景色等)、变换(旋转或剪裁等)、或限制(大小等)。...this.automaticallyImplyLeading = true, //如果leading为null，是否自动实现默认的leading按钮 this.title,// 页面标题 this.actions...//其它属性见源码注释 }) 初始的导航栏只有文字，如果给Scaffold添加了抽屉菜单，则会给Scaffold首页导航栏左侧增加菜单按钮，正如上面所示。...5.3 Drawer介绍 Scaffold的drawer和endDrawer属性可以分别接受一个Widget来作为页面的左、右抽屉菜单。...body 最后就是页面的 Body 部分了，Scaffold 有一个 body 属性，接收一个 Widget，我们可以传任意的 Widget ，在后面介绍滑动组件时，会涉及到 TabBarView，它是一个可以进行页面切换的组件

4.6K4 0

【Flutter】Flutter 布局组件 ( PhysicalModel 组件 )

children: Widget>[ // 第一个页面组件 Container( // 设置居中方式 , 居中显示 alignment...@override Widget build(BuildContext context) { // 文本组件样式 , 可以设置给 Text 文本组件 // 设置字体大小 20, 颜色红色...items: [ // 设置底部导航栏条目, 每个条目可以设置一个图标 BottomNavigationBarItem( // 默认状态下的图标...), // 设置底部导航栏条目, 每个条目可以设置一个图标 BottomNavigationBarItem( // 默认状态下的图标...height: 100, // 使用 SizedBox 约束该 Image 组件大小 child

2K0 1

《Flutter》-- 6.高级组件

,//滚动的方向，默认在垂直方向滚动 this.reverse = false,//控制从头还是从尾开始滚动，默认false，即从头开始滚动 this.padding,//插入子组件时的内边距...key, Axis scrollDirection = Axis.vertical,//滚动的方向，默认在垂直方向滚动 bool reverse = false,//控制从头还是从尾开始滚动...center,//子组件的key值 double anchor = 0.0,//开始滚动的偏移量，默认从坐标原点开始排列 double cacheExtent,//缓存不可见的列表项，...ListView的长度，默认为false this.itemExtent,//列表项的大小。...分层渲染可以降低视图渲染带来的性能开销。无论是创建组合组件还是创建自绘组件，首先需要考虑如何将复杂的布局简化，把大问题拆分成若干小问题。

12.6K2 0

《Flutter》-- 5.Flutter页面布局

，父组件的限制依然生效，只不过它不影响子组件显示大小，但仍然会占据相应的空间。...当子组件超过主轴的大小时会自动换行；当还有剩余空间时，Expanded组件会占满剩余的所有空间，而Flexible组件只会占用自身大小的空间。...5.4 流式布局流式布局指的是页面元素的宽度可以根据屏幕的分辨率适配调整，但整体布局风格保持不变。...Flutter中使用Wrap来实现流式布局，支持的属性如下： 1）direction：主轴的方向，默认是Axis.horizontal； 2）alignment：子组件在主轴上的对齐方式； 3）runAlignment...：流式布局会自动换行或换列，runAlignment属性指的是每行或每列的对齐方式； 4）runSpacing：每行或每列的间距，默认是0.0； 5）crossAxisAlignment：子组件在交叉轴上的对齐方式

1.4K2 0

带你深入理解 Flutter 中的字体“冷”知识

image 一、TextStyle 如下代码所示，为了解答这个问题，首先我们给 Text 所在的 Container 增加了一个蓝色背景，并增加一个 100 * 100 大小的红色小方块做对比。...Container 的大小明显超过了 100 ，但是黑色的 H 字母本身并没有超过红色小方块，那蓝色区域的高度是不是 Text 的高度，它的大小又是如何组成的呢？...默认情况下 height 参数是 null，当我们把它设置为 1 之后，如下图所示，可以看到蓝色区域的高度和红色小方块对齐，变成了 100 的高度，也就是行高变成了 100 ，而 H 字母完整的显示在蓝色区域内...的 fontSize 依然是 100 时，如下图所示，可以看到黑色的字体大小没有发生变化，而蓝色部分的大小变为了 50 的大小。...baseLine，从效果可以直观看到不同 baseLine 下对齐的位置应该在哪里。

1.6K3 0

【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )

@override Widget build(BuildContext context) { // 文本组件样式 , 可以设置给 Text 文本组件 // 设置字体大小 20, 颜色红色...items: [ // 设置底部导航栏条目, 每个条目可以设置一个图标 BottomNavigationBarItem( // 默认状态下的图标...), // 设置底部导航栏条目, 每个条目可以设置一个图标 BottomNavigationBarItem( // 默认状态下的图标...height: 100, // 使用 SizedBox 约束该 Image 组件大小 child...大小的图片组件 child: Image.network("https://img-blog.csdnimg.cn/20210301145757946

3.5K0 0

Flutter技术与实战(4)

增加中间的这层 Element 树，不直接由 Widget 命令 RenderObject，这样做会极大地减少渲染带来的性能损耗。 Element 树存在的意义。...ImageCache 使用 LRU（Least Recently Used，最近最少使用）算法进行缓存更新策略，并且默认最多存储 1000 张图片，最大缓存限制为 100MB，当限定的空间已存满数据时，...* Row 与 Column 自身的大小由父widget的大小、子widget的大小、以及mainSize设置共同决定（mainAxisSize和crossAxisSize) * 主轴（纵轴）值为max...：主轴（纵轴）大小等于屏幕主轴（纵轴）方向大小或者父widget主轴（纵轴）方向大小。...而如果我们想返回上一个页面，则需要调用 Navigator.pop 方法从堆栈中删除这个页面。

12.4K2 0

Flutter完整开发实战详解(二、快速开发实战篇)

外部调用代码如下：每个 Tabbar 点击时，通过pageController.jumpTo 跳转页面，每个页面需要跳转坐标为：当前屏幕大小乘以索引 index 。...//每个页面需要跳转坐标为：当前屏幕大小 * 索引index。...比起一般的 png 图片文件，矢量图标在开发过程中：可以轻松定义颜色，并且任意调整大小不模糊。...不带参数跳转比较简单，默认可以通过 MaterialApp 的路由表跳转；而带参数的跳转，参数通过跳转页面的构造方法传递。...，比如数据库对象与User对象之间的转化；在调用 Provider 时才先判断表是否创建，然后再返回数据库对象进行用户查询。

5.8K3 0

Flutter页面开发全攻略：从基础Widget到跨端精美界面实战

Flutter页面开发全攻略：从基础Widget到跨端精美界面实战在移动开发领域，Flutter以“一次编码、多端运行”的跨端优势，以及丰富的Widget生态、高效的热重载能力，成为页面开发的热门选择...一、Flutter页面开发核心基石：Widget Flutter的核心思想是“一切皆Widget”，页面上的所有元素（文本、图片、按钮、布局）都是Widget。...理解Widget的分类和使用场景，是做好页面开发的第一步。 1....Widget的核心分类 Flutter中的Widget主要分为两类，对应不同的页面需求：无状态Widget（StatelessWidget）：页面内容固定，无需响应状态变化（如静态文本、纯展示图片）。...组件内部间距调整 SizedBox 固定尺寸容器占位、控制组件大小二、Flutter页面布局核心：灵活组合布局Widget 页面的美观度和适配性，关键在于布局逻辑。

4371 0

Flutter完整开发实战详解(二、快速开发实战篇)

外部调用代码如下：每个 Tabbar 点击时，通过pageController.jumpTo 跳转页面，每个页面需要跳转坐标为：当前屏幕大小乘以索引 index 。...///每个页面需要跳转坐标为：当前屏幕大小 * 索引index。...同时我们在顶部 TabBar 增加 isScrollable: true 属性，实现常见的顶部Tab的效果，如下方图片所示。...不带参数跳转比较简单，默认可以通过 MaterialApp 的路由表跳转；而带参数的跳转，参数通过跳转页面的构造方法传递。...，比如数据库对象与User对象之间的转化；在调用 Provider 时才先判断表是否创建，然后再返回数据库对象进行用户查询。

6.2K1 0

点击加载更多

MYSQL 从正则查询扯到查询中的大小写敏感的解决方法

我们是如何将App的大小从31M减少到2.6M的？

我是如何将页面加载时间从6S降到2S的？

盒模型

谷歌DevFest 2021 广州国际嘉年华-带你了解不一样的 Flutter

微信团队分享：微信后端海量数据查询从1000ms降到100ms的技术实践

Flutter | 常用组件分类、概述、实战

【Flutter 实战】动画序列、共享动画、路由动画

Android：最新版浮动按钮的制作

Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生的问题与知识点拓展

Flutter容器类组件

【Flutter】Flutter 布局组件 ( PhysicalModel 组件 )

《Flutter》-- 6.高级组件

《Flutter》-- 5.Flutter页面布局

带你深入理解 Flutter 中的字体“冷”知识

【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )

Flutter技术与实战(4)

Flutter完整开发实战详解(二、快速开发实战篇)

Flutter页面开发全攻略：从基础Widget到跨端精美界面实战

Flutter完整开发实战详解(二、快速开发实战篇)

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐