前端面试
mikibiubiu
这个作者很懒,什么都没留下…
展开
-
<center>ES6数组去重方法</center>
Set实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员),操作方法有:add(value)、delete(value)、has(value)、clear();遍历方法有:keys()、values()、entries()、forEach()1、ES6——new Set方法const myArray = [1,1,2,2,3,3,4,4,5,5]console.log([...原创 2019-10-14 21:33:15 · 139 阅读 · 0 评论 -
<center>Vue 框架搭建</center>
vue框架的搭建使用VUE首先需要下载安装一些列的环境。第一步:安装Node.js下载并安装:node-v8.9.0-x64.msi第二步:安装Vue脚手架:cmd以管理员身份执行npm install vue-cli -g 或者安装淘宝版 cnpm install vue-cli -gvue -V 查看是否安装成功第三步:创建项目:vue init webpack myP...转载 2019-10-09 09:10:47 · 400 阅读 · 0 评论 -
<center>this.props.children</center>
this.props对象的属性与组件的属性一一对应,但是有个例外:this.props.children,他表示组件所有的子节点。var NotesList = React.createClass({ render: function() { return ( <ol> { React.Children.map(this.props...转载 2019-10-08 09:02:06 · 297 阅读 · 0 评论 -
<center>web开发原生开发混合开发的区别优势(web-view还是混合开发)</center>
一、Web 应用Web应用本质上是为移动浏览器设计的基于Web的应用,它们是用普通Web开发语言开发的,可以在各种智能手机浏览器上运行。优点:支持设备广泛;较低的开发成本;可即时上线;无内容限制;用户可以直接使用最新版本(自动更新,不需用户手动更新)。缺点:表现略差(对联网的要求比较大);用户体验没那么炫;图片和动画支持性不高;没法在App Store中下载、无法通过...原创 2019-10-08 08:47:51 · 529 阅读 · 0 评论 -
<center>单页面应用与多页面的区别与优缺点</center>
单页面应用(SinglePage Web Application,SPA)只有一张Web页面的应用,是一种从Web服务器加载的富客户端,单页面跳转仅刷新局部资源 ,公共资源(js、css等)仅需加载一次,常用于PC端官网、购物等网站如图:单页面应用结构视图多页面应用(MultiPage Application,MPA)多页面跳转刷新所有资源,每个公共资源(js、css等)需选择性重新加...转载 2019-10-06 11:00:16 · 928 阅读 · 0 评论 -
<center>Vue的生命周期</center>
Vue的生命周期beforeCreate(创建前) 在数据观测和初始化事件还未开始created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来beforeMount(载入前) 在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。mounted(...原创 2019-09-20 22:02:54 · 263 阅读 · 0 评论 -
<center>Promise and setTimeout 到底谁快</center>
测试荔枝一:setTimeout(() => { console.log(1)});const a = new Promise((resolve,reject)=>{ console.log(2); resolve(3)})setTimeout(() => { console.log(4)});const b = new Promis...转载 2019-09-20 10:01:53 · 123 阅读 · 0 评论 -
<center>使用React过程中的那些坑</center>
在使用react两年过程中,遇到了各种坑在使用React框架开发项目的过程中,遇到各种各样的bug,每次定位bug查找原因都花了不少时间,并且遇到相同bug的概率特别大,就把bug产生原因和解决方法做一个持续的记录。Module not found: Error: Cannot resolve module 'react/lib/ReactMount' 凡是Module没有找到,那就是因为...转载 2019-09-20 08:49:15 · 479 阅读 · 0 评论 -
<center>使用CSS3实现表格隔行/隔列变色</center>
废话少说,先看效果,如果不是你想要的,你可以撤了~这些都是css控制的,然后我们看下样式:table tr:nth-child(odd){background:#F4F4F4;}table td:nth-child(even){color:#C00;}table tr:nth-child(5){background:#73B1E0;color:#FFF;}分别选择为:奇数行、偶数列、...转载 2019-09-19 12:53:55 · 1685 阅读 · 0 评论 -
<center>React为什么会出现?React特点</center>
React诞生的原因React是Facebook开发的一款的JS库,那么Facebook为什么要创造React?Facebook认为MVC无法满足他们的扩展需求,由于他们非常巨大的代码库和庞大的组织,使得MVC很快变得复杂,每当需要添加一项新功能或者特性时,系统的复杂就成级数的增长,致使代码变得脆弱而不可预测,结果导致他们的MVC正在土崩瓦解。认为MVC不适合大规模的应用。当系统中有很多模型和...原创 2019-09-19 12:48:08 · 364 阅读 · 0 评论 -
promise 异步回调案例
<script> setTimeout(() => { console.log(5)//5 }) new Promise((resolve, reject) => { console.log(4)//4 resolve(3) ...原创 2019-09-19 12:42:41 · 289 阅读 · 0 评论 -
<center>如何用纯CSS将图片填满div</center>
如何用纯CSS将图片填满div<div style="height:270px;width:400px;border:2px black solid;"> <a href="http://www.paipk.com"><img src="..." ></a></div>object-fit解决方法:直接给img套用一个o...原创 2019-09-18 23:14:34 · 18177 阅读 · 0 评论 -
<center>作用域链</center>
<script> // js中没有块级作用域 js的作用域: 全局作用域 局部作用域 现阶段我们js 没有 块级作用域 // 我们js 也是在 es6 的时候新增的块级作用域 // 块级作用域 {} if {} for {} // java // if(xx) { //...原创 2019-08-14 21:06:20 · 401 阅读 · 0 评论 -
<center>原型链</center>
原型链JS的原型与原型链,相较于普通语法,它更难以理解一些,在开发上也较不常见。但这并不意为这它不重要,相反,它很重要。prototype 与 protoprototype 与 proto(双下划线) 很容易混淆,它们之间的指向有些复杂,避免难以理解,我们尝试用最简单的图示将其说明清楚他们的区别 我们知道,原型本质也是一个对象,其他对象可以通过它实现属性继承。看看一下图 在大多...原创 2019-08-14 20:46:49 · 210 阅读 · 0 评论 -
####javascript 数组去重(10种方法)
一、利用ES6 Set去重(ES6中最常用)set对象是值的集合,元素只会出现一次,即Set中的元素是唯一的.function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null...转载 2019-07-15 17:35:19 · 77 阅读 · 0 评论 -
在for循环中运行setTimeout的三种情况
在for循环中运行setTimeout是前端开发很常见的一种模式。最近被考了一道相关的题目觉得很有意思也很容易犯错,于是记录下来当做学习笔记。下面先来看一段代码: for(var i=0;i<10;i++){ setTimeout(console.log(i),0); }看完这段代码思考一下结果输出是什么呢?是不是第一时间想到的是连续的10个10呢?啊哈哈这样就...转载 2019-07-15 16:56:09 · 823 阅读 · 0 评论