前端学习总结
文章平均质量分 52
levinhax
小小前端一枚~
[简书:] https://www.jianshu.com/users/63adfe13324c/timeline
[GitHub Page:] https://levinhax.github.io
展开
-
对HTML的误解
1.HTML是用浏览器来显示的文件 对于HTML语言本身而言,它只是承载了抽象意义上的一段信息(承载信息的载体)。至于这段信息如何显示,取决于解读它的具体客体,通常被我们成为用户代理(UserAgent),绝大多数情况下,用户代理就是我们常见的网页浏览器,如chrome,Firefox,Safari,IE以及各种手机浏览器等。HTML该怎样显示是由用户代理决定的,比如em标签内的文字应该被显示为斜原创 2016-09-24 14:59:50 · 310 阅读 · 0 评论 -
清除浮动方法总结
浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性,在网页设计中清除浮动是一种很常见的操作,以下整理了几种清除浮动的方法 给父元素设定高度 给下一个添加clear属性 增加一道墙(空标签) 使用after伪元素 使用overflow:hidden属性 具体方法HTML 默认统一代码:<div id="div1"> <div class="原创 2017-10-04 13:00:59 · 221 阅读 · 0 评论 -
meta标签整理
所有的浏览器都支持<meta>标签,它提供有关页面的元信息,比如作者、日期和时间、网页描述、关键词、页面刷新等,该标签位于文档的头部,不包含任何内容,它的属性定义了与文档相关联的名称/值对。meta标签的内容设计对于搜索引擎优化来说非常重要,合理利用meta标签的Keywords和Description属性,可以使网站更加贴近用户体验。必须属性content 属性提供了名称/值对中的值。该值可以是任原创 2017-10-03 10:54:58 · 217 阅读 · 0 评论 -
数组常用方法二
今天接着补充一下数组的常用方法,关于数组的操作,还是要多多使用,就能熟练掌握。some() :some() 方法测试数组中的某些元素是否通过由提供的函数实现的测试 ,根据 some 来理解,只要有一项满足就返回 true。它的具体语法如下:arr.some(callback[, thisArg]) callback 是用来测试每个元素的函数,它在被调用时会传入三个参数: 1. currentVal原创 2017-08-05 22:38:06 · 252 阅读 · 0 评论 -
Element.classList属性
Element.classList是一个只读属性,它返回元素的类名,作为DOMTokenList对象,该元素用于在元素中添加,移除及切换CSS类。对于jQuery里的hasClass、addClass、removeClass方法我们再熟悉不过了,但我们并不是在每个项目中都会去使用jQuery。在原生js中,classList可以方便的对元素的类名进行增删改查,它的构造器是DOMTokenList,提原创 2017-08-04 10:51:19 · 1762 阅读 · 0 评论 -
flex 布局
Flex 布局,可以简便,完整,响应式的实现各种页面布局网页布局是CSS中一个重点应用,传统的解决方案是基于盒模型的,它依赖于 标准文档流、浮动布局 和 定位布局。但它在解决一些特殊布局的时候会很不方便,让人很头疼。Flex 布局Flex 是 Flexible Box 的缩写,即弹性布局,任何一个容器(块状元素或行内元素)都可以指定为Flex布局。 设为Flex布局以后,子元素的float、cle原创 2017-08-04 01:46:43 · 701 阅读 · 0 评论 -
视区相关单位vw, vh
vw,是指CSS中相对长度单位,表示相对视口宽度(Viewport Width),1vw = 1% * 视口宽度 vh,是指CSS中相对长度单位,表示相对视口高度(Viewport Height),1vh = 1% * 视口高度示例代码 :p{ font-size: 15vw; }如果视口的宽度是200mm,那么上述代码中p元素的字号将为30mm,即(15x200)/100,随着视口的变化原创 2017-08-04 00:21:56 · 556 阅读 · 0 评论 -
数组的常用方法总结一
JavaScript Array对象用于在单个的变量中存储多个值,它有很多方法,今天就先总结一些经常会用到的。最基本的就是创建数组和访问数组元素: new Array(); new Array(size); new Array(element0, element1, …, elementn); let students = [“Charles”,”Justin]; let first原创 2017-08-03 00:13:01 · 439 阅读 · 0 评论 -
Console 调试小技巧
前言 :通常,我们在编写一个新的JavaScript代码过程中经常会发生错误,可能是语法错误,可能是逻辑错误,如果没有一个调试工具帮助我们的话,相信你怕是头都要炸了。由于JS是执行在浏览器的,所以我们可以直接在浏览器中进行调试。在所有的浏览器中,建议大家使用谷歌浏览器进行调试,体验非常的棒。当然所有的都一样,需要我们打开控制台输出窗口,即 Console面板。Console 调试我主要总结了一些在原创 2017-08-07 22:40:57 · 6280 阅读 · 0 评论 -
html中的块状元素和内联元素
大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束),可以设置width和height,可以设置margin和padding。 常见的块状元素: h1-h6、p、div、table、form、ul、ol、dl、dt、blockquote、address、caption、hr内联元素在显示时通常不会以新行开始,width和height对它不起作用,竖原创 2017-07-14 16:26:22 · 454 阅读 · 0 评论 -
HTML标签语义化
html提供了网页文档内容的上下文结构和含义,语义化是一种对文本内容和意义的补充说法。它会告诉我们标签的含义,这行是一个标题,这是一个段落,那是一个链接。总的来说,HTML告诉我们一块内容是什么,而它应该长什么样子是CSS的工作。 HTML语义化可以让页面的内容结构化,便于浏览器解析,便于搜索引擎解析,有益于SEO,便于团队开发和维护。 语义化的HTML结构很简单,掌握HTML各个标签的语义,在原创 2017-07-14 15:43:16 · 379 阅读 · 0 评论 -
JavaScript数组
Array 对象用于在单个的变量中存储多个值. 创建数组的方法如下: let arr = new Array(); let arr = new Array(size); let arr = new Array(element0, element1, ..., elementn); let arr = []; let arr = ['apple','banana']通过索引访问数组元素: let it原创 2017-06-11 16:09:13 · 418 阅读 · 0 评论 -
JavaScript数据类型
JavaScript的数据类型分为两类:原始类型(primitive type)和对象类型(object type)。JavaScript中的原始类型包括数字、字符串和布尔值,还有两个特殊的原始值:null(空)和undefined(未定义)它们通常代表各自特殊类型的唯一的成员。除了这些之外就是对象类型,对象是属性的集合,每个属性都由”名/值对”构成。数组、函数、日期、正则和错误都是对象类型。原始类原创 2017-06-11 16:06:41 · 322 阅读 · 0 评论 -
querySelector与getElementBy等的区别
获取元素DOM对象有很多种方法,以前一直在用getElementById和getElementsByTagName等,现在对这些方法和querySelector做一个总结. 常见的获取元素的方法有3种,分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象,它是document对象特有的函数,只能原创 2017-05-06 17:49:14 · 39637 阅读 · 4 评论 -
JavaScript中substr()和substring()的区别
以前一直没注意,上次在做使字符串每个首字母都大写的时候注意到这点,就把它记录下来。String对象中substr() 方法返回一个字符串中从指定位置开始到指定字符数的字符,语法为str.substr(start[, length]) 。 substring() 方法返回的是一个字符串在开始索引到结束索引之间的一个子集, 或从开始索引直到字符串的末尾的一个子集,语法为str.substring(in原创 2017-04-03 20:09:16 · 581 阅读 · 0 评论 -
利用fullpage.js插件实现全屏滚动
fullpage.js是一个基于jQuery的插件,能帮助我们很容易的实现酷炫的全屏网站的制作。一般全屏网站用几个很大的图片或色块做背景,在添加一些简单的内容,显得格外的高端大气上档次。fullpage.js支持移动设备主要的功能有:支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、原创 2016-11-07 14:17:25 · 781 阅读 · 0 评论 -
文档元数据
元数据是描述数据的信息,元数据不会显示在页面上,但是对于机器是可读的。如果说一篇HTML文档包含数据以及描述数据元数据,那么元数据就是head元素里的元素,数据就是放在body元素里面的。 head里面包含的元数据系列标签有title、base、link、style和meta。 1.title title用于表示文档的标题或者名称,它能够: a.定义浏览器工具栏中的标题原创 2016-09-24 22:07:28 · 2021 阅读 · 0 评论 -
修改this指向
this一般指向的是当前被调用者,我们在定义函数的时候并不能事先确定this指向谁,但我们可以通过其他方式来改变它的指向。apply()该方法调用一个函数, 其具有一个指定的this值,以及作为一个数组(或类似数组的对象)提供的参数。 语法:fun.apply(thisArg, [argsArray]) - thisArg: 在 fun 函数运行时指定的 this 值。 - argsArray原创 2017-10-06 16:40:53 · 504 阅读 · 0 评论