JeffreytheCoder-CSDN博客

原创七牛云前端实习面经

一面面答题自我介绍说下Vue和React的区别Vue双向绑定原理object.defineProperty缺陷为什么劫持数组长度更改就不行了React出hook之前，class和function组件的区别React hook中useCallback和useMemo的区别代码题// 1. 判断输出window.name = 'qiniu';class obj { constructor() { name = 123; } incName() { name

2021-05-08 20:25:20 1743 2

原创字节前端实习一面面经

昨天做了字节前端实习的一面，趁着还没忘，写下面经。自我介绍创建一个二叉树，每个节点是该所在层的宽度实现一个Person(name)函数，使得const a = Person(‘jeff’)和const b = new Person(‘jeff’)都成立讲下https，是对称加密还是不对称加密描述JS事件循环的原理看一个promise和settimeout混合输出，写出来输出顺序讲下宏任务和微任务的触发顺序描述Vue双向数据绑定的原理Object.defineProperty的缺点是什么，

2021-04-30 01:30:38 2177

原创 2021前端热门面试题【按常见度/知识点总结】

博主准备了几周的字节前端面试，刷了一波知识点详解，还有网上的面经和面试题。在准备面试中，我发现按照知识点类型（网络/JS/CSS/Vue等）深入理解，和牢记一些常问面试题，是非常有帮助的。下面按知识点类型和每个类型里的常见程度（1-5）总结了几十道热门前端面试题，每种程度中的问题按个人认为的难度排序。4-5为必须了解的核心概念题，2-3为细节概念题和代码题，1为偏门的特殊概念和个例题。JavaScript5简述var，let，const的区别只有var有变量提升let和const是块级作用域，

2021-04-27 00:02:08 2902 1

原创 vue+echarts 实现动态折线图

之前公司有个绘制实时盈利率折线图的需求，实现的还不错，今天来分享下vue+echarts实现动态折线图的方法。<template> <div id="myChart"></div></template><script>import echarts from 'echarts'export default { name: 'DynamicLineChart', data () { return {

2020-08-31 14:51:43 11402 11

原创 vue+echarts 绘制折线图、柱状图和扇形图

前端时间在前端岗位上要实现Vue项目中的echarts画图，今天来分享下vue+echarts折线图、柱状图和扇形图的方法。每种图的echarts配置差不多一致，但根据图种需进行指定选项的改动。一、折线图折线图中，series要包含每条折线的数据。<template> <div id="myChart"></div></template><script>import echarts from 'echarts' // 引入ec

2020-08-29 16:18:10 6472 3

原创 vue-router 路由权限控制的实现

这两天要给公司后台做个用户权限管理，要拥有指定权限的用户才能通过指定页面的路由跳转，并在菜单栏中显示该页面。在这里记录下实现的方法步骤。1. 路由添加meta属性首先，我们将能够访问指定路由的用户权限添加到meta属性的role中。最后再加上一个404页的通配符跳转。const routes = [{ path: '/menu', component: Menu, meta: { role: 'GUEST', },}, { path: '/ma

2020-08-27 16:51:50 4161

原创 JS 回调函数, Promise和Async/Await异步编程方法对比

上期讲到了JS中的异步原理，这期来介绍下回调函数，Promise，和Async/Await三种常见的异步方法，以及它们的优缺点。一、回调函数 callback在回调函数中，函数A作为一个参数被传递到函数B中，在函数B中引用并执行函数A，我们就称函数A为回调函数。在实现JS异步中，函数B通常为一个异步函数，而回调函数A为等待函数B的异步任务完成后的响应方法。这里拿一个登录案例作为例子。var username;function login(callback) { //函数B $.get({ ur

2020-08-26 17:56:43 2211

原创浅谈JavaScript中的同步和异步原理

前段时间在前端岗位上实现请求后端接口时，JS中同步和异步这两个概念总困扰着我：究竟异步是什么呢？和同步有什么区别呢？通过细读几篇大佬的讲解后，终于明白了这两者的概念，今天就浅谈下我个人对同步和异步原理的理解。一、单线程语言在了解同步和异步之前，我们得先理解一些基本概念。首先，JavaScript是一门单线程的语言，意思就是，同一个时间只能执行一个任务。JS作为一种浏览器脚本语言，主要用处是与用户互动和操作DOM，产生的交互方式是单向且线性的。假设JS有两个线程同时运行，如果一个线程编辑了DOM，而另一个

2020-08-21 18:26:30 3318 3

原创 vue-router 路由基本使用

在Vue中实现多个页面跳转时，vue-router是必不可少的官方路由插件。今天就给大家介绍下vue-router，以及它的基本使用方法。一、介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。这是来自官网的介绍，但大家可能会疑惑，我们不是实现多页面跳转吗，怎么是单页面应用？其实vue-router就是一款单页面应用（SPA）的路径管理器。相比于多个html或jsp页面组成的传统多页面应用，SPA在路由跳转时不会加载整个页

2020-08-19 15:16:24 2872

原创 Vue 路由传参的三种常用方法

在实现Vue多界面应用中，我们经常需要在页面跳转时讲数值传递到另一个页面，那么下面就来介绍下实现路由传参的三种方法。一、Path后加参数传递方法（id为参数）this.$router.push({ path: '/result/${id}' })接收方法this.$route.params.id二、Params属性传递方法this.$router.push({ path: '/result'， params: { id: id } })接收方法t

2020-08-17 17:35:16 3701 2

原创五分钟快速上手Vuex

上两期谈到了父子和兄弟组件传值，但都停留在组件一对一传值的层面，写起来比较繁琐。大家可能会问：Vue能不能将传递的数据储存在一个全局仓库，可以让所有组件调用和修改？于是Vuex就诞生了。这篇文章就来介绍下Vuex是什么，以及Vuex的具体用法。一、介绍Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单地来说，Vuex是一个全局仓库插件，可以储存Vue应用中的全局变量，并通过所写的全局方式来

2020-08-15 20:03:09 3583

JeffreytheCoder的博客