半小时学会正则表达式(上)

半小时学会正则表达式(上)

正则表达式(Regular Expression)在代码中常常简写为regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正…
前端开发 CSS 常见布局方式学习及总结

前端开发 CSS 常见布局方式学习及总结

对于很多前端开发人员来说,CSS 布局应该是日常工作中碰到最多的东西之一,但是让我迷惑的是有很多文章 关于布局名词都没有听说过,工作中也很少用。一个好的布局不仅可以减少代码的书写量,而且有助于我们理解页面结构,更好地实现多种页面效果…
利用CSS3美化半个字符的实现方法

利用CSS3美化半个字符的实现方法

用CSS美化半个字符,就是把一个字符劈成两半,一半是A样式,一半是B样式。当然,大家都知道,不论是中文字符还是西文字符,单个字符否是无法拆分的,它们是文字的最新单元,如果是美化半个词或半个句子,这估计大家都知道如何做,也很常见。但半…
利用animation动画实现呼吸灯效果

利用animation动画实现呼吸灯效果

在阿里云看到其Banner上的一个呼吸灯效果,感觉非常具有科技感,看了下源码,原来只是一个CSS3效果,利用animation来实现的动画效果,一时技痒就写了一个demo记录一下。 实现思路 底图是一个暗的灯 jpg,另外一张图则是…
利用:hover伪类实现鼠标指向区块滑出小提示效果

利用:hover伪类实现鼠标指向区块滑出小提示效果

本文利用css中:hover伪类实现将鼠标指向某区块时,区块内部滑出小提示效果,应用场景如广告上招商功能,一起来看一下。之前在某个平台发现了一个很有趣的效果,广告上有一个小按钮,当鼠标指向广告的时候,小按钮处侧滑出一个文本提示“也想…
判断访问用户终端设备类型

判断访问用户终端设备类型

以前判断网站的访客全部用的是userAgent来判断的,基本上都是判断userAgent,一些简单点的终端没有什么问题,可是用过一段时间发现有的手机终端不会跳转,后面研究了下百度siteapp,发现他的函数写的挺好的,可以直接拿来用…
几行代码搞定CSS项目名称两端对齐

几行代码搞定CSS项目名称两端对齐

最近这两天因为疫情的原因闲下来了,无聊又调整了调整自己的主题,在调整过程中因为有些项目需要两端对齐,所以便有了这篇文章,说到两端对齐,大家并不陌生,在word、powerpoint、outlook等界面导航处,其实都有一个两端对齐(…
使用jQuery设置指定时间后页面元素隐藏

使用jQuery设置指定时间后页面元素隐藏

在网页上我们通常会使用弹出框或者悬浮框来对重要的信息予以展示,但有时候为了兼顾到用户体验需要让其指定几秒后自动消失,使用jQuery我们就能够轻松实现。我们一般会使用悬浮条幅、弹窗框等来向用户展示某些重要的信息,如公告、APP下载提…
使用CSS绝对定位实现块状元素自适应居中

使用CSS绝对定位实现块状元素自适应居中

在网页前端开发中,我们经常会遇到让一个块状元素水平或垂直居中的情况,那么你知道如何在自适应屏幕的情况下保持元素居中么?今天就分享一个css技巧,使用CSS绝对定位实现块状元素自适应居中。元素居中这是前端开发中最常见的任务之一,对于行…
使用CSS3实现酷炫的3D旋转透视

使用CSS3实现酷炫的3D旋转透视

3D动画效果现在越来越普及,已经被广泛的应用到了各个平台,比如阿里云,华为云,webpack官网等。它可以更接近于真实的展示我们的产品和介绍,带来极强的视觉冲击感。所以说,为了让自己更加优秀,css3 3D动画必不可少。 1.CSS…
你是如何学会正则表达式的?

你是如何学会正则表达式的?

正则表达式在几乎所有语言中都可以使用,无论是前端的JavaScript、还是后端的Java、c#。他们都提供相应的接口/函数支持正则表达式。但很神奇的是:无论你大学选择哪一门计算机语言,都没有关于正则表达式的课程给你修,在你学会正则…
伪类与伪元素区别

伪类与伪元素区别

在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义,而二者在语法是一样的,都是以:开头,这造成很多人会将某些伪元素误认为是伪类,如:before,:after;而在CSS3给出的定义中,二者区别更为明显,也更容易理解。 …

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!