前端
文章平均质量分 67
濯一一
这个作者很懒,什么都没留下…
展开
-
前端2-6-11:animate-timing-function属性、cubic-bezier() 函数、贝塞尔曲线的快慢
【问题】下面使用Animate-timing-function定义的贝塞尔曲线,哪一个是先快后慢的()正确答案: A 你的答案: B(错误)animation-timing-function :cubic-bezier(.22,1.23,.97,.89)animation-timing-function :cubic-bezier(1.23,..22,97,.89)animation-timing-function :cubic-bezier(1.23,.97,.89,.2...原创 2021-06-11 00:39:03 · 1174 阅读 · 0 评论 -
前端:认识Web、Web标准构成 & 优点
「学习笔记」HTML基础前言勤做笔记不仅可以让自己学的扎实,更重要的是可以让自己少走弯路。有人说:"再次翻开笔记是什么感觉",我的回答是:"初恋般的感觉"。或许笔记不一定十全十美,但肯定会让你有种初恋般的怦然心动。????????本章着重复习Html的基础内容,学习Html究竟要学些什么呢?主要是学习各种标签,来搭建网页的“结构”。✨✨本篇文章主要由五个章节构成,从WEB标准到初识HTML,接着学习HTML常用标签,最后学习表格列表和表单。????????开始充电之旅啦~~~一、认识WEB原创 2021-04-18 19:11:08 · 486 阅读 · 3 评论 -
2021年8个顶级Node.js框架推荐,Web开发必备干货!
目录Node.js的特别之处是什么?市场对Node.js的反应如何?使用Node.js框架的好处8常用的Node.js框架推荐,Web开发必备!1.Hapi.js2.Express.js3.Nest.js4.Koa.js5.Socket.io6.Meteor.js7.Adonis.js8.Sails.js总结本文为你推荐顶级Node.js框架,这也是一些常用的Node.js框架,它们帮助你更新进行Web开发。我们都知道,Nod...原创 2021-04-13 10:24:06 · 3140 阅读 · 0 评论 -
前端4-7-1:js单线程、tr、td、colspan、rowspan
1、以下代码输出结果是()<ul><li>1</li><li>2</li><li>3</li><li>4</li></ul><script>varelements = document.getElementsByTagName("li");for(vari=0;i<elements.length;i++)...原创 2021-04-07 02:11:52 · 541 阅读 · 0 评论 -
前端4-6-1:img的alt属性、css的%参照、head标签、web开发技术
1、img标签中的alt属性的作用是()A、表示图片的名称B、无实际意义,可有可无C、提供替代图片的信息,使屏幕阅读器能获取到关于图片的信息D、等比缩放图片大小【知识点:img的alt属性】alt:图片不出来时,显示的文本。即提供替代图片的信息,使屏幕阅读器能获取到关于图片的信息 title:鼠标一上去之后显示的文本2、当margin-top、padding-top的值是百分比时,分别是如何计算的?A、相对父级元素的height,相对自身的heightB、相对最近父级块.原创 2021-04-06 16:25:40 · 1047 阅读 · 0 评论 -
前端4-3-2:meter、id的DOM树、宽高、文本加粗、jQuery渐变
1、【知识点:meter】<meter> 标签定义:用于显示已知范围内的标量测量值 用法:<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。 例子:磁盘用量、查询结果的相关性,等等。 注释:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。 浏览器支持:FireFox chrome safari Opera不支持IE,IE是业界毒瘤。2、创建带有id属性.原创 2021-04-03 15:29:59 · 482 阅读 · 0 评论 -
前端4-3-3:H5新增标签大全
H5新增标签article: 标签定义外部的内容。 aside:标签定义 article 以外的内容。 audio:h5新增音频标签。没有高宽属性。 canvas:h5新增画布标签。 command: 定义命令按钮(未测试)。 datalist:标签定义选项列表。 datalist 及其选项不会被想显示出来,它仅仅是合法的输入值列表。 details:标签用于描述文档或文档某个部分的细节。 figure:标签用于对元素进行组合。 figcaption:定义 figure 元素的标题。原创 2021-04-03 15:09:42 · 151 阅读 · 1 评论 -
前端4-3-1:web页面级优化
web页面级优化减少HTTP请求的次数。http协议是无状态的应用层协议,每次http请求都需要建立通信链路、进行数据传输,而在服务器端每个http都需要启动独立的线程去处理,这些通信和服务的开销都很昂贵。所以减少http请求的数目可有效提高访问性能。 进行资源合拼和压缩。合并CSS、合并javascript、合并图片,将浏览器一次访问需要的javascript和CSS合并成一个文件,这样浏览器就只需要一次请求。在服务器端对文件进行压缩,在浏览器端对文件解压缩,可有效减少通信传输的数据量。原创 2021-04-03 14:19:11 · 306 阅读 · 0 评论 -
前端4-2-9:_blank、_self...var 假值、inline-block、label块级元素、行内元素大全
1、表示新开一个标签页的超链接代码是( )A、<a href=URL target=_new>..</a>B、<a href=URL target=_self>..</a>C、<a href=URL target=_blank>..</a>D、<a href=URL target=_parent>..</a>【知识点】_blank:在新窗口打开 _self:在当前窗口打开 _paren原创 2021-04-02 13:57:34 · 427 阅读 · 0 评论 -
前端4-2-10:Canvas与SVG之简介、对比总结
【先言】【题外话】本来呢,就打算做完这套题呢该吃饭了,前面不定项选择都对了嘿,开心的,谁知道?后面?一看来了个“正确答案: A C 你的答案: B D(错误)”,哦豁!?!不得不吐槽下自己,伤感了,giao,不能吃饭的,都记的啥,都记反了?完美避开正确答案了,good服了,难道是?真的饿坏脑袋了吗?赶紧的,拿小本本记下先,罗里吧嗦的,www...。【问题】以下说法中正确的是()A、canvas 中绘制的元素不可以通过浏览器提供的接口获取到。B、SVG 中绘制的元素不可以通...原创 2021-04-02 13:48:57 · 572 阅读 · 0 评论 -
前端4-2-4:border-radius、盒模型、enctype属性、触发repaint
1、关于html的盒模型,下列说法正确的是()A、margin是内边距B、padding是外边距C、border是边框D、border-radius是css3标准,因此IE并不支持border-radius属性【解析】A:margin是内边距 错误:margin是外边距B:padding是外边距 错误:padding是内边距C:border是边框 正确D:border-radius是css3标准,因此IE并不支持border-radius属性 错误 如下图所示,从ie9.原创 2021-04-02 12:33:49 · 484 阅读 · 0 评论 -
前端4-2-8:常见的触发repaint、reflow
目录1、触发的体现2、如何触发3、常见触发场景触发repaint触发reflow1、触发的体现repaint是某个DOM元素进行重绘;reflow是整个页面进行重排,也就是页面所有DOM元素渲染。2、如何触发style变动造成repaint和reflow。不涉及任何DOM元素的排版问题的变动为repaint,例如元素的color/text-align/text-decoration等等属性的变动。 除上面所提到的DOM元素style的修改基本为reflow。例如元素原创 2021-04-02 12:30:59 · 353 阅读 · 0 评论 -
前端4-2-7:画圆context.arc(x,y,r,sAngle,eAngle,counterclockwise)
JavaScript 语法:context.arc(x,y,r,sAngle,eAngle,counterclockwise)【知识点】参数 描述 x 圆的中心的x坐标 y 圆的中心的y坐标 r 圆的半径 sAngle 起始角,以弧度计。(弧的圆形的三点钟位置是0度) eAngle 结束角,以弧度计 counterclockwise 可选。规定应该逆时针还是顺时针绘图。False =顺时针,true =逆时针 ...原创 2021-04-02 12:17:25 · 3114 阅读 · 0 评论 -
前端4-2-6:HTML语义化
1、什么是HTML语义化?<基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等>根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化?为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看; 用户体验:例如title、alt用于解释名词或解释图片信息、label标签的活用; 有利于SEO:和搜索引擎建立良好.原创 2021-04-02 11:59:35 · 103 阅读 · 0 评论 -
前端4-2-5:关于CSS 长度单位总结,有你就够了!
目录一、长度单位二、简单介绍三、详细介绍1、相对长度单位2、绝对长度单位3、长度单位总结四、五个可能你不太了解的CSS单位1、em 和 rem2、对网络布局的好处(对H5页面做兼容)3、vh 和 vw4、vmin 和 vmax5、ex 和 ch五、CSS/CSS3中的时间、频率、角度1、角度(Degress)2、百分度(Grads)3、弧度(Rads)4、圈数(Turns)5、时间(Times)6、频率(Frequencies)原创 2021-04-02 11:53:07 · 802 阅读 · 0 评论 -
前端4-2-3:.list、层级显示优先级、优化滚动性能
1、input属于窗体元素,层级显示比flash、其它元素都高。请判断这句话的正确与否。A、正确B、错误【知识点:层级显示优先级】frameset > 表单元素 > 非表单元素在html中,帧元素(frameset)的优先级最高,表单元素比非表单元素的优先级要高。 表单元素:文本输入框,密码输入框,单选框,复选框,文本输入域,列表框等等; 非表单元素:连接(a),div,table,span等。 所有的html元素又可以根据其显示分成两类:有窗口元素以及无窗口元素。有窗口元素总是原创 2021-04-02 02:00:57 · 711 阅读 · 0 评论 -
前端4-2-2:Html5中input新增type属性值
在HTML5中,为input元素新增了以下一些type属性值原创 2021-04-02 01:15:52 · 187 阅读 · 0 评论 -
前端4-2-1:CSS可、不可被继承的属性
一、不可被继承的属性1、display规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、bord原创 2021-04-02 00:52:34 · 126 阅读 · 0 评论 -
前端4-1-7:HTML:<parent><child>content</child></parent>实现child内容垂直居中
【问题】假设HTML结构为<parent><child>content</child></parent>下列哪些做法可以实现child内容垂直居中?假设HTML结构为<parent><child>content</child></parent>下列哪些做法可以实现child内容垂直居中?A:parent {display: table;}child {display: table-cell;原创 2021-04-01 23:59:49 · 323 阅读 · 0 评论 -
前端4-1-6:浏览器的回流、重绘、优化
题外话:有时候呢,学着学着就卡机了>-<....又到了记小本本时刻。目录1、浏览器渲染大致流程2、生成渲染树3、回流(reflow)3-1、定义3-2、会导致回流的操作3-3、常用且会导致回流的属性和方法4、重绘(repaint)4-1、定义4-2、性能影响4-3、浏览器会立刻清空队列的访问属性或方法5、优化5-1、CSS5-2、JS5-3、DocumentFragment首先,先回顾下浏览器渲染过程吧!1、浏览器渲染大致流原创 2021-04-01 19:19:56 · 117 阅读 · 0 评论 -
前端4-1-5:浏览器渲染过程
浏览器渲染过程:1.解析HTML,生成DOM树,解析CSS,生成CSSOM树2.将DOM树和CSSOM树结合,生成渲染树(Render tree)3.Layout(回流):根据生成的渲染树,进行回流,得到节点的几何信息4.Painting(重绘):根据渲染树以及回流得到的节点,获取绝对像素5.Display:将像素发给GPU,展示在页面上...原创 2021-04-01 18:04:50 · 140 阅读 · 0 评论 -
前端4-1-4:Web开发、<textarea>、地理定位API、link和@import区别
1、下面关于WEB开发中,常见的技术和问题描述正确的是:( )A、CSSselector中,支持按照元素的id选择,元素的名称进行选择,元素的class属性进行选择,比如“#div.red”就是选择CSSclass属性中包括red的所有的div元素B、JSON是一种以JavaScript语法表示的数据对象格式,比如描述一个学生,包括,其中,姓名,年龄就可以这样表达{name:"John",age:18}C、HTML页面中的第一个指令:表明这是一个符合HTML5标准的页...原创 2021-04-01 17:57:41 · 312 阅读 · 0 评论 -
前端4-1-3:HTML5之WebStorage、WebSQLDatabase
HTML5中增加了两种全新的数据存储方式:WebStorage和WebSQLDatabase。一、WebStorage可用于临时或永久保存客户端的少量数据,WebSQLDatabase是客户端本地化的一套数据库系统,可以将大量的数据保存在客户端,无须与服务器端进行交互,极大地减轻了服务器端的压力。二、WebStorageHTML5为数据存储在客户端提供的一项重要功能,分为两种:sessionStorage(保存会话数据)和localStorage(在客户端长期保存数据)。2-1、ses...原创 2021-04-01 17:15:26 · 173 阅读 · 0 评论 -
前端4-1-2:栅格参数
.col-数字-:xs:手机设备大小 sm:平板设备大 md:笔记本设备大小 lg:台式电脑设备大小 数字:代表着在一行12列中所占的单元格数原创 2021-04-01 16:42:26 · 173 阅读 · 0 评论 -
前端4-1-1:HTML结构、H5页面测试、DHTML
1、哪个元素表示标记或突出显示的文本以供参考?A、highlightB、markC、strongD、blink【知识点】1) highlight :jQuery中的,突出特效,通过改变背景颜色来隐藏或者显示一个元素2) mark :HTML5中的标签,定义带有记号的文本,文本高亮显示3) strong :HTML中的标签,定义重要文本,用来加粗文本4) blink :Js中的方法,用于显示闪动的字符串,不能用于ie,Chrome,Safari2、微信公众号相关的H5页原创 2021-04-01 16:28:23 · 413 阅读 · 0 评论 -
前端3-31-7:什么是SVG?
什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体(SVG是HTML下的一个分支)...原创 2021-03-31 20:19:23 · 159 阅读 · 0 评论 -
前端3-31-6:a元素、link与script加载解析区别
1、关于a元素,以下说法正确的有?A、a元素必须具有href属性B、a元素的target属性可以指向一个具名的窗口或iframeC、当a元素的rel属性具有多个值时,使用空格“ ”分隔D、a元素的href属性必须是目标url的绝对路径【解析】A:a元素可以没有href属性,此时为超链接的一个占位符,则A错误B:target属性可选有:_blank、_self、framename等值C:rel属性有多个值时,使用空格 " " 分隔D:href属性的可选有:...原创 2021-03-31 19:39:28 · 634 阅读 · 1 评论 -
前端3-31-5:块级元素、行内元素大全
1、块级元素每个块级元素通常都会独占一行或者是多行,可以对其单独设置高度,宽度以及对齐等属性 常见元素有:div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr 特点: 块级元素会独占一行 高度,行高,外边距和内边距都可以单独设置 宽度默认是容器的100% 可以容纳内联元素和其他的块级元素 2、行内元素(内联元素)不占有独立的区域,仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度,高度以及对齐等属性 常见.原创 2021-03-31 18:51:25 · 3260 阅读 · 0 评论 -
前端3-31-1:display、overflow、target、input、position、call与apply属性
1、下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度A、display:inlineB、display:noneC、display:blockD、display:inherit知识点:display属性原创 2021-03-31 17:44:37 · 510 阅读 · 0 评论 -
前端3-31-4:常见事件(点击、焦点、加载、鼠标、键盘、选择改变、表单)
1. 点击事件1. onclick:单击事件 2. ondblclick:双击事件2. 焦点事件1. onblur:失去焦点2. onfocus:元素获得焦点。3. 加载事件1. onload:一张页面或一幅图像完成加载。4. 鼠标事件1. onmousedown鼠标按钮被按下。2. onmouseup鼠标按键被松开。...原创 2021-03-31 17:42:48 · 1233 阅读 · 0 评论 -
前端3-31-3:CSS中Position属性
CSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。在html中网页可以看成一个立体的空间,一个完整的页面是由很多个页面堆积形成的,如下图所示◆position:static 无定位该属性值是所有元素定位的默认情况,在一般情况下,我们不需要特别的去声明它,但有时候遇到继承的情况,我们不愿意见到元素所继承的属性影响本身,从而可以用position:static取消继承,即还原元素定位的默认值。◆position:abso.原创 2021-03-31 17:34:26 · 138 阅读 · 0 评论 -
前端3-31-2:CSS Sprites
CSS Sprites1.简介CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中, 利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位, 访问页面时避免图片载入缓慢的现象。2.优点(1)CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这是CSS Sprites最大的优点,也是其被广泛传原创 2021-03-31 17:27:42 · 109 阅读 · 0 评论