• 前端面试知识点汇总


    基础:

    HTML:

    语义化

    标签

    存储

    CSS:

    盒子模型、

    定位、

    层级、

    过渡(transition)、

    动画、

    transform、

    常用布局、

    flex、

    less、

    sass

    JS:

    基本类型

    作用域/作用域链

    this使用

    原型/原型链

    闭包

    面向对象编码

    同步/异步/回调/promise/asnyc、await

    模块化

    框架:

    Vue全家桶

    1、 vue生命周期

    2、 vue组件的data为何是一个函数?

    3、 v-if和v-show区别

    4、 computed和watch的区别

    5、 vue-loader是什么?使用它的用途有哪些?

    6、 $nextTick是什么

    7、 v-for key的作用

    8、 vue的双向数据绑定原理

    9、 组件传值

    10、         Prop验证,和默认值

    11、         请说下封装vue组件过程

    12、         Vue.js的template编译

    13、         scss是什么?在vue.cli的安装使用步骤?有哪几大特性

    14、         vue如何监听对象或者数组某个属性的变化

    15、         vue如何获取dom

    16、         v-on可以监听多个方法吗?

    17、         Vue项目目录,assets和static的区别

    18、         slot插槽

    vuex(状态管理)

    1、 怎么使用vuex

    2、 Vuex有几个核心属性,分别是什么

    3、 从vuex获取的数据能直接更改吗

    4、 Vuex中的数据在页面刷新后数据消失

    5、 mutation和action的区别

    6、 在v-model上怎么使用vuex中state的值

    vue-router(路由页面管理)

    1、 怎么使用vue-router

    2、 怎么定义vue-router的动态路由?怎么获取传过来的动态参数

    3、 Vue-router的导航钩子

    4、 vue路由传参

    5、 路由按需加载

    工程化:

    babel

    webpack(原理+如何配置+优化打包体积、速度)

    nodejs

    微信小程序

    性能优化:

    访问页面地址—>页面首次加载时间—>渲染完整页面时长

    1、 减小资源大小(webpack)

    压缩html/css/js、压缩图片/音频、消除无用代码

    2、 避免同一时间,多次请求

    css雪碧图、图片懒加载、列表懒加载、路由懒加载、代码分块加载(webpack)、预加载技术、小程序分包/预加载

    3、 利用缓存

    CDN分发、浏览器自带、localStroage/sessionStroage/cookie

    移动端web开发

    1、 绝对单位相对单位:px=>rem/vw/rpx

    2、 弹性布局:flex、grid布局

    3、 Hairline(1px的粗线处理)

    4、 小程序开发相关采坑

    5、 H5动画

  • 相关阅读:
    koa学习中的一系列问题-mongodb
    JS基础语法使用
    vue中的this指向问题
    CDN的问题
    vue基本语法及使用
    python自动化读取excel数据,写入excel数据,xlrd、xlutils
    jenkins配置邮件发送功能
    pytest生成的index.html报告发送邮箱后没有样式的解决办法
    pytest命令同时执行多个目录,多个不同目录下的文件
    pytest+jenkins+allure生成报告
  • 原文地址:https://www.cnblogs.com/zhaomeizi/p/14470662.html
Copyright © 2020-2023  润新知