小任班长 发布的文章

弹性布局(display:flex;)属性详解
Flexbox 是 flexible box 的简称(注:意思是“灵活的盒子容器”),是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。

flex垂直居中
display:flex;
align-items:center;/垂直居中/
justify-content: center;/水平居中/

首先明确一点是, 
flex 是 flex-grow、flex-shrink、flex-basis的缩写,0 1 auto
第一个参数表示: flex-grow 定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大
第二个参数表示: flex-shrink 定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小
第三个参数表示: flex-basis给上面两个属性分配多余空间之前, 计算项目是否有多余空间, 默认值为 auto

属性值较多下面放入图片方便大家使用(右键新窗口打开),打开查看大图
flex

荣耀官方宣布荣耀X40 GT新品发布会将于10月13日19:30举行。目前,荣耀X40 GT已上架电商平台并开启预约。
荣耀GT

官方海报显示,荣耀 X40 GT整体采用黑色和荧光绿的撞色涂装,还有荧光绿色的GT字样、线条和经典相机圆环,同时机身疑背部采用碳纤维纹理设计,一条跑道贯穿至手机背面,跑道两侧由绿色荧光的线条组成,后置三摄像头,模组中央标有“GT”的字样。

此外,真机照荣耀 X40 GT采用居中单孔直屏,左右上边框控制较好,并称该机“算是少有的高性能超高刷LCD中端机了”。

荣耀GT

荣耀X40 GT专属挚礼

https://www.hihonor.com/cn/shop/product/10086007354019.html

10 月 9 日消息,在经过一个多月的公测尝鲜后,华为宣布鸿蒙 HarmonyOS 3 正式版首批将于 10 月中下旬推送,官方公布了升级预告。

10 月中下旬正式版预告:

华为 P50、华为 P50 Pro、华为 P50 Pro 典藏版、华为 P50E、华为 P50 Pocket、华为 P50 Pocket 艺术定制版、华为 Mate Xs 2、华为 Mate Xs 2 典藏版、华为 Mate X2、华为 Mate X2 4G、华为 Mate X2 典藏版、华为 Mate 40、华为 Mate 40 Pro 4G、华为 Mate 40 Pro、华为 Mate 40 Pro+、华为 Mate 40 RS 保时捷设计 典藏版、华为 Mate 40 RS 保时捷设计、华为 Mate 40E、华为 Mate 40E Pro、华为 Mate 40E 4G、华为 WATCH 3 Pro、华为 WATCH 3、华为 MatePad Pro 12.6 英寸 2021

10 月中下旬公测版预告:

华为 P40、华为 P40 4G、华为 P40 Pro、华为 P40 Pro+、华为 nova 10、华为 nova 10 Pro、华为 nova 9、华为 nova 9 Pro、华为 Mate 30、华为 Mate 30 5G、华为 Mate 30 Pro、华为 Mate 30 Pro 5G、华为 Mate 30E Pro 5G、华为 Mate 30 RS 保时捷设计、华为 Mate Xs

鸿蒙 HarmonyOS 3

androidstudio打正式包的时候报:
NoSuchMethodError: org.jetbrains.kotlin.resolve.diagnostics.DiagnosticSuppressor$Companion.getEP_NAME()

网上说是gradle-plug版本不兼容所致,后来调整各种版本还是不行。

解决方法

使用默认的gradle user home即可,或更换到其他空文件夹。
如果之前这个文件夹里面有文件,可能会影响到编译。

集成aj-captcha实现滑块验证码集成以AJ-Captcha滑块验证码为例,不需要键盘手动输入,极大优化了传统验证码用户体验不佳的问题。目前对外提供两种类型的验证码,其中包含滑动拼图、文字点选。

50687-o7nofyc5sls.png

AJ-Captcha行为验证码,包含滑动拼图、文字点选两种方式,UI支持弹出和嵌入两种方式。后端提供Java实现,前端提供了php、angular、html、vue、uni-app、flutter、android、ios等代码示例。

交互流程图:
① 用户访问应用页面,请求显示行为验证码
② 用户按照提示要求完成验证码拼图/点击
③ 用户提交表单,前端将第二步的输出一同提交到后台
④ 验证数据随表单提交到后台后,后台需要调用captchaService.verification做二次校验。
⑤ 第4步返回校验通过/失败到产品应用后端,再返回到前端。如下图所示。

aj-captcha验证码

官方文档指引:

https://ajcaptcha.beliefteam.cn/captcha-doc/

免责声明
本博客部分内容来自于互联网,不代表作者的观点和立场,如若侵犯到您的权益,请联系[email protected]。我们会在24小时内进行删除。