首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

javaWeb核心技术第四篇之Javascript第二篇事件和正则表达式

向数组的开头添加一个或多个元素,并返回新数组的长度 - pop(); 删除并返回数组中的最后一个元素 - push(); 向数组的末尾添加一个或多个元素,返回新数组的长度...但是,如果所写的正则表达式会百万次、千万次地运行,效率就是很大的问题了。我这里总结了几条提升正则表达式运行效率的经验(工作中学到的,看书学来的,自己的体会),贴在这里。...类选择器 html元素有class属性且有值 css中通过 . 导入 .c1{...} 元素选择器 css中通过标签名即可 xx{...}..."):通过class属性获取一类元素(多个) document.getElementsByName("name属性的值"):通过name属性获取一类元素(多个) 设置获取获取节点的value...对结构的操作: sort();排序 reverse();反转 //////////////////////// 步骤分析: 1.省的下拉选 的选项中添加value属性 当成数组的索引 2

1.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    突破限制,CSS font-variation 可变字体的魅力

    从而无需再将不同字宽、字重或不同样式的字体分割成不同的字体文件。我们只需通过CSS与一行 @font-face 引用,即可获取包含在这个单一文件中的各种字体变体。...标准(静态)字体就是只代表字体的某一特定的宽度/字重/样式的组合的字体文件,通常我们在页面引入的字体文件都是这种,只代表这个字体的某一特定的宽度/字重/样式的组合。...: oblique + angle,控制字体的倾斜 斜体轴 "ital":对应字体的 font-style: italic,控制字体的倾斜(注意,和 font-style: oblique 是不一样的倾斜...这次,除了字体粗细外,我们再添加上 "wdth" 的变化,也就是字体的伸缩。...font-style: oblique + angle,控制字体的倾斜 斜体轴 "ital":对应字体的 font-style: italic,控制字体的倾斜(注意,和 font-style: oblique

    1.2K10

    高级CSS技巧:7个选择器,无限设计可能性

    这些选择器将帮助您简化代码,提高可维护性,并使您的网站在视觉上更具吸引力。1. :nth-child() 选择器:选择器:nth-child()允许您根据特定元素在父元素中的位置来定位特定元素。...例如:p:not(.special-paragraph) { font-style: italic;}在此示例中,除具有 类 的元素外,所有元素都将显示为斜体.special-paragraph...这对于隐藏或设置空元素的样式非常方便,例如空 div 或段落:div:empty { display: none;}在此示例中,空元素将从视图中隐藏。6....:焦点可见选择器:选择:focus-visible器是一个CSS伪类,当元素处于焦点并且用户使用键盘或其他非鼠标输入方法与页面交互时,它以元素为目标。...我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表

    70140

    前端基础:CSS

    Syntax CSS 语法规则由两个主要的部分构成:选择器,以及一条或多条声明 选择器 { 属性:值; 属性:值 } -- 在大括号中可以有多个声明,声明是由属性与值组成,它们之间使用 : 分开,而多个声明之间...CSS 伪类 CSS 伪类可对 CSS 的选择器添加一些特殊效果 锚伪类: 在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态...在CSS中,有两种类型的字体系列名称: 通用字体系列 - 拥有相似外观的字体系统组合,如 Serif 或 Monospace。...特定字体系列 - 一个特定的字体系列,如 Times 或 Courier( 打字机上的一种字体 )。 font-family 属性设置文本的字体系列。...如: p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;} font-weight

    2.5K20

    【CSS3】css开篇基础(1)

    ❤️❤️前言~ Hello, Hello~ 亲爱的朋友们,这里是E绵绵呀✍️✍️。 如果你喜欢这篇文章,请别吝啬你的点赞❤️❤️和收藏。如果你对我的内容感兴趣,记得关注我以便不错过每一篇精彩。...当然,如果在阅读中发现任何问题或疑问,我非常欢迎你在评论区留言指正️️。让我们共同努力,一起进步! 加油,一起CHIN UP! 2.... 类选择器 CSS 中的类选择器用于选取具有特定类名的 HTML 元素。类选择器在 CSS 中使用一个点号(.)后跟类名来定义。 font-style font-style 用于设置字体的样式,如斜体或正常字体。...常用值: normal: 正常字体 italic: 斜体 p { font-style: italic; } 注意:平时我们很少给文字加斜体,反而要将斜体标签改为不倾斜字体。

    10510

    【Web世界探险家】3. CSS美学(二)文本样式

    ) CSS 使用 font-style属性设置文本的风格 语法: 选择器 { font-style: 属性值; } 属性值 作用 normal 默认值,浏览器会显示标准的字体样式 italic 浏览器会显示斜体的字体样式...: normal; } .two { font-style: italic; } <body...normal 或者 400 数字不要跟单位 font-style 字体样式 倾斜是 italic 不倾斜是 noraml font 字体连写 连写的顺序,不能随意换位置;字号 和 字体 必须同时出现...博主用心很有耐心,更有对知识的热忱和热爱,写了这么实用有效的分享,期盼博主能够光顾我的博客,给予宝贵的指导!...博主用心很有耐心,更有对知识的热忱和热爱,写了这么实用有效的分享,期盼博主能够光顾我的博客,给予宝贵的指导!

    8710

    一、Vue.js 概述

    Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)。...在 script 中 new 一个 vue 实例,参数为一个对象,对象中一般有三个元素为 el,data,methods el 则关联 body 中被 vue 控制的元素的 id 或 类名。...如果想要获取 data 上的数据,或者 想要调用 methods 中的 方法,必须通过 this.数据属性名 或 this.方法名 来进行访问,这里的 this,就表示 我们 new 出来的 VM 实例对象...{ font-style: italic; } .active { letter-spacing: 0.5em;...-- 在为 class 使用 v-bind 绑定 对象的时候,对象的属性是类名,由于 对象的属性可带引号,也可不带引号,所以 这里我没写引号; 属性的值 是一个标识符 --> <h1

    1.1K10

    css基础

    CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率...外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个 css 层叠样式表 如一个div元素可以添加多个样式,一个样式可以重复添加在一个元素上,以优先级最高|最近的为主 css 的使用方式;...1.行内样式表:在标签上添加一个style属性,属性值添加样式 值在当前行有效 2.内部样式表:head标签中添加style标签对,标签对中定义css样式 1)选择器{ 样式;...:italic; } 使用: 我是div1hi 我是div2 我是...文本的常用样式 字体大小 font-size 字体颜色 font-color 字体样式 font-style 字体选择 font-family text-align: 在一个元素内部的内容在元素范围中水平对齐方式

    1.3K30

    从零开始学 Web 之 Vue.js(一)Vue.js概述,基本结构,指令,事件修饰符,样式

    Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)。...,参数为一个对象,对象中一般有三个元素为 el,data,methods el 则关联 body 中被 vue 控制的元素的 id 或 类名。...如果想要获取 data 上的数据,或者 想要调用 methods 中的 方法,必须通过 this.数据属性名 或 this.方法名 来进行访问,这里的 this,就表示 我们 new 出来的 VM 实例对象...{ font-style: italic; } .active { letter-spacing: 0.5em;...-- 在为 class 使用 v-bind 绑定 对象的时候,对象的属性是类名,由于 对象的属性可带引号,也可不带引号,所以 这里我没写引号; 属性的值 是一个标识符 --> <h1

    1.6K22

    从头学前端-CSS基础01

    CSS简介:CSS是层叠样式表的简称,有时也会称之为CSS样式表或级联样式表。...,类选择器,id选择器和通配符选择器;标签选择器是指用html标签名称作为选择器,把某一类标签设置样式;不能对标签进行差异化设置类选择器可以单独选一个或多个标签,进行差异化设置;需要给标签设置class...属性;(不要使用纯数字,中文,标签名作为类名)使用的时候,class前面加符号.语法如下:.类名{ k:v}一个标签页可以使用多个类名;在标签的class属性中,写多个类名,以空格分开;id选择器是通过标签的...:font-weight : 常用值 normal(400) bold(700) bolder和数字(100-900) 文字样式: font-style 常用值normal和italic字体复合属性:font...一个页面的搭建过程搭建页面html结构> 根据页面展示内容,设置页面标签添加CSS样式> 添加body全局css 添加各个标签样式注意图片标签没有水平居中样式,如要水平居中,需要放到行标签中,如p和div

    1.1K00

    CSS字体font

    字体大小 font-size 设置字体的大小 ,px 是一个单位,代表屏幕的上的像素,在css大多数数值都需要添加单位 font-size: 12px; 字体粗细 font-weight 设置字体的粗细...,在实际工作中 用的最多的就是normal(400) bold(700) 字体风格 font-style 设置字体的风格(样式) 取值:normal 默认 显示标准的字体样式 italic 字体倾斜...font-style:italic; 字体类型 font-family 设置不同的字体,取值:宋体、微软雅黑、黑体等等。...font-family:"宋体"; 字体可以写多个,中间用逗号隔开,浏览器会从左到右依次解析,直到识别出当前电脑安装的字体则直接使用,字体名称中如果有空格 # $ 这种特殊字符的时候需要添加上引号 中文字体也需要添加引号...,了解:http://code.ciaoca.com/style/cssfont2unicode/ font: font-style font-weight font-size/line-height

    2.9K30

    「译」如何编写 React 应用程序的样式

    highlighted { background-color: black; color: white;}我们可以将类名设为 highlighted,并通过简单的条件检查将其添加到组件中。...因此,我们应该将其实现为仅在 Quote 组件中添加的附加类。对于默认样式的问题,我的理念是最简单的样式应该是基础。因此,我会将大写风格作为附加类添加。但是我们应该如何命名它呢?...我们可以添加一个特定的类,如 .quote-content,但这会破坏关注点的分离。重复这让我们回到之前的问题——两个组件有许多样式重复,但又有足够的差异,无法重用相同的类。....他们描述了相同的实体,这在耦合中是可见的。我需要的CSS解决方案是一个不依赖于语义类的解决方案。...虽然我与 Tailwind 没有任何关系,但我认为使用实用程序类的样式方法是最具可扩展性的。在 CSS 的上下文中,可扩展性意味着能够在不成比例增加样式工作的情况下向页面添加更多内容。

    10210

    css基础第一弹

    长名称或词组可以使用中横线来为选择器命名 不要使用纯数字、中文等命名,尽量使用英文字母来表示 多类名,每个类名必须使用空格分开 命名要有意义,尽量使别人一眼就知道这个类名的目的。...命名规范,命名文档地址 id选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。...--页面中的字体都会变成30px--> 基础选择器总结 基础选择器 作用 特点 使用情况 用法 标签选择器 可以所有相同的标签,比如p 不能差异化选择 较多 p {color:red;} 类选择器 可以选出一个或多个标签...p { font-style: normal; } 属性值 描述 normal 默认值,显示标准的字体样式 italic 浏览器会显示倾斜的字体样式 字体复合属性 字体系列、大小、粗细、和文字样式...,不加粗是normal或400,数字后不跟单位 font-style 字体样式 倾斜是italic,不倾斜是normal,常用于取消倾斜 font 字体连写 字体连写是有顺序的,不能换位置。

    1.9K20

    css基础第一弹

    长名称或词组可以使用中横线来为选择器命名 不要使用纯数字、中文等命名,尽量使用英文字母来表示 多类名,每个类名必须使用空格分开 命名要有意义,尽量使别人一眼就知道这个类名的目的。...命名规范,命名文档地址 id选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。...--页面中的字体都会变成30px--> 基础选择器总结 基础选择器 作用 特点 使用情况 用法 标签选择器 可以所有相同的标签,比如p 不能差异化选择 较多 p {color:red;} 类选择器 可以选出一个或多个标签...css 代码: p { font-style: normal; } 属性值 描述 normal 默认值,显示标准的字体样式 italic 浏览器会显示倾斜的字体样式 字体复合属性 字体系列、大小、...,不加粗是normal或400,数字后不跟单位 font-style 字体样式 倾斜是italic,不倾斜是normal,常用于取消倾斜 font 字体连写 字体连写是有顺序的,不能换位置。

    10810
    领券