重学前端之JavaScript(五)JavaScript中的相关问题

2020-01-18
阅读 4 分钟
1.4k
一、为什么有的编程规范要求使用void 0 代替 undefined?   这篇文章主要介绍JavaScript中的属性描述符、ES6中的module、箭头函数。undefined类型的值为undefined,当一个变量声明未赋值时,它的值就是undefined。undefined是全局对象的一个属性,也就是说它是全局作用域的一个##变量##。它##不是一个关键字和保留字##,这是J...

重学前端之JavaScript(四)属性描述符、ES6中的module、箭头函数

2020-01-18
阅读 8 分钟
1.6k
一、对象的属性  属性描述符: 对象里目前存在的属性描述符有两种主要形式:数据描述符和存取描述符。数据描述符是一个具有值的属性,该值可能是可写的,也可能不是可写的。存取描述符是由getter-setter函数对描述的属性。描述符必须是这两种形式之一,不能同时是两者。  数据描述符(数据属性)和存取描述符(访问器属性)均具有...

重学前端之JavaScript(三)作用域、原型链、垃圾回收机制、闭包、事件执行顺序

2020-01-18
阅读 6 分钟
1.6k
一、执行环境的定义  执行环境: 执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。  全局执行环境: 在Web浏览器中,全局执行环境被认...

重学前端之JavaScript(二)JavaScript的语句

2020-01-18
阅读 5 分钟
1.6k
一、定义  条件语句: 当条件满足时,执行一段语句二、JavaScript中的条件语句  1) if...else if ... else: 当指定条件为真,if语句会执行一段语句,如果不满足再考虑else if的条件,若是还不满足,则执行 else里的语句

重学前端之JavaScript(一)JavaScript的数据类型

2020-01-18
阅读 6 分钟
1.1k
JavaScript这一系列文章,涉及到的点并不是很多,只是涉及到一些常见的如数据类型、闭包、原型链、属性描述符、ES6的module等,还有一些winter提出的一些问题。winter讲的JavaScript很深入,有些地方我不是很懂,就没有记录下来,大家如果有兴趣可以去看一下他的专栏。  这一篇文章主要讲的是JavaScript变量命名规则、数据类型...

重学前端之CSS(六)CSS经典布局

2020-01-17
阅读 9 分钟
1.9k
这篇文章主要介绍CSS中的一些经典布局,其中包括垂直居中布局、两列布局、三列布局、圣杯布局和双飞翼布局、Sticky footer布局。 垂直居中布局 垂直居中布局: 元素在容器的中间显示。 {代码...} 1) 使用flex {代码...} 2) 使用定位和margin {代码...} 3) 利用定位和移动子元素的位置实现 {代码...} 4) 利用display和verti...

重学前端之CSS(五)CSS布局的属性:浮动、定位、flex

2020-01-17
阅读 6 分钟
2.3k
这一篇文章主要是记录CSS布局属性,涉及到的有display、float、position、flex、Grid布局的API的使用和其中遇到问题的解决方式。

重学前端之CSS(四)CSS过渡与动画

2020-01-16
阅读 3 分钟
3.7k
一、定义transition属性: 可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。是 transition-property,transition-duration,transition-timing-function 和 transition-delay 的一个简写属性。IE10支持,需要使用前缀-ms-。

重学前端之CSS(三)BFC与层叠上下文

2020-01-16
阅读 5 分钟
2.8k
一、BFC的定义  BFC(块级格式化上下文 Block Formatting Context): 是一个独立的渲染区域,盒子内部元素的布局不会影响到盒子外部。它属于普通流。

重学前端之CSS(二)CSS选择器

2020-01-16
阅读 4 分钟
1.5k
并集选择器(element.a): 匹配同时满足两个条件的元素。写法为p.a {}写法一般是以标签名开头,中间没有空格。例: p.a{}匹配标签为p且class为a的元素。  组选择器(.a, .b {}): 匹配满足选择器的任意元素。写法为 .a, .b {},匹配class为a和class为b的元素。  后代选择器(.test p): 选择的元素是其他选择器的后代,不需要是直...

重学前端之CSS(一)CSS介绍

2020-01-16
阅读 6 分钟
2k
这一系列文章主要是关于CSS内容部分,内容包括: CSS选择器API、CSS权重、布局、黏性布局、BFC等内容。如果有哪些地方我写的不对,请大家不吝赐教。如果大家觉得有什么重要的内容我没有提的话,可以告诉我,谢谢。

重学前端之HTML(四)HTML标签有关的问题与思考

2020-01-15
阅读 2 分钟
1.3k
一、语义类标签是什么,使用它有什么好处?  语义类标签的主要区别在于它们表示了不同的语义,如p、ul、ol等,这些都是语义类标签。  语义类标签的好处:     1)结构清晰,即使在没有css的时候,也能清晰的看出网页的结构    2) 增强可读性,便于团队开发和维护    3) 有利于搜索引擎(SEO)优化    4) 方便其他设备解析,如当视障...

重学前端之HTML(三)HTML页面的主要标签详解

2020-01-15
阅读 8 分钟
2.3k
<header>: 可以作为文档或文档的部分区域的页眉。用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等。<header> 元素不能作为 <address>、<footer> 或另一个 <header> 元素的子元素。不...

重学前端之HTML(二)HTML页面的结构标签详解

2020-01-09
阅读 4 分钟
1.8k
这篇文章主要是讲构成一个HTML页面的结构标签的功能详解。涉及到的标签有:<!DOCTYPE>、<head>、<meta>、<title>、<link>、<body>、<script>、<noscript>。

重学前端之HTML(一)HTML整体概述及元素分类

2020-01-09
阅读 3 分钟
2.2k
这一系列的文章是在学习winter的重学前端(极客时间上的课程)的过程中,梳理一下自己的前端知识体系。文章不是严格按照winter的每一节来写的,而是将某一类(如HTML)相关课程都看完后,再结合自己已有的知识体系进行相关梳理,最后产生了这一系列文章。winter提出的一些问题,我会在思考中写入,但答案并不是按照winter的原话来...

props、属性、事件传递: v-bind="$props"、v-bind="$attrs"、v-on="$listeners"

2019-10-10
阅读 3 分钟
21.8k
之前看了一篇关于Vue开发技巧的文章,其中提到了在写高级组件时,通过v-bind="$props"将props一次性向下传递。这种向下传递的方式我之前没有用过,便看了下官网的介绍,并补充了一些相关API用法,在这里记录一下,方便自己以后查看。先进行相关的属性介绍,代码在后面。

常用的解决跨域的几种方法

2019-09-25
阅读 3 分钟
7.3k
对于跨域,每一个前端同学都不陌生,关于如何解决跨域也有很多种方法,这里我就总结一下什么是跨域、为什么会跨域以及我常用的解决跨域请求的几种方式。

事件冒泡、事件捕获及事件委托

2019-09-17
阅读 3 分钟
2k
事件冒泡: 子级元素先触发,父级元素后触发,即p先触发,div后触发。发生事件的顺序为 p -> div -> body -> html -> document。  事件捕获: 父级元素先触发,子级元素后触发,即div先触发,p后触发。发生事件的顺序为 document -> html -> body -> div -> p。

Vue中消息横向滚动时,滚动速度越来越快的问题

2019-08-22
阅读 3 分钟
2.7k
最近在做项目时,需要进行两个组件联动,一个轮询获取到消息,然后将其传递给另外一个组件进行横向滚动展示,结果滚动的速度越来越快。这里记录一下来提醒自己。消息滚动的代码在最下面,方便下次使用。

JS语句后加不加分号

2019-08-12
阅读 1 分钟
2k
前一阵子猛然想到一个问题,JS有分号自动补全(ASI)机制,在写JS时我是习惯性在语句后面加上分号,在块语句后面不加分号。那么如果没有加分号的话,在什么情况下会出现问题?在JS语句后到底是应该加分号还是不加分号?

vue 获取v-for动态生成的ref

2019-07-01
阅读 2 分钟
9.9k
出现背景: 在vue项目中实现图片上传功能,由于需要在v-for中上传图片,上传图片是通过获取到input中的files属性将其进行处理,然后将其转换为base64传给后台。于是就需要获取到input的相关信息,但是没有成功。

Vue数据双向绑定的简单实现

2019-05-31
阅读 5 分钟
5.7k
如果只是简单实现一下Vue的数据绑定还是很简单的,只要将思路理清楚就可以。写的时候考虑的问题就是2点。问题:   1)如何实现将数据层的数据显示到视图上  2)如何在视图上的数据改变后,通知数据层相应的数据发生了变化  3)如何让两者联系起来,当一个数据改变时,视图上的所有数据层的数据进行更新思路:  第一个问题要将数据...

Vue组件之间通信的八种方式

2019-04-13
阅读 11 分钟
3.3k
1)props和$emit  父组件通过props将数据下发给props,子组件通过$emit来触发自定义事件来通知父组件进行相应的操作  具体代码如下:  `

Date对象常用的封装方法及遇到的坑

2019-03-20
阅读 4 分钟
2.1k
为了不让大家先看见例子太多而厌烦,就先上结论了。  结论:     1)如果日期之间是使用 '-'连接时,当月份和天数都小于9且前面加了一个 0 的话,那么被转为时间戳时会将时间默认转换为当天的上午8点    2)如果日期之间是使用 '-'连接时,当月份和天数有一个小于9且小于9的前面加了一个 0 的话,那么被转为时间戳时会将时间默认...

Vue打包注意事项

2018-11-09
阅读 1 分钟
8.1k
在使用vue-cli进行项目打包时,发现了一些以前没注意到的点,因此写下此文,记录一下,如果可以对大家有所帮助,那就更好了。 1.直接使用npm run build 打包时,会出现一些以.map结尾的文件  .map文件的作用:由于打包后代码会进行加密,这时如果运行错误,输出的错误信息无法准确得知是哪里的代码报错,而有了这些.map...