欢迎光临
我们一直在努力

大前端基础

href和src、link和@import的区别详解

散人研阅读(56)评论(0)赞(2)

src与href的区别: href(Hypertext Reference):超文本引用,常用的标签有link、a等,用来链接引用的外部资源。在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系,如: <l...

JavaScript | 关于闭包 这些东西要知道

散人研阅读(141)评论(0)赞(1)

“请你讲一下闭包”——这道题几乎是前端面试必问的问题,今天我试着总结一下如何优雅的回答这道题 闭包是什么? 闭包是有权限访问其他函数作用域内的变量的一个函数。 这是《JavaScript高级程序设计》中给出的定义,如果你想就用这一句话就把面...

JavaScript | 深入理解 节流、防抖

散人研阅读(103)评论(0)赞(1)

在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响...

FileReader 对象的使用

散人研阅读(102)评论(0)赞(0)

FileReader 对象 简介 FileReader用于读取文件信息。拥有4个方法,其中3个用于读取文件,另一个用于中断读取。需要注意的是:文件一旦开始读取,无论成功或失败,实例的 result 属性都会被填充。如果读取失败,则 resu...

关于width与height的百分比参照对象

散人研阅读(174)评论(0)赞(0)

基本内容 百分比是实现页面自适应的重要途径,而元素百分比的宿主到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确: 所有元素的百分比都是相对于其包含块( containing block)的width。 在盒模型的设置属性中,...

JavaScript、ES5和ES6的介绍和区别

散人研阅读(139)评论(0)赞(0)

什么是JavaScript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那...

JavaScript | 变量提升与暂时性死区

SanRenYan阅读(271)评论(0)赞(0)

var let 及 const 区别 先来了解提升(hoisting)这个概念。 从上述代码中我们可以发现,虽然变量还没有被声明,但是我们却可以使用这个未被声明的变量,这种情况就叫做提升,并且提升的是声明。 接下来我们再来看一个例子 对于这...

CSS | 禁止选中文本

SanRenYan阅读(194)评论(0)赞(1)

在元素上加入以下"user-select: none;"就可实现禁止选中文本了, 以下是兼容各浏览器写法: 在 IE < 10 和Opera < 15中我们需要在需要禁止选中的元素上面添加属性

CSS | CSS文字两端对齐

SanRenYan阅读(159)评论(0)赞(0)

需求如下,红框所在的文字有四个字的、三个字的、两个字的,如果不两端对齐可以选择居中对齐,或者右对齐。但是如果要像下面这样两端对齐呢? 我相信以前很多人都这么干过:两个字中间使用 来隔开达到四个字的宽度,三个字也可以,但是,像上图中...

CSS3 | box-shadow 深度解析

SanRenYan阅读(204)评论(0)赞(0)

CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果,该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活,对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性...

JavaScript | for in VS for of

SanRenYan阅读(117)评论(0)赞(0)

For in VS For of 例子1: 当使用for in遍历对象时,会正常打印出对象的key值。当使用for of遍历对象时,会报错,也就是说for of不能用于对象遍历。 例子2: 当使用for in遍历数组时,会打印出数组的下标。...