20191115 前端开发日报

Vuex面试题汇总;说一说Angular“吊打”React和Vue的几个点;骚年,你对前端模块化了解多少;为什么我们永远不要使用 JavaScript 的 new Array();大厂面试必考知识点:Promise 注册微任务和执行过程;vue中组件间的数据通信;vue-router 你可能忽略的知识点;彻底搞懂 —— Vue SSR

  1. Vuex面试题汇总 参考答案 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,而更改状态的唯一方法是提交mutation,例 this.$store.commit(‘SET_VIDEO_PAUSE’, video_pause , SET_VIDEO_PAUSE 为mutation属性中定义的方法 。 Vuex解决了什么问题? 参考答案 解决两个…
  2. 说一说Angular“吊打”React和Vue的几个点 三种框架的重度用户,这里先列上我遇到的一些场景,后期会有Angular的对应各种场景的demo 场景一: 表单 动态表单(表单数据有时候是数组,或者,表单有时候是级联的) 表单校验 表单的异步校验(比如注册表单,当用户输入昵称的时候,异步从网络获取该昵称是否已经被注册,及时提示用户) 场景二:路由 …
  3. 骚年,你对前端模块化了解多少 不管是前端老司机还是刚接触前端的"菜鸟"。 模块化 想必在每天工作中,或多或少都会接触到。尤其针对一些针对 React 、 Vue 开发的同学来说,那就是每天都会脱口而出的一个必备术语。并且在很多技术文档中,都常常看到 AMD 、 UMD 、 COMMONJS 还有ES6中的 module 。 但是,模块化的本质是什么!前…
  4. 为什么我们永远不要使用 JavaScript 的 new Array() Why never use new Array in Javascript javascript I love javascript, but sometimes it seems it doesn’t love me back. Take for instance the Array constructor function. var a = new Array(1,2,3,4,5); a // returns 1 a.length // returns 5 Wanna take a shot in what this returns? …
  5. 大厂面试必考知识点:Promise 注册微任务和执行过程 作者:深山蚂蚁 Promise 大伙太熟悉了,简单的你都会,但是“刁钻”的大厂面试官可能会问的不那么一样,比如抛出几道题,让你来看看 Promise 的执行过程。 那么我们就来一起来深入剖析 Promise 的注册微任务和执行的完整过程。能正确的使用 Promise 且能做到知其然知其所以然~。再也不怕面试官的 Promise 问题了。 …
  6. vue中组件间的数据通信 一、属性传递 1、数据的传递 在父组件(parent)中通过绑定属性 <Son :counter="counter"></Son> 在子组件(son)中通过 props: {counter: {type: Number}} 来接受数据,接收后在子组件中可正常使用数据。 2、方法的传递(子组件使用父组件的方法) 在父组件(parent)中通过绑定属性 …
  7. vue-router 你可能忽略的知识点 vue-router相信大家都不陌生,并且很多都有实战经验。可能有很多你忽略的一些点。 1、丑陋的hash值 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 const router = new VueRouter({ mode: ‘history’, routes: }) 复制代码 当你使用 hist…
  8. 彻底搞懂 —— Vue SSR 服务端将Vue组件渲染为HTML 字符串,并将html字符串直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 优点 更好的SEO, 由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面 更快的内容到达时间 缺点 开发条件受限。 (服务端只执行beforeCreated 和 created 生命…
  9. 构建大型 Vue.js 项目的10条建议 下面是我在开发大型 Vue 项目时的最佳实践。这些技巧将帮助你开发更高效、更易于维护和共享的代码。 今年做自由职业的时候,我有机会开发了一些大型 Vue 应用程序。我所说的这些项目,Vuex store 超过十个,包含大量的组件(有时候几百个)和视图页面。对我来说这是个很有益的经验,因为我发现了很多有意思的模式,可…
  10. JavaScript数据类型(四) 目录: 什么是数据类型? 数据类型都有哪些?如何知道变量属于什么类型? 一、什么是数据类型 官方解释: JavaScript 是一种 弱类型 或者说 动态 语言。这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据 通俗解释: js的数据…
  11. JavaScript 知识梳理(一)—— 变量与数据类型 变量只能包含字母、下划线、美元符号或数字; 第一个字符不能是数字。 ECMAScript 的变量是松散类型的 —— 可以用来保存任何类型的数据,即每个变量仅仅是一个用于保存值的占位符而已。 1.2 定义变量 1.2.1 var —— ES5及之前使用 var name = "jane"; 复制代码 var 没有块级作用域,只有函数级作用域…
  12. 让你的组件千变万化,Vue slot 剖玄析微 (一)前言 Vue 代码中的 slot 是什么,简单来说就是插槽。 <slot> 元素作为组件模板之中的内容分发插槽,传入内容后 <slot> 元素自身将被替换。 看了上面这句官方解释,可能一样不知道 slot 指的是什么,那么就来看看在 Vue 中,什么时候你需要用到 slot 。 举例:一个组件的展示层你需要做到大体…
  13. React高级面试题虚拟DOM(VDOM)它是真实DOM的内存表示,一种编程概念,一种模式。它会和真实的DOM同步,比如通过ReactDOM这种库,这个同步的过程叫做调和(reconcilation)。
  14. 通过Iterator控制Promise.all的并发数异步是 js 一个非常重要的特性,但很多时候,我们不仅仅想让一系列任务并行执行,还想要控制同时执行的并发数,尤其是在针对操作有限资源的异步任务,比如文件句柄,网络端口等等。
  15. 为什么你应该使用 Git 进行版本控制 概述 设计 分布式 性能 可靠性 总结 Reference 为什么这么设计(Why’s THE Design)是一系列关于计算机领域中程序设计决策的文章,我们在这个系列的每一篇文章中都会提出一个具体的问题并从不同的角度讨论这种设计的优…
  16. JavaScript-手写优秀的拷贝 面试中,大家经常会遇到,面试官让你讲述什么是深拷贝,什么是浅拷贝,如何实现深拷贝,如何实现浅拷贝。这都是一下面试中经常遇到的问题。我们如果不经能说出,还能写出,那你就很叼了。 一、什么是浅拷贝? 创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的…
  17. vue-router结合vuex实现用户权限控制 为了实现前端校验用户,后端需要在用户登录的时候记录下该用户的状态并加密之后返回给前端。之后该用户的所有请求都应该附带这个加密后的状态,后端取到这个状态解密,并与之前保存的状态对比,以此来判断该用户是否登录或合法。 我这里使用了node简单了写了个本地的express服务,来实现上述功能。完整的代码直接贴出来…
  18. 为 Vue3 学点 TypeScript, 什么是声明文件(declare)? [全局声明篇] 年底比较忙, 受个人时间限制, 暂把"声明"部分的内容分为" 全局声明篇 "和" 模块声明篇 ", 还请多多包涵, 本次先说" 全局 ". 什么是声明文件? 声明文件就是给js代码补充类型标注. 这样在ts编译环境下就不会提示js文件"缺少类型". 声明变量使用关键字 declar…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流