前端
许你今世繁华
别在最能吃苦的年纪选择安逸!
乾坤未定,你我皆是黑马!
展开
-
前端面试题之git讲解
前端面试题之git讲解原创 2022-04-26 19:27:56 · 424 阅读 · 0 评论 -
Wavesurfer.js 生成音频波形图
Wavesurfer.js 生成音浪波形图 (vue)原创 2022-04-26 17:55:45 · 1480 阅读 · 0 评论 -
js实现音频可视化波形图
js实现音频可视化波形图效果如图:线条的颜色粗细也可以自己调整。代码如下(可直接复制使用):<html lang="en"> <head> <meta charset="UTF-8"> <title>可视化音频</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <style> bo原创 2022-04-25 16:56:11 · 5519 阅读 · 1 评论 -
颜色表示法
颜色表示法–十六进制十六进制颜色以#开头,每两位代表一种颜色分别是三原色red green blue每个色值用16进制来表示。十六进制组成: 0-9, a-f: 表示数字0到16。a-10,b-ll, c-12, d-13,e-14,f-15十六进制逢16进1.十进制: 0-255.16进制: 00-ff例如: #000000 (#000)黑色,#FFFFFF (#ff) 白色#FF00OO (#f00) 红色,#00FF0O (#0f0) 绿色,#0000FF(#00f)蓝色颜色表示原创 2021-04-10 15:57:22 · 4171 阅读 · 0 评论 -
元素的层叠性
!important特殊的关键词。!importanto直接写在css样式后面,来提高权重(权重最大)如果选中了元素,它的权重最高。如果没有选中元素,它不会影响就近原则。如果在多个选择器中使用,会受到选择器权重的影响。!important 只针对是单个CSS属性,而不是一 个选择器。层叠性层叠性: 多组选择器的样式可以作用在同一个元素上。.如果选中了这个元素。计算选择器的权重。如果没有选中元素,看继承性。注:如果没有选中,也有权重,权重为0.不能进行权重的比较。比较的是选择器离目原创 2021-04-08 20:30:17 · 113 阅读 · 0 评论 -
选择器的权重
继承性概念:在Css中,有一些属性, 如果给父级元素设置了,那么它的后代元素都将继承这个属性。如: p、h3标签,可以从它的祖先元素中继承了文字的属性,没有继承盒子的属性。注:只有文字的属性能够继承,盒子的属性不能继承。文字属性: color、 font 系列、line- 系列、text- 系列。盒子属性: background 系列、width、 height、 border 系列、浮动、定位等。通过控制台查看继承的属性: Elements 面板=> Style选项卡,即可查看继承的属原创 2021-04-08 20:20:33 · 3605 阅读 · 3 评论 -
CSS高级选择器
高级选择器–后代选择器通过有嵌套关系的标签选择器或者类选择器,确定一个大的范围, 在大范围内再次进行选择,可以多次嵌套。 书写规则:用空格隔开每一层的选择器。注:后代表示的不止包含子级,还包括所有的孙子级,曾孙级.我们的嵌套关系不管有多少层,只要是嵌套内的,都会被选择中。后代选择器可以连续写它的祖先级,可以把祖先级补充完整。尽可能的缩小范围,精确选择我们要的标签。不管选择器如何嵌套, html 页面中必须有对应的嵌套关系的元素,否则样式无法生效。高级选择器–交集选择器概念:选中两个选择器都拥原创 2021-04-07 18:38:07 · 127 阅读 · 2 评论 -
CSS的选择器
CSS选择器CSS选择器用于筛选符合条件的标签,如: p表示筛选匹配整个文档中的p元素标签; class 类名筛选class值符合条件的元素标签; id 筛选元素的id值符合条件的元素标签(id 要求是唯一的)基本选择器:通配符(全局)选择器:用来对默认的样式进行标准化,如: * {样式:样式值;}标签选择器:匹配文档中所有该类型的元素,如:标签名{样式:样式值;}类选择器:匹配筛选指定类名的元素,如: .类名 {样式:样式值;}ID选择器:匹配筛选id值为指定的元素,如: #id名 {样式:样原创 2021-04-07 17:17:55 · 298 阅读 · 2 评论 -
CSS的引入的方式
CSS的引入方式CSS和HTML一样,也是一门标记语言,通过浏览器就可以渲染。但是和HTML不同的是,CSS语言需要绑定HTML,来渲染结构和内容(不能单独运行)。浏览器运行的还是我们的html网页文件。CSS引入到HTML的方式有以下四种:行内(内联)式、嵌入(内嵌)式、外链(链接)式、导入式。行内式直接使用html的标准属性style定义css样式,style 属性用法<tag style=”样式:样式值;”/>行内式耦合性较高(并没有达到结构与样式的分离), 后期维护成本高;原创 2021-04-07 17:06:41 · 201 阅读 · 2 评论 -
css的介绍
什么是CSSCSS: cascading style sheet。层叠式样式表。有两个关键词“层叠式”,“样式” 。使用符合CSS语法的纯文本为页面添加样式效果。web前端三层:结构层 : 从结构角度搭建网页(HTML)样式层: 从美化角度书写样式(CSS)行为层: 从交互的角度描述行为(JS)Css也是由w3c组织维护更新的。css目前发展到css3版本。引入CSS引入CSS的目的:为了达到结构与样式的分离引入CSS的好处:html结构代码书写量大大减少;可以提供更加丰富的原创 2021-04-06 11:14:08 · 138 阅读 · 0 评论 -
前端代码规范
前端代码规范1标签名必须使用小写字母。2属性名必须使用小写字母,属性值必须用双引号包围。3使用4个空格做为一个缩进层级。4 class 必须单词全字母小写, 单词间以-分隔。5 id使用驼峰式命名 (从第二个单词开始, 首字母大写)。实体字符 空格  全角空格© 版权符号@¥ 人民币符号¥> 大于号>< 小于号>...原创 2021-04-06 11:02:23 · 135 阅读 · 0 评论 -
废弃标签和其他标签
废弃标签font:字体标签frame:定义框架b:加粗i:斜体字u:下划线s:删除线其他标签pre:预格式化原样输出br:换行code:单行代码hr:分割线strong: 强调标签,加粗效果em:强调标签,斜体字效果ins:下划线del:删除线abbr:定义缩写address:定义地址iframe: 内联框架...原创 2021-04-06 10:55:46 · 87 阅读 · 0 评论 -
input和button标签
input标签input:表示输入的语义标签。用于搜集用户信息。input是一 个单标签 ,也叫做自封闭标签。控件的类型由 type属性确定:text:单行文本框,文本输入框(默认的输入框类型)pattern:规定输入字段的值的模式或格式(html5新增) 。password:密码输入框radio:单选框checkbox:复选框,多选框单选和复选框name值必须一致,这样才能保证是同一个题干下面的不同选项checked属性,设置默认被选中;布尔型属性image:图像域src:设置图片原创 2021-04-06 10:47:09 · 1952 阅读 · 0 评论 -
表单
form标签表单用来收集用户数据,并将其提交到对应的地址。我们的所有表单元素都要写在一个form标签内部,form标签是一个功能性的标签,不是结构性。form: 是表单的语义化标签,属性如下:name: 定义表单的名称action: 设置数据提交的地址method: 设置数据提交的方式,如: GET提交,POST 提交target: 页面打开方式,如_ self,_ blank,_ parent,_ _top, framename表单中的控件:textarea原创 2021-04-06 10:35:44 · 114 阅读 · 0 评论 -
表格
table标签属性:border: 设置表格的边框bordercolor:设置边框的颜色height、width:设置表格的宽高align:设置表格的整体水平对齐方式center居中left 默认居左right居右cellspacing:设置边框与边框之间的距离cellpadding:设置内容与边框之间的距离background:设置表格的背景图片bgcolor:设置表格的背景颜色summary:表格隐藏信息,用来提高SEO表格基础table: 定义表格容器。tr (tab原创 2021-04-06 10:22:29 · 131 阅读 · 0 评论 -
列表
无序列表无序列表:给文本添加无序的列表语义。项与项之间没有顺序的先后之分(没有先后顺序)。ul (unordered list ) 无序列表。li ( list item ) 列表项。ul和li这两个标签必须同时出现,不能单独书写。ul里可以嵌套一个或者多个li标签,但ul里面只能放li标签,不能放其他内容。li标签是一个典型的容器级标签,可以放置任何的内容标签。甚至可以放置子级ul与li。ul和li只能添加无序列原创 2021-04-06 10:08:44 · 274 阅读 · 0 评论 -
锚点和div,span标签
锚点锚点的设置给标签设置name或id属性通过另外一个a标签href属性去链接这个锚点,可以链接到当前页面中的指定位置,还可以链接到其他页面的指定部分。例如div和span标签div:容器级标签,(divisign。 范围、区域、分割)用来划分独立的逻辑块是一个容器(大的区域), 本身在网页中没有任何的默认样式,可以放置任何标签和内容。里面可以存放一些相近、相同功能的标签。div会 把页面分割成一个小的区域。span:文本级的标签,只能放文字、图片、表单元素等,用来修饰部分文本的效果(原创 2021-04-06 09:54:58 · 684 阅读 · 0 评论 -
html标签和基本语法
html标签html标签是双标签,表示我们的整个网页。html标签有两个属性。manifest:定义一个URL,在这个URL.上描述了文档的缓存信息(html5 新增)。xmIns:HTML不支持。只有XHTML支持。规定XML的namespace属性如: http://www.w3.org/1999/xhtml注意:在html5规范中,html标签上的lang属性是全局属性。xmlns表示命名空间: namespace因为我们制作的网页给不同的用户来浏览,命名空间规定我们的标签代表的含义,原创 2021-04-05 20:58:08 · 216 阅读 · 0 评论 -
HTML框架
DTDDocType Definition:文档类型定义(DTD) ,用来定义文档的规范。可以内部声明也可以外部声明。内部声明: <!DOCTYPE 根元素[元素声明]>例如:<!DOCTYPE html>外部声明: <!DOCTYPE 根元素类型文件名>例如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 st原创 2021-04-05 20:40:39 · 135 阅读 · 0 评论 -
web前端(开发工具和快捷键)
开发工具html、CSS、 js都是纯文本文件。纯文本文件可以用任意的纯文本编辑器进行编辑。最基本的编辑器:记事本。.常见的编辑器:记事本、Editplus、 **notepad++**等。9专门门制作网页的软件有:Dreamweaver:Sublime: 高效率程序书写工具Webstorm:高级项目编程工具Visual Studio Code (VS Code):高级项目编程工具快捷键:sublimehtml:xt|5+tab: 快速生成一个html骨架标签名+tab:快速生成标签原创 2021-04-05 20:17:27 · 993 阅读 · 0 评论 -
web前端介绍
WEB前端介绍HTTP:Hypertext Transfer Protocol,超文本传输协议。HTTP协议包含了请求和响应两个部分。都是要依赖浏览器。请求:request,浏览器根据网址向对应的服务器发送请求。响应:response,服务器根据请求响应文件,将页面传输客户端,在浏览器中进行网页的渲染。发送HTTP请求的方法:直接输入网址,点击超级链接。访问页面时,会同时发出多个http请求,包含网页的图片、视频、音频等文件。浏览器控制台打开控制台的三种方式:1.浏览器->右键-&g原创 2021-04-05 19:53:47 · 251 阅读 · 0 评论