前端知识点集锦

Posted 2022-11-25 骑着代马去流浪

1，vue之nextTick有什么用

 2，逻辑像素与物理像素

3，重绘与重排/回流

4，节流与防抖

5，for与forEach

 6，js事件event对象

7，vue父子组件生命周期加载顺序

8，浏览器缓存

9，XSS攻击与防范

10，从输入URL到页面展示的详细过程

11，vue之v-for的key属性和作用

12，webpack如何生成hash码

13，http常用状态码

14，数组去重

15，vue的scope样式对子组件不生效问题

16，vue-router两种路由模式与区别

17，vue2与vue3主要区别

18，浏览器原理

19，vue路由传参三种形式

20，css哪些属性可以继承

21，div上下左右居中

22，v-if与v-for不能一起使用原因

23，promise封装axios

24，标准盒模型与怪异盒模型

25，虚拟dom与真实dom区别

26，vue之计算属性与watch区别

27，vue响应式原理

28，vue2的生命周期

29，js面向对象理解

30，拖拽实现

31，富文本编辑器原理

31-1，微任务，宏任务执行顺序

32，xss与csrf

33，富文本编辑器原理 

34，事件捕获和冒泡 

35，http请求对象

36，commonJS与es6区别

37，vue3的响应式原理

38，浏览器是否直接支持import和es6

39，箭头函数this指向

40，检测数据类型

41，数组排序和去重

42，小程序登录流程

43，vuex的状态有哪些

44，前端seo优化

45，then链式调用原理

47，symbol的用法

48，mixins

49，defineProprty

50，打印 s型数字例如123654789......

//输入2，输出1,2,4,3
//输入3，输出1,2,3,6,5,4,7,8,9

function func(num)
    var res = [];
    for(let i = 0 ; i < num ; i ++)
        let arr = [];
        for(let j = 1 ; j <= num ; j ++)
            i % 2 === 0 ? arr.push(num * i + j) : arr.unshift(num * i + j)
        
        res.push(arr)
    
    console.log(res)

func(4)  //123654789