四时宝库

程序员的知识宝库

web前端tips:CSS3 部分新特性介绍

CSS3是CSS的第三个版本,是一种用于描述网页内容样式的语言。它引入了很多新特性,如圆角、阴影、渐变、变换、过渡、动画、自适应布局等,以下是CSS3的一些新特性及介绍和如何使用:

  1. Border-radius(圆角):使用border-radius属性可以实现元素的圆角效果。使用示例:
border-radius: 10px;

「抖音最火」的3D旋转透视酷炫相册,如何用CSS3去实现

前言

前段时间小编刷抖音的时候,刷到了咱们前端小伙伴制作的3D炫酷相册,居然那么火,细思一下,随着3D动画的普及,广泛的运作在各个平台,各官网都在实现3D页面。它可以更接近于真实的展示我们的产品和介绍,带来极强的视觉冲击感。所以说,为了让自己更加优秀,css3 3D动画必不可少。下面这篇文章,将带你初步了解CSS3实现酷炫的3D旋转透视




要想自己的网页能有3D特效,必须要会透视。

前端基础 CSS 中重要的层叠概念(css的层叠性指什么)

作者:SHERlocked93

最近在项目的过程中遇到了一个问题,menu-bar希望始终显示在最上面,而在之后的元素都显示在它之下,当时设置了 z-index 也没有效果,不知道什么原因,因此找了一下css有关层叠方面的资料,解决了这个问题,这里记录一下~

屏幕是一个二维平面,然而HTML元素却是排列在三维坐标系中,x为水平位置,y为垂直位置,z为屏幕由内向外方向的位置,我们在看屏幕的时候是沿着z轴方向从外向内的;由此,元素在用户视角就形成了层叠的关系,某个元素可能覆盖了其他元素也可能被其他元素覆盖。

德国MIRA I太空飞机在具有里程碑意义的"Aerospike"气动火箭试验前坠毁

这原本是世界上首次对“Aerospike”气动火箭发动机进行飞行试验,但 MIRA I 原型机在起飞时,其推进系统中最具创新性的部分还未来得及点火就坠毁了。北极星公司没有气馁,正在制造两台更大的原型机。

MIRA I 是德国航空航天初创公司北极星 Polaris Raumflugzeuge 的产品,起飞时速度约为 105 英里/小时(169 公里/小时),"起落架转向反应"加上侧风造成了"硬着陆事件",导致这架太空飞机已经无法运行,玻璃纤维机身损坏严重,无法修复。

然而,北极星公司并没有试图修复这架原型机,而是选择让 4.25 米(13.9 英尺)长的 MIRA I 退役,继续设计形状相同的 5 米(16 英尺)长的 MIRA II 和 III。它们基本上是 MIRA I 的较大复制品。

是否注意过isEmpty 和 isBlank 区别?

前言

org.apache.commons.lang.StringUtils 类提供了 String 的常用操作,最为常用的判空有如下两种 isEmpty(String str) 和 isBlank(String str)。

分析

工作 3 年的同事不懂 isEmpty 和 isBlank 的区别,我真是醉了

工具类乱象

最近在检查代码时,发现有的同事喜欢用 isEmpty,有的同事喜欢用 isBlank,而且大家用的还不是同一个工具包中的,甚至还有自己手写 String 工具类的,天呀,我真是醉了……

一日一技:python中的string.isspace()方法


string.isspace()方法

如果字符串中仅包含空格字符,则isspace()方法将返回True。 如果不是,则返回False。



用于间隔的字符称为空白字符。 例如:制表符,空格,换行符等。

isEmpty 和 isBlank 我们应该用谁?

org.apache.commons.lang.StringUtils 类提供了 String 的常用操作,最为常用的判空有如下两种 isEmpty(String str) 和 isBlank(String str)。

分析

我们通过源码来分析区别:

isEmpty和isBlank的区别(isnotempty与isnotblank区别)

isEmpty是判断是否为空,是否为空字符串;isBlank判断字符是否为空,空格、制表符、tab



详细代码:

/***
     * 判断是否为空字符串,没有判断空格
     * @param str
     * @return 如果为空,则返回true
     */
    public static boolean isEmpty(String str) {
        return str == null || str.length() == 0;
    }





    /***
     * 判断字符是否为空,空格、制表符、tab
     * @param str
     * @return
     */
    public static boolean isBlank(String str) {
        int strLen;
        if (str != null && (strLen = str.length()) != 0) {
            for (int i = 0; i < strLen; ++i) {
                // 判断字符是否为空格、制表符、tab
                if (!Character.isWhitespace(str.charAt(i))) {
                    return false;
                }
            }
            return true;
        } else {
            return true;
        }
    }

傻傻分不清isEmpty与isBlank的区别

使用org.apache.commons.lang3包中的isEmpty()和isBlank()方法来判断字符串是否为空或只包含空白字符

isEmpty没有忽略空格参数,是以是否为null和是否长度为0为判断依据。源代码如下:

public static boolean isEmpty(CharSequence cs) {

return cs == null || cs.length() == 0;

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接