自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

JeffreytheCoder的博客

do you wanna take a leap of faith

  • 博客(15)
  • 资源 (1)
  • 收藏
  • 关注

原创 七牛云前端实习面经

一面面答题自我介绍说下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 1757 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 2196

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

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

2021-04-27 00:02:08 2922 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 11449 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 6529 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 4186

原创 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 2236

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

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

2020-08-21 18:26:30 3344 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 2889

原创 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 3728 2

原创 五分钟快速上手Vuex

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

2020-08-15 20:03:09 3591

原创 【Vue简易入门】兄弟组件传值

上次讲到了父子组件传值,这次讲下Vue中用eventBus实现兄弟组件传值。兄弟组件出现的情况通常是父组件下有多个子组件,子组件相互要传递值。这里用的自己写的一个Todo List例子,在menu页下todoList组件点击完成事项后传递到finishList组件。1. 创建eventBus.jsimport Vue from 'vue'export default new Vue()2. 在兄弟组件中引用eventBus,并加入$emit和on方法TodoList:在methods中用$emi

2020-08-15 13:24:38 4070

原创 Vue 将页面导出成PDF文件

我在前端岗位上要实现个可视化图表页的PDF文件导出,在这里给大家分享下使用jsPDF和html2canvas包将Vue页面导出成PDF的方法。1. 下载npm包npm install html2canvasnpm install jspdf 2. 创建插件.js文件Vue-cli项目的话是在./utils文件夹下,我在这里使用的nuxt框架,所以是在./plugins文件夹下。import html2Canvas from 'html2canvas';import JsPDF from 'j

2020-08-14 15:17:39 5395 3

原创 【Vue简易入门】父子组件传值

上次讲到了Vue的组件化概念,那这次来讲解下Vue里父子组件要怎么传值,也是学习Vue非常重要的一个知识点。这里我拿自己写的一个Todo List Demo来当做例子讲解。父组件向子组件传值父组件在子组件HTML标签中添加变量名和绑定data属性 ,子组件在props中添加变量名。在这个例子中,父组件为包含TodoList的页面,子组件为TodoList。<!-- 这是父组件 --><template> <div id="menu"> <div

2020-08-13 22:27:20 4302

原创 【Vue简易入门】什么是Vue?

【Vue简易入门】什么是Vue?Vue作为一款目前最流行的前端框架之一,是许多前端开发工程师的不二选择。最近我在前端岗位上也运用Vue实现了几款产品,那么今天来分享一下Vue是什么,以及我对Vue的见解。一、定义Vue是一套用于构建用户界面的渐进式JavaScript框架与传统JS和JQuery框架不同,Vue的渐进式框架表示开发者可以由简单组件写起,渐渐搭建出一个复杂的前端平台。形成Vue渐进式框架的核心概念为:组件化,MVVM,响应式,和生命周期,下面会一个个详细介绍。二、为什么要用Vu

2020-08-12 00:25:24 42674 8

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除