面试
Mountain08
向上的路其实并不拥挤,就像出地铁站时的扶梯和楼梯。
展开
-
React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态
React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 在使用React和React-router实现单页面应用时,会有这样一个场景:从列表页面点击某项条目进入详情页,然后回退至列表页面时,列表页面会重新刷新,不仅数据重新获取了,滚动条也回到了顶部。用户要继续查看剩余数据的话,需要重新滑动到之前点击的那个条目,如果列表做了分页的话就更麻烦了,这对于用户体验来说是非常不好的。所以我们希望能做到,从二级页面回退至列表页面时,列表页面能保留之前的状态(数据和滚动条位置)。那么怎么实现呢?下面转载 2020-05-20 10:25:54 · 1247 阅读 · 0 评论 -
2019前端面试题小结
实现一个函数,判断输入是不是回文字符串function isPlalindrome(input){ if(typeof input !== 'string')return false; return input.split('').reverse().join('') === input;}console.log(isPlalindrome('level')+' '+isPl...转载 2019-12-04 10:12:50 · 267 阅读 · 0 评论 -
http状态码记录
1、三至七种最基本的响应代码 200("OK") 一切正常。实体主体中的文档(若存在的话)是某资源的表示。 400("Bad Request") 客户端方面的问题。实体主题中的文档(若存在的话)是一个错误消息。希望客户端能够理解此错误消息,并改正问题。 500("Internal Server Error") 服务期方面的问题。实体主体中的文档(如果存在的话)是一个...转载 2019-10-22 15:20:10 · 187 阅读 · 0 评论 -
cookie、localStorage、sessionStorage的有效期和作用域问题(容易忽略的前端面试题)
cookie,localStorage,sessionStorage都可以实现客户端存储,三者的区别有哪些了?cookie作为最早期的被设计web浏览器存储少量数据,从底层看,它是作为http协议的一种扩展实现。cookie数据会自动在web浏览器和web服务器之间传输数据。cookie有效期:cookie默认有效期非常短暂,存在于web浏览器会话期间,当浏览器关闭,cookie也就消失了。如果要...转载 2018-03-27 20:07:38 · 6722 阅读 · 0 评论 -
图片懒加载
在实际的项目开发中,我们通常会遇见这样的场景:一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是愚蠢的,不仅影响页面渲染速度,还浪费带宽。这也就是们通常所说的首屏加载,技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。 思路:将页面里所有img属性src属性用data-xx代替,当页面滚动直至此图片出现在可视区域时,用js取到该图片的da...转载 2018-03-27 20:09:23 · 351 阅读 · 0 评论 -
vue面试题1
1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?答:在router目录下的index.js文件中,对path属性加上/:id。 使用router对象的params.id3、vue-router有哪几种导航钩子?答:三种,一种是全局导航钩子:route...转载 2018-03-14 12:22:45 · 1639 阅读 · 1 评论 -
图片预加载和懒加载demo
预加载<!DOCTYPE html><html><head> <title>图片无序预加载-优化</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-wi原创 2018-03-28 17:24:06 · 911 阅读 · 0 评论 -
小程序生成海报的方法和注意事项
这两天开发了一个生成海报的功能,总结一下!坑---------------------------------------------------------------生成海报的图片路径必须是小程序本地的图片'../../imgs/Quiet.png',或者线上的HTTPS的图片,不然在真机上不显示哦!生成海报之前一定要把图片先wx.downloadFile把需要用到的图片先下载下来...原创 2019-01-21 15:27:25 · 1678 阅读 · 0 评论 -
自己动手实现一个MVVM库
自己动手实现一个MVVM库我们知道的,常见的数据绑定的实现方法1、数据劫持(vue):通过Object.defineProperty()去劫持数据每个属性对应的getter和setter2、脏值检测(angular):通过特定事件比如input,change,xhr请求等进行脏值检测。3、发布-订阅模式(backbone):通过发布消息,订阅消息进行数据和视图的绑定监听。具体代码实现...转载 2019-03-06 14:02:38 · 306 阅读 · 0 评论 -
前端面试考点多?看这些就够了
金三银四跳槽季,offer快到碗里来,前端面试考点众多,而网上各个知识点的博客文章又太多,看的眼花缭乱……所以便整理了一下常见知识点的精华文章,每个知识点的文章控制在3篇以内,尽量覆盖该知识点的下容易被面试到的所有内容,文章都是之前自己读过的,确定是精华干货。文章会一直更新,也欢迎大家推荐精华文章,大家共同学习进步!csscss布局干货!各种常见布局实现+知名网站实例分析BFC学习 BFC (Bl...转载 2018-03-21 16:19:29 · 627 阅读 · 0 评论 -
前端面试题总结
前端和计算机相关知识你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化?怎么学习前端?怎么接触前端新知识?关于前后端分离关于浏览器内核(渲染引擎)浏览器加载文件顺序以及repaint/reflow为什么使用多个域名来存储网络资源会更有效?进程和线程的区别前端开发的优化问题Flash,Ajax各自的优缺点,使用中如何取舍?CSSCSS3css居中的方式请写一个简单...原创 2018-03-21 10:40:54 · 520 阅读 · 0 评论 -
2017-2018前端面试题汇总
自我介绍,职业规划,离职原因,等等。。。。position的值, relative和absolute分别是相对于谁进行定位的?absolute :生成绝对定位的元素, 相对于被设置成相对定位(relative)的父级元素的定位,在被设置成相对元素的父级元素没有relative定位的情况下,它是相对于浏览器窗口定位的!fixed (老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame...转载 2018-03-14 11:35:11 · 444 阅读 · 0 评论 -
前端模块化:CommonJS,AMD,CMD,ES6
模块化的开发方式可以提高代码复用率,方便进行代码的管理。通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。一、CommonJSNode.js是commonJS规范的主要实践者,它有四个重要的环境变量为模块化的实现提供支持:module、export...转载 2018-03-16 16:40:46 · 251 阅读 · 0 评论 -
flex布局
一劳永逸的搞定 flex 布局寻根溯源话布局一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐,然而很快就失望的发现 CSS 中并不存在 float: center 的写法,那么 text-align: center、verti...转载 2018-03-22 14:50:09 · 209 阅读 · 0 评论 -
前端面试题(2018)
Q:什么情况下会碰到跨域问题?有哪些解决方法?跨域问题是这是浏览器为了安全实施的同源策略导致的,同源策略限制了来自不同源的document、脚本,同源的意思就是两个URL的域名、协议、端口要完全相同。script标签jsonp跨域、nginx反向代理、node.js中间件代理跨域、后端在头部信息设置安全域名、后端在服务器上设置cors。$.fn是什么意思?$.fn是指jquery的命名空间,加上f...转载 2018-03-19 17:17:04 · 18577 阅读 · 0 评论 -
前端面试渲染页面类
DOM 说起共 7384 字,读完需 10 分钟。本文为《破解前端面试(80% 应聘者不及格系列)》文章的第二篇,包含 DOM、Event、浏览器端优化、数据结构和算法功底的考察。可能有同学会问 DOM 有什么好聊的,不就是节点的各种操作么?DOM 是网页构建的基石,熟练掌握各种操作、知晓可能的问题、熟悉优化手段,才能做到在工程实践中从容不迫。系列文章链接:闭包篇。下面开始聊 DOM 的话题。如何...转载 2018-03-23 13:58:08 · 361 阅读 · 0 评论 -
使用Flexible实现手淘H5页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论—— 手淘的H5页面是如何实现多终端的适配?那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobile的世界中能过...转载 2018-03-20 09:51:12 · 534 阅读 · 0 评论 -
WebSocket简介
WebSocket 协议此文仅作为 RFC6455 的学习笔记。篇幅太长超过了简书的单篇最大长度,故分为两篇,此篇记录 1~4 节,其余见 WebSocket 协议 5~10 节;1.1 背景知识由于历史原因,在创建一个具有双向通信机制的 web 应用程序时,需要利用到 HTTP 轮询的方式。围绕轮询产生了 “短轮询” 和 “长轮询”。短轮询浏览器赋予了脚本网络通信的编程接口 XMLHttpReq...转载 2018-03-20 11:52:20 · 361 阅读 · 0 评论 -
WebSocket
实例内容今天主要说一下微信的WebSocket接口以及在小程序中的使用。WebSocket是什么(简述)微信的WebSocket接口和HTML5的WebSocket基本一样,是HTTP协议升级来的,做为一个新的Socket在B/S上使用,它实现了浏览器与服务器全双工通信。因为这里是做小程序,所以就不对WebSocket的底层和协议做过多的说明了,只是稍微介绍一下。想了解详细的WebSocket可以...转载 2018-03-20 11:54:17 · 220 阅读 · 0 评论 -
分享收集的一大波前端面试题和答案
FE-interview$HTML, HTTP,web综合问题常见排序算法的时间复杂度,空间复杂度前端需要注意哪些SEOweb开发中会话跟踪的方法有哪些<img>的title和alt有什么区别doctype是什么,举例常见doctype及特点HTML全局属性(global attribute)有哪些什么是web语义化,有什么好处HTTP method从浏览器地址栏输入url到显示页面的...转载 2018-03-14 11:20:22 · 2360 阅读 · 1 评论 -
js(面试题)
shuffle:顾名思义,将数组随机排序,常在开发中用作实现随机功能。我们来看看一个 shuffle 可以体现出什么代码品味。错误举例function shuffle(arr) { arr.sort(function () { return Math.random() - 0.5; });}// ES6const shuffle = (arr) => { ...原创 2018-03-15 13:39:10 · 872 阅读 · 0 评论