12 2020 档案
摘要:JavaScript 正则入门 什么是正则? JavaScript 内置对象,使用正则表达式(RegExp)可以进行强大的模式匹配、文本检索以及替换功能。 作用 验证指定数据格式是否符合要求 聊天表情 数据采集 ... 创建正则表达式的方式 通过直接量的形式创建正则表达式: var re = /\d
阅读全文
摘要:说明 在CSS当中,布局一直是一个非常重要的话题,在漫长的发展时间当中,出现了很多种布局方案,但是就整体来说主要分成解决PC端和移动端布局的两大类,在这两大类中包括例如传统的table布局,后期的display+float+position的布局方案,再比如CSS3中新增加的Flex布局和多列布局等
阅读全文
摘要:flex布局详解 说明 flex 布局是CSS3中新增加的一套布局方案,属于一维布局模型。flex提供了强大的空间分布和对齐能力。 想要理解和使用flex进行网页布局,需要先来学习和理解下面的几个概念: flex的两根轴线: 主轴和交叉轴 flex容器和flex子元素 基本概念的解释 flex的两根
阅读全文
摘要:CSS3 基础入门(二) 2d变换 在css3中,可以通过2d相关的属性实现元素的2d变换,包括: 位移 旋转 缩放 倾斜 位移 可以通过将transform的值设置为translate 来让元素进行位移,translate的语法如下: transform: translate(x, y) x 沿着
阅读全文
摘要:CSS3 基础入门(一) 说明 CSS3 中相对于CSS2来说,新增加了很多的内容,其中较为常用的包括下面几点: 选择器 自定义字体(嵌入字体)和字体图标 边框属性 背景属性 文本阴影和盒子阴影 颜色属性 渐变(线性渐变、径向渐变、重复渐变) 过渡 2d变换 3d变换 动画 新的布局方案(flex
阅读全文