20200504 前端开发日报

前端面试必备技巧;前端面试每日 3+1 —— 第382天;聊一聊Observable和RxJS;Node.js:记一次使用gRPC重构http服务的实践;CabloyJS – GitHub Readme;一段超级简单的js代码了解执行上下文,执行栈,变量对象和作用域链;《JavaScript 20 年》中文版(二):创立标准;JavaScript函数重载操作实例浅析

  1. 前端面试必备技巧

    2020最全的前端面试指南,一个多月 1.8w 字的面试经验积累,凭借它最终成功入职大厂…… 今年的金三银四刚好赶上疫情,很多大公司都停止招聘甚至裁员,想跳槽的小伙伴被打的措手不及。 需求减少要求肯定随之提高,谨以此面经献给在如此艰难之时逆风而动、勇敢坚强的你~ 前言 今年问的难度和深度应该比前几年有所增…

  2. 前端面试每日 3+1 —— 第382天

    今天的知识点 (2020.05.02) —— 第382天 [html] 说说html5手势检测原理是什么? [css] 说说sroll-snap-type属性的运用场景有哪些?相关联的属性还有哪些? [js] 在DOM上同时绑定两个点击事件(一个用捕获,一个用…

  3. 聊一聊Observable和RxJS

    Pull 和 Push 是两种用来描述数据生产者(Data Producer)与数据消费者(Data Consumer)通信的不同协议。 什么是Pull模式? 在一个Pull数据系统中,消费者Consumer决定了何时从生产者Producer接收数据,而生产者Producer本身对于何时传递数据是无感的。 比如我们最熟悉的Function,每一个JavaScript Function…

  4. Node.js:记一次使用gRPC重构http服务的实践

    背景 最近在业务开发过程中,发现同时维护多个服务间的业务通信,存在较高的开发成本。在窥视了部分同僚们的代码后,发现他们普通使用了 rpc 去构建服务,所以我决定尝试使用 gRPC 重构服务。这里介绍一些项目的基本情况: http │ ├── controller │ ├── service │ ├── route ├── app.ts 复制代码 …

  5. CabloyJS – GitHub Readme

    简体中文 | (https://community.cabloy.com/articles/cabloy-github-readme.html) # CabloyJS CabloyJS是一款顶级NodeJS全栈业务开发框架, 基于KoaJS + EggJS + VueJS + Framework7 ] ] ][downl…

  6. 一段超级简单的js代码了解执行上下文,执行栈,变量对象和作用域链

    var a = ‘hello’ function test() { console.log(a) } test() 复制代码 解析过程 全局代码 创建阶段 创建全局执行上下文 全局执行上下文 = { } 复制代码 预处理阶段 创建全局的变量对象,我们给变量对象取个名字叫做 VO(G) 变量对象里面有未赋值的变量,函数,this对象 全局执行上下文 = { …

  7. 《JavaScript 20 年》中文版(二):创立标准

    上篇文章中,我们已经详述了 JavaScript 的诞生始末与其最早的语言特性。在它开始流行后,绕不开的自然就是语言的标准化了。这次我们将讲述历史上 TC39 委员会与 ECMA-262 标准建立背后的故事,看看一门编程语言的行业标准,是如何在当年商业巨头的角力之中形成的。 关于本章节 本章节覆盖的历史从 1996 年…

  8. JavaScript函数重载操作实例浅析

    本文实例讲述了JavaScript函数重载操作。分享给大家供大家参考,具体如下: 上个星期四下午,接到了网易的视频面试(前端实习生第二轮技术面试)。面了一个多小时,自我感觉面试得很糟糕的,因为问到的很多问题都很难,根本回答不上来。不过那天晚上,还是很惊喜的接到了HR面电话。现在HR面试的结果还没有出来,听说…

  9. Java 命令行工具之 jstat

    jstat 是JDK中提供的一个命令行工具,主要用来打印JVM 性能数据相关的统计数据。主要包含以下几个方面: 垃圾回收(GC)方面数据 编译(Compilation)相关数据 类加载信息(Class Loader) jstat 最大的优势就是可以在JVM运行时,…

  10. Vuex Demo 入门解析

    Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。它采用集中式存储管理应用的所有组件的状态,并以相应的规则 保证状态以一种可预测的方式发生变化 。 使用Vuex后组件仍然保有局部状态,使用 Vuex 并不意味着你需要将所有的状态放入 Vuex。虽然将所有的状态放到 Vuex 会使状态变化更显式和易调试,但也会使代…

  11. JS夯实之执行上下文与词法环境

    JavaScript是一门解释性动态语言,但同时它也是一门充满神秘感的语言。如果要成为一名优秀的JS开发者,那么对JavaScript程序的内部执行原理要有所了解。 本文以最新的ECMA规范中的第八章节为基础,理清JavaScript的词法环境和执行上下文的相关内容。这是理解JavaScript其他概念(let/const暂时性死区、变量提升、闭包…

  12. 前端异步是什么?哪些情况下会发生异步?

    这里就不拿官方的解释来解答了,只以个人理解来回答问题,轻喷。我们知道 JavaScript 是单线程的,不像 java 等语言是多线程的,所以一般情况下,js代码是一行一行的执行的。但是某些时候需要用异步来提升性能,比如说一个网络请求需要服务端返回数据30s,js不可能一直等待服务器返回再执行其他代码,这时候js就会跳过这…

  13. 前端架构之 JAMStack

    JAMStack(JAM 代表JavaScript,API 和Markup)是一种使用Static Site Generators(SSG) 技术、不依赖 Web Server 的前端架构。

  14. 初识vue ——总结

    Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

  15. Node.js理论实践之《Koa原理浅析》

    学习Koa框架之前,不得不提到Express。 Express 是一个基于Node.js平台的极简、灵活的 web 应用开发框架,主要基于 Connect 中间件,并且自身封装了路由、视图处理等功能,使用人数众多。 Koa 相对更为年轻,是 Express 原班人马基于 ES6 异步流程控制重新开发的框架, 框架自身不包含任何中间件,很多功能需要借…

  16. 使用 JavaScript 编写 JSON 解析器

    原文地址: JSON Parser with JavaScript 原文作者: Tan Li Hau 译文出自: 掘金翻译计划 本文永久链接: github.com/xitu/gold-m… 译者: Gavin-Gong 校对者: vitoxli , Chorer 这周的 Cassidoo 的每周简讯有这么一个面试题: 写一个函数,这个函数接收一个正确的 JSON 字符串并将…

  17. javascript与众不同的this

    一直以来都知道js的this让初学者很困惑, 但由于在学angularjs的时候潘老师早早的就教我们写代码时先定义self = this , 然后通过操作self, 再之后学习angular又一直使用的箭头函数, 所以js的this用起来和java的用…

  18. 基于nodejs的前端直传oss

    基于nodejs的前端直传oss 阿里云oss权限设置、跨域设置 权限设置 跨域设置 安装ali-oss npm install ali-oss 获取client对象 {代码…} 文件上传 {代码…} 更多内容请大家关注Johnny博客

  19. 彻底理解JS的内存机制

    先进先出的数据结构,JS引擎的时间循环(Event Loop)的基础结构 JS中变量的存放 基本类型:基本类型都是保存在栈结构中,这些类型在内存中占有固定的大小空间,通过按值访问,ES6有6种基本类型,undefined、null、boolean、number、string、symbol,ES9新增了bigInt 引用类型:保存在堆内存中,因为这种值的大小…

  20. 01-Vue初学习

    1. Vue下载 (1)网址: https://cn.vuejs.org/v2/guide/installation.html (2)点击开发版本,下载完成是一个 Vue.js 2. 使用 (1)创建文件夹 文件夹:html 文件夹:js 把 Vue.js放到 这个文件夹中 文件夹:01-Vue 在这个文件夹中写 html代码:01.html (2) 引入 Vue.js <scri…

  21. Vue 灵魂之问:为什么说 Vue 的响应式体系可以精确到组件级别的更新?

    前言 我们都知道 Vue 对于响应式属性的更新,只会精确更新依赖收集的当前组件,而不会递归的去更新子组件,这也是它性能强大的原因之一。 例子 举例来说 这样的一个组件: <template>    <div>       {{ msg }}…

  22. Next.js和Nuxt.js的语法比较,Vue和React的两大SSR解决方案

    React.js和Vue.js都是很好的框架,而 Next.js 和 Nuxt.js 甚至将它们带入了一个新的高度,这有助于我们以更少的配置和更好的可维护性来创建应用程序。但是,如果你必须经常在框架之间切换,在深入探讨另一个框架之后,你可能会轻易忘记另一个框架中的语法。在本文中,我总结了这些框架的基本语法和方案,然后并排列…

  23. Github标星17K的国产开源项目作者月薪却不到5k?

    来自:开源最前线(ID:OpenSourceTop) 综合自: https://www.zhihu.com/question/51997376、https://github.com/bilibili/flv.js 知乎有个话题火了,关于: 如何看待B站flv.js作者月薪5000不到 就连作者本人都吐槽自己的月薪还没自己项目的Star多,据说这个项目是作者一个人独立完成,并且在公司…

  24. JS夯实之ThisBinding的四条准则

    在上篇文章 《JS夯实之执行上下文与词法环境》 中提到了词法环境的创建过程,跳过了 ThisBinding 的绑定过程的陈述。而this的指向问题不管在面试或者业务工作中都是经久不衰的“坑”。 其实只要熟记四条准则,不论多么复杂的场景,你都可以正确判断出 this 的指向。 隐式绑定 关键词: . 隐式绑定发生在对象…

  25. Vue 项目代码Review总结

    交叉排查缺陷:通过团队成员相互审核,避免代码层面出现显而易见的问题 提高代码质量:通过团队成员相互监督,在完成功能的基础之上不断完善代码结构 建立团队意识:代码是团队财产,团队成员在相互督促与改进中共同成长 Code Review 体系 日常 Code Review:开发者完成初步结构设计,或者完成一个相对完整的…

  26. webpack-dev-server的配置和使用

    继续上一篇 https://www.cnblogs.com/chenyingying0/p/12797474.html 安装webpack-dev-server cnpm i sebpack-dev-server 修改package.json 由于不同的平台(如windows和mac)上配置环境变量的语法是不同的,为了一种写法兼容多种平台,因此需要安装配置环境变量的插件 cnpm i cross-env 再次修改pack…

  27. jQuery, so easy

    jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他Javascript库的根本特点。 使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数 jQuery() (简写为 $ ),然后得到被选中的元素。 选择表达式可以是CSS选择器: $(document) //选择整个文档…

  28. 使用 gitlab 实现 proto 文件的 semantic version 管理(1) – 使用规范

    历史原因我司的后端团队在同时使用 3 种语言:Python、Go、Java。为了实现团队的水平拆分和业务逻辑的收敛,我们会在不同的业务线间使用 unary 模式的 gRPC 来进行同步通信。 例如报名业务中会存在一个查询某个用…

更多内容请关注公众号【前端开发博客】每日更新


关注我

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

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

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