SF
每日前端面试题
每日前端面试题
注册登录
关注博客
注册登录
主页
关于
RSS
promise经典面试题
咸鱼翻身ing
2020-06-19
阅读 7 分钟
2.3k
返回一个状态由给定 value 决定的 Promise 对象。如果该值是 thenable(即,带有 then 方法的对象),返回的 Promise 对象的最终状态由 then 方法执行决定;否则的话(该 value 为空,基本类型或者不带 then 方法的对象),返回的 Promise 对象状态为 fulfilled,并且将该 value 传递给对应的 then 方法。通常而言,如果你不...
promise讲解
咸鱼翻身ing
2020-06-16
阅读 7 分钟
1.5k
Promise是ES6加入标准的一种异步编程解决方案,通常用来表示一个异步操作的最终完成 (或失败)。Promise标准的提出,解决了JavaScript地狱回调的问题。
vue的keep-alive讲解
咸鱼翻身ing
2020-06-03
阅读 2 分钟
4.8k
保存用户状态,比如说:我们在填写收货地址的页面,需要跳转到另一个页面通过定位选择地址信息再返回继续填写,这时候需要缓存收货地址页面,避免跳转页面导致用户数据丢失。
websocket实现一个聊天室
咸鱼翻身ing
2020-05-29
阅读 3 分钟
4.6k
上次讲了websoket的基础知识和应用插件,今天我们来用websocket来实现一个聊天程序。先看几张界面截图: 聊天界面:历史消息查看:用户上线提醒:在线体验地址:地址 功能结构图 可以看到,该聊天室主要分为三个部分:消息实时推送,聊天界面与交互实现,用户认证模块。下面讲讲这个3个模块的实现方式。 整体架构 前端:...
一文看懂websocket
咸鱼翻身ing
2020-05-26
阅读 4 分钟
2.8k
websocket是一种网络通信协议,我们都知道http协议,http协议只能从客户端主动发起,不能从服务端推送数据到客户端,今天我们讲的websocket就是一种不仅能从客户端发送数据到服务端,也可以主动从服务的推送数据给客户端的一种协议。我们先看一张图:我们可以看到,http请求是客户端发起请求,服务端响应,然后断开连接...
px/em/rem讲解与应用
咸鱼翻身ing
2020-05-25
阅读 3 分钟
1.9k
1px有多大? 我们先了解几个概念: 关键概念 {代码...} 上面概念直接的关系 {代码...} 以上参考: 1px 究竟是多大 由公式得出的结论 PC端分辨率一样的情况下,屏幕尺寸越大,显示的越模糊(因为dpi越小)。 举例说明: 我们的台式机电脑屏幕一般是32英寸,分辨率为:1920 1080。而一般笔记本是15.6英寸,分辨率也是:19201...
bind、call、apply的区别与用法?
咸鱼翻身ing
2020-05-21
阅读 3 分钟
1.2k
js中一个普通函数this的指向与其本身无关,只与调用该函数的对象有关。根据这个规则,我们回到上面的问题,obj.getName调用getName函数的对象是obj,所以this指向了obj对象,那么得到的obj.name为小明;而getName()是直接调用的函数,实际上是window.geName()是window对象在调用函数,this则指向window对象。(use strict...
js中如何准确的判断一个变量的类型?
咸鱼翻身ing
2020-05-20
阅读 3 分钟
4.1k
这是一个高频面试题,我们开发中也进程会遇到,今天我们来实现一个函数getValType(val),用来获取一个变量的类型。从1. JS基础变量类型。2. Js中判断变量的函数。 3. 实现getValType函数。3个方面来分析实现。
知道html5 Web Worker标准吗?能实现JavaScript的多线程?
咸鱼翻身ing
2020-05-19
阅读 6 分钟
2.4k
主要是因为最开始javascript是单纯的服务于浏览器的一种脚步语言(那时候没有nodejs)。浏览器是为了渲染网页,通过dom与用户交互,如果一个线程需要给dom执行click事件,而另一个进程要删除这个dom,这2个动作可能同时进行,也可能先后进行(像java,c#等语言中会引入锁的概念,这样会变得异常复杂),那么就会造成很多...
css选择器详解,带实例
咸鱼翻身ing
2020-05-15
阅读 3 分钟
1.1k
前端css选择器种类繁多,今天做了一下整理,不过该文章只适合前端小萌新,老油条请绕道。 1. 常见选择器 元素选择器 {代码...} id选择器 {代码...} 类选择器 {代码...} 属性选择器 我会红<style> {代码...} </style> {代码...} <p>我不会变色</p><ul> {代码...} </ul><p>我会...
reduce函数的用法
咸鱼翻身ing
2020-05-14
阅读 2 分钟
1.7k
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 对于空数组是不会执行回调函数的。参数如下:
你知道css的盒模型吗?
咸鱼翻身ing
2020-05-13
阅读 2 分钟
1.5k
盒子模型(Box Modle)可以用来对元素进行布局,包括内边距(padding),边框(border),外边距(margin),和实际内容(content)这几个部分。
你知道雪碧图吗?有哪些优缺点?
咸鱼翻身ing
2020-05-10
阅读 3 分钟
2.3k
这道题实际上考的是前端性能优化的一个点。雪碧图的英文是CSS Sprites。其目的是将多张比较小的图片,合并到一张大的图片上面,大的图片背景透明,使用的时候,通过把该张图片当做背景图片,通过不同的 background-position定位来展示的那部分图片。
你知道css3的focus-within选择器吗?
咸鱼翻身ing
2020-05-09
阅读 6 分钟
1.8k
在新的标准中,单冒号(:)用于 CSS3 伪类,双冒号(::)用于 CSS3 伪元素,我们平时开发时可以注意一下,当然大多数浏览器两种写法都能识别。
一个vue全家桶搭建的SPA应用框架
咸鱼翻身ing
2020-05-08
阅读 6 分钟
2.7k
前段时间vue3推出了bata版本,但是离正式版还有段时间,今天给搭建提供一个由# vue-cli4 + vue2.6 + vuex + vue-router + axios + element-ui搭建的框架,让大家能快速开发,跳过复杂的项目创建与配置过程。项目已经封装好了请求和工具,指令和常用函数:项目截图:
你知道ES6 class类的用法吗?
咸鱼翻身ing
2020-05-07
阅读 4 分钟
2.7k
以前的 JavaScript 没有类的概念,它是基于原型的面相对象的语言。原型对象的特点就是将自身属性共享给新对象。我们先看一下下面的代码实现。
知道nodejs吗?和web端js区别和共性?
咸鱼翻身ing
2020-05-06
阅读 1 分钟
1k
该语法包含了变量定义、 循环、判断、 函数、 原型、 原型链、作用域、 闭包、异步等,ECMAScript只定义语法,但是它不能操作DOM,不能监听click事件,不能发送ajax请求,不能处理http请求,不能操作和读写文件,不能访问数据库,只有它,几乎做不了任何实际的项目。所以nodejs和web标准js都对它进行了功能上的扩展。
如何用css绘制三角形?
咸鱼翻身ing
2020-05-05
阅读 3 分钟
3.5k
首先,我们知道用边框实现一个三角形很简单,直接上代码上图。 {代码...} {代码...} 可以看到用样式的border-width来实现一个三角形很简单,但是本文会从原理上来讲解,为什么会这样展示。 {代码...} 可以看到,盒子宽高都为200px,边框都是80px,由于边框颜色不同,可以很明显的看出是以梯形的方式向内容区域(黄色区域...
css3实现动画有几种方式?
咸鱼翻身ing
2020-05-04
阅读 4 分钟
9k
css实现动画主要有3种方式,第一种是:transition实现渐变动画,第二种是:transform转变动画,第三种是:animation实现自定义动画,下面具体讲一下3种动画的实现方式。
你了解JS的递归遍历吗?谈谈你的见解
咸鱼翻身ing
2020-05-03
阅读 5 分钟
2k
JavaScript的递归遍历会经常遇到,适当的运用递归遍历,可以提高代码性质量。 1.某些时候递归能替换for循环 我们先看一下下面2个例子。 {代码...} 运行结果: 可以看到,for循环去遍历一个数组和用递归遍历去遍历同一个数组得到的结果一样,耗时也几乎相同。但是写法上有很大区别。 递归特点 每个递归都有一个结束递归的...
你了解vue的组件吗?有没有实现过一个组件?
咸鱼翻身ing
2020-05-02
阅读 5 分钟
1.2k
上次已经讲解过vue组件的实现过程,具体可以看这篇文章:点击访问今天用vue来实现一个分页组件,总体来说,vue实现比较简单,样式部分模仿了elementUI。所有代码的源码可以在github上下载的到:下载地址先来看一下实现效果:点击可查看运行效果:线上地址