ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

第一次面试

2021-11-26 19:01:18  阅读:106  来源: 互联网

标签:状态 请求 元素 第一次 js react 面试 left


  1. 说一下自己学习过的技术
    html,css,js,es6,react,vue,了解node
  2. 对html5的了解,语义化标签
    语义化标签 nav、header、footer、aside、section、article
    音频,视频标签 audio、video
    DOM操作的查询 document.querySelector() document.querySelectorAll()
    表单类型 email,number,time,data
    拖放(Drag 和 Drop)
    Web存储 localStorage - 没有时间限制的数据
  3. 对css3的了解
    新增各种CSS选择器 (: not(.input):所有 class 不是“input”的节点)
    圆角 (border-radius:8px)
    多列布局 (multi-column layout)
    阴影和反射 (Shadoweflect)
    文字特效 (text-shadow)
    文字渲染 (Text-decoration)
    线性渐变 (gradient)
    旋转 (transform)
    增加了旋转,缩放,定位,倾斜,动画,多背景
  4. 用js做什么,项目里用js做了什么(交互)
  5. 对es6的了解
    var,let,const
    箭头函数
    …运算符
    set map数据结构
    proxy
    Reflect
    symbol,BigInt
    一些数组的方法
    module模块化
  6. 聊一聊react,项目过程中有出现问题
    react是用于构建用户界面的js库,我觉得和原生js的区别是它不直接操作dom,减少了减少浏览器的重绘;对于程序员来说减少了繁琐的dom操作;它实现了组件化编程,让代码可以复用。
  7. 对hook的了解,类组件和函数式组件
    函数式组件没有state和生命周期钩子,hook的出现就是为了解决这两个问题的。
  8. 类组件的生命周期
  • Mounting(加载阶段:涉及6个钩子函数)
    constructor()
    getDefaultProps()
    getInitialState()
    componentWillMount()
    render()
    componentDidMount()
  • Updating(更新阶段:涉及5个钩子函数)
    componentWillReceivePorps(nextProps)
    shouldComponentUpdate(nextProps, nextState)
    componentWillUpdate(nextProps, nextState)
    render()
    componentDidUpdate()
  • Unmounting(卸载阶段:涉及1个钩子函数)
    componentWillUnmount()
  1. 对redux的理解,(react和redux是connect的,不用手动写。。。)
    react- redux作用是将Redux的状态机和React的UI呈现绑定在一起,当你dispatch action改变state的时候,会自动更新页面。
    redux中state属于状态容器,用来存放相应的数据状态,然后在自定义Action规则,它是把数据从应用传到 store 的有效载荷。你可以通过 store.dispatch() 将 action 传到 store。执行reducer纯函数进行数据状态更改;其中store是将它们连接起来的概念化的标识。
  2. 对axios的理解,用axios做了些什么
    对ajax的封装
    a.从浏览器中创建 XMLHttpRequest
    b.从 node.js 发出 http 请求
    c.支持 Promise API
    e.拦截请求和响应
    f.转换请求和响应数据
    g.取消请求
    h.自动转换JSON数据
  3. 对webpack的了解,entry,output,loader,plugin(实现非文件转义的功能)
  4. http状态码
  • 1xxInformational(信息性状态码)接受的请求正在处理
  • 2xxSuccess(成功状态码)请求正常处理完毕
    200 OK
  • 3xxRedirection(重定向状态码)需要进行附加操作一完成请求
    301永久重定向(请求的资源已经被分配了新的url,以后要请求新的)
    302临时重定向
    303请求的资源存在另一个URL,应该用get访问另一个url
    304有缓存,用缓存里的数据
  • 4xxClient Error (客户端错误状态码)服务器无法处理请求
    400badrequest请求报文有错误
    403请求被拒绝
    404找不到资源
  • 5xxServer Error(服务器错误状态码)服务器处理请求出错
    500代表服务器在执行请求的过程中出现了错误
  1. js算法(处理数组、string的方法,join,concat,reduce,map这些等等)

  2. 两栏布局:
    使用float浮动左边的元素,右边的元素margin-left:200px width:auto(宽度会撑满整个父元素) 或者 右侧使用overflow:hidden触发BFC,这样就不会发生重叠

    利用flex布局,左边宽度设置为200px,右边flex:1

    利用绝对定位,父元素为相对定位,子元素为绝对定位,左边left:0,width:200px, 右边元素left:200,其余方向为0 或者右侧margin-left:200px,width:auto

  3. 水平居中
    内联元素:text-align:center

    宽度确定的块级元素:使用绝对定位,让元素 left:50% ,然后元素的margin-left:-50px;

    宽度不确定的块级元素:
    使用flex布局: justify-content:center
    使用绝对定位,让元素 left:50% , transform:translateX(-50%)

  4. node + express的了解
    Node.js 是一个 JavaScript 运行时环境。
    Node 运行时环境包含执行 JavaScript 程序所需要的一切。

标签:状态,请求,元素,第一次,js,react,面试,left
来源: https://blog.csdn.net/ladream/article/details/121563896

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有