前端随心记---------前海面试汇总

  react里面:state和prop的区别?setState为什么是异步的?组件传值有几种方式?

答:1.prop用于定义外部接口,state用于记录内部状态。2.prop的赋值在外部使用组件时,state的赋值在组建内部。3.组件不应该改变prop的值,但是state的存在目的是让组件来改变。

  2.setState异步更新状态使得并发更新组件成为可能。

  资料:https://segmentfault.com/a/1190000013040438?utm_source=tag-newest

  3.组件传值的方式:

  父组件向子组件传值(通过props)

  子传父(回调函数)

  跨级组件传值

  没有嵌套关系的组件通信

  参考:https://www.cnblogs.com/dhcn/p/11125448.html

  vuex里面存储的数据,怎么处理页面刷新丢失的问题?

  可以直接改为本地存储,session storage等。

  资料:https://www.cnblogs.com/goloving/p/9074574.html

  amd规范和cmd规范的区别?

  amd规范推崇依赖就近,cmd规范推崇依赖前置。

  对依赖模块amd是提前执行,cmd是延迟执行。

  spa应用怎么做seo?

  服务器端渲染ssr,预渲染。

  百度权重的优化方法?

  友情链接,关键字,网站功能多时可以设置网站导航地图。

  简单描述一下ajax的过程?

  1.先创建一个xmlhttprequest对象。

  2.open()

  3.send()

  4.判断服务器响应的状态。

  怎么中断ajax的发送?

   一种是设置超时时间让ajax自动断开,

    另一种为手动去停止ajax请求,其核心是调用XMLHttpRequest对象上的abort方法

  vue-router是基于什么来实现的?

  1.hash   ----------(#hash)

  2.浏览器的history

  资料:https://blog.csdn.net/qq_27674439/article/details/99821474

  创建对象有几种方式?

  1.字面量方式

  2.构造函数

  资料:https://www.cnblogs.com/topsyuan/p/11260399.html

 用原生的方法监听对象的变化?如对象有个name属性,如果改变为张三就alert张三,如果改变为李四就alert李四?

  什么情况下会引起重绘和回流?

  重绘:当更新render tree中某个元素属性时,而这些属性只是影响元素外观风格,不影响布局,称为重绘。

  回流:当render tree的一部分因为元素规模尺寸,布局,隐藏等改变需要重新构建时,称为回流。当页面第一次加载时一定会发生回流。

  区别:回流必将引起重绘,重绘不一定会引起回流。

  怎么实现一个div(正方形)高度随宽度变化而变化?

  使用js监听div.style.height,在赋值给div的宽。

  call和apply的区别?

  1 call的语法:函数名.call(obj,参数1,参数2,参数3……);

  2 apply的语法:函数名.apply(obj,[参数1,参数2,参数3……]);

  这两个东西功能相同,就是把一个函数里面的this设置为某个对象,区别就是后面的参数的语法。call需要使用逗号分隔列出所有参数,但是apply是把所有参数写在数组里面。需要注意的是即使只有一个参数,也必须写在数组里面。

  移动端开发中遇到过哪些问题?

  例如:插件安装问题,请求跨域问题等。

  vue为什么对这个数组和对象进行监听?

  watch:{} 对象,可监听数据,数据发生变化, 处理函数

目的: watch虽可监听,但只是浅监听,只监听数据第一层或者第二层,watch监听不到。可以设置deep:true做深度监听。

  对vue的数据双向绑定。

  常见的状态码有哪一些?403代表什么?

  403服务器拒绝访问。

  一个radio标签能在安卓上面添加一个click事件吗?

  能。

  具体实现参考: 

方法(@click.native.prevent):

<el-radio-group v-model="radio2">
  <el-radio @click.native.prevent="clickitem(3)" :label="3"> 备选项</el-radio>
  <el-radio @click.native.prevent="clickitem(6)" :label="6"> 备选项</el-radio>
  <el-radio @click.native.prevent="clickitem(9)" :label="9"> 备选项</el-radio>
</el-radio-group>

clickitem (e) {
     e === this.radio2 ? this.radio2 = ‘‘ : this.radio2 = e
 },

  动画的优化方式有哪些?

  图形图像优化,声音文件优化,文件及库的优化,代码的优化。

  vue中keep-alive的作用?

   keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。

 

  跨域的几种解决方案?

  四种:1.jsonp     2.cros      3.domain.xml配置    4.正向代理。

  get和post请求的区别?

  post安全性比get好,get的参数在url上,post请求文件中,get用于获取数据,post主要用于提交数据。

  什么是内存泄露?什么操作会引发内存泄露?

  内存泄露是指程序中已动态分配的堆内存由于某种原因程序未释放或者无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。

  闭包使用不当引发

  ie盒模型和w3c盒模型有什么区别?

  ie盒模型content部分包含了padding和border

  w3c盒模型content不包含。

  讲讲你前端性能优化会做的一些工作?

  雪碧图技术,压缩代码,合并复用的js和css文件,懒加载技术,css放在head中,设置浏览器缓存等。

  webpack的fileload跟urlload的区别?

  答: url-loader封装了file-loader。url-loader不依赖于file-loader,例如:我们需要background样式用url引入一张背景图,我们都知道webpack会将各模块进行打包,因此用url的路径是html页面入口,而不是原始的css文件,会导致图片引入失败。而使用file-load,可以解析项目中的url引入,根据我们的配置,将图片拷贝到相应的路径,根据我们的配置,修改打包后文件引用路径,指向正确文件。

  css3怎么实现一条线围绕这个中心点做一个旋转的动画?

  答:使用css3的transform属性。

  jquery里面on和bind的区别?

  都是事件绑定,

  区别:事件委托。

 对象的继承有哪些方式?

  原型链继承,使用call或apply方法,extends继承等。

  资料:https://www.cnblogs.com/EternalZH/p/10402593.html

  

 文件上传怎么做一个断点续传?

  资料:https://www.cnblogs.com/libin-1/p/5958791.html

原文地址:https://www.cnblogs.com/hudunyu/p/11769750.html

时间: 2024-10-21 11:52:29

前端随心记---------前海面试汇总的相关文章

前端随心记---------vuejs流行的UI框架

一:Element element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心.在github 上更是高达29.8k的star早已说明一切.用于开发PC端的页面还是绰绰有余的.如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者. 文档地址:http://element-ui.cn 二:iview iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品.使用单文件的 Vue 组件化

前端随心记(一)

前端 基础易错题(一) 案例一::介绍js原型链继承原理,以及prototype和--proto--的区别! 1.任何一个构造函数都有一个属性prototype叫做构造函数的原型,是一个对象,并且该对象默认情况下指向Object实例,constructor指向当前构造函数,--proto--指向Object.protopyte. 2.使用构造函数实例化的对象存在一个--proto--属性,指向当前构造函数的prototype. 3.当我们调用实例对象的属性和方法时,先在自身上面进行查找[自己身上

前端随心记---------React简介(1)

React 简介: React 是一个用于构建用户界面的 JAVASCRIPT 库. React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图). React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源. React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它. React诞生的原因 主要是当时市面上的这些框架都无法满足 facebook 公司的业务需求 (1. 数据量很大,数据不好管理

前端随心记---------云计算(1)

云计算的定义(NIST) –  云计算是一种能够通过网络以便利的.按需的方式获取计算资源(网络.服务器.存储.应用和服务)的模式 –  这些资源来自一个共享的.可配置的资源池,并能够快速获取和释放,提供资源的网络被称为“云” –  云模式能够提高可用性 –  云计算的核心思想,是将大量用网络连接的计算资源统一管理和调度,构成一个计算资源池向用户按需服务. 高可用性?? • 计算机系统的可用性 • – 计算机系统的可用性定义为系统保持正常运行时间的百分比. • – MTTF/(MTTF+MTTR)

前端随心记---------vue3.0终于来了,作者已公布源码

Vue3.0 何去何从? 就在国庆的第五天,10月5日凌晨,web前端开发框架Vuejs的作者:尤雨溪在微博宣布Vue3.0版本终于要面正式推出了!  其实,在11月14日-16日于多伦多举办的 VueConf TO 2018 大会上,尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲,对 Vue 3.0 的更新计划.方向进行了详细阐述. 1.更快 Virtual DOM 完全重写,mounting & patching 提速 100% : 更多编译时(compile-time

前端随心记---------深拷贝与浅拷贝

深拷贝与浅拷贝 在前端js里面的数据类型分为两大类: 1.基本数据类型(数据传递:值拷贝) var a = 12; var b = a; // 赋值操作,是把 a 地址里面对应的值赋值给了 变量b 所对应的地址空间. b = 24; a; // 不会受到影响 数据传递:值拷贝 2.复合数据类型(引用数据类型) var obj = {id: 1, username: 'andy', todos: ['吃饭', '睡觉']}; // 复合数据类型 var xiaoming = obj; // 复合数

前端随心记---------Ajax原理及实现跨域方法

Ajax原理: Ajax的原理简单来说就是通过XmlHttpRequest对象来向服务器发送异步请求,从服务器获得数据,然后用JavaScript来操作dom从而更新页面.这其中最关键的一步就是从服务器获得请求数据. XmlHttpRequest是Ajax的核心机制,它是在IE5中首先引入的,是一种支持异步请求的技术.简单的说,也就是JavaScript可以 及时向服务器提出请求和处理响应,而不阻塞用户,达到无刷新的效果. ajax实际上是异步的javascript和xml. 原生js实现aja

前端随心记---------webpack管理工具

webpack: 官网:https://www.webpackjs.com/ 由来: 1.开发的时候,我们写的代码是有注释,有空格(文件比较大)在开发环境中注释有意义的,但是在生产环境中,注释是没有意义的.代码应该是尽可能压缩的足够小(网络请求)如果我们没有借助一些其他工具的时候,我们需要手工的把 xxx.js 转换 xxx.mini.js 文件.(文件美化) 2.我们的js在发展的过程中,出现很多的新特性,例如 es6 箭头函数.class 语法糖,Promise等.这些新的特性在不做处理的时

前端随心记---------Axios/fetch/ajax的区别

一.jQuery  ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {} }); 传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱. JQuery ajax 是对原生