20190329 前端开发日报-前端开发博客

排名前 301 的 ReactJS 面试题与解答；优化 JS 条件语句的 5 个技巧；仿 vue-cli 搭建属于自己的脚手架；React 服务端渲染从入门到精通；Handtrack.js 开源：3 行 JS 代码搞定手部动作跟踪；JS中的逻辑运算符&&、||，位运算符|，&；浅谈Angular中的变化检测；JS数据结构与算法_排序和搜索算法

排名前 301 的 ReactJS 面试题与解答 README.md React 面试题 & 回答本项目的面试题来源于 sudheerj/reactjs-interview-questions 这个项目。一时兴起就动起了翻译的念头，由于本人的 React 功力尚浅，翻译的内容难免有误或不妥的地方，望请各位见谅。如果你喜欢这个项目，请 Star，更感谢你的 Pull Request。 …
《优化 JS 条件语句的 5 个技巧》在使用 JavaScript 时，我们会处理很多条件语句，这里有 5 个技巧可以帮助您编写更好、更简洁的条件语句。（by Mr.Dcheng，欢迎加入翻译组：）
仿 vue-cli 搭建属于自己的脚手架从前我总觉得脚手架是个很高大上的东西，好像得牛叉:ox:一点的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难（这是个好词好句:see_no_evil:）。只要你肯花个一天半天的时间:fist:，也能写出属于你自己的脚手架。早前脚手架这个词是从 vue-cli 这里认识的，我们通过 npm instal…
React 服务端渲染从入门到精通这篇文章是我自己在搭建个人网站的过程中，用到了服务端渲染，看了一些教程，踩了一些坑。想把这个过程分享出来。我会尽力把每个步骤讲明白，将我理解的全部讲出来。
Handtrack.js 开源：3 行 JS 代码搞定手部动作跟踪近日，GitHub 上开源了一个名为 Handtrack.js 的项目，有了它，你只需要 3 行代码就能用来检测图片中手的动作。演示地址： https://victordibia.github.io/handtrack.js/#/ 运行时：22 FPS，Macbook Pro 2018（2.5 Ghz），Chrome 浏览器。13FPS，Macbook Pro 2014（2.2GHz）。不久之前，一个使用 Tensor…
JS中的逻辑运算符&&、||，位运算符|，&1、JS中的||符号：运算方法： {代码…} 总结：真前假后 2、JS中的&&符号：运算方法： {代码…} 总结：假前真后弄懂了以上说的还应该知道： {代码…} 举个栗子： 3、位运算符：| 运算方法： {代码…..
浅谈Angular中的变化检测下面是一个简单的Angular组件，它在应用中发生变化检测时将时间渲染到屏幕上。时间戳的精度是毫秒。点击按钮触发变化监测：组件的代码实现如下： @Component({ selector: ‘my-app’, template: ` <h3> Change detection is triggered at: <span [textCo…
JS数据结构与算法_排序和搜索算法这是《学习JavaScript数据结构与算法》的最后一篇博客，也是在面试中常常会被问到的一部分内容：排序和搜索。在这篇博客之前，我每每看到排序头就是大的，心里想着类似“冒泡排序，两层遍历啪啪啪“就完事了，然后…
深入理解JavaScript中的this指向与其他语言相比，js中的this有所不同，也是比较头疼的问题。在参考了一些资料后，今天，就来深入解析一下this指向问题，有不对的地方望大家指出。
如何用自己喜欢的 CSS 风格重置网站的样式许多前端开发人员都在用 Normalize 为他们的网站设计样式。一些人喜欢在 Normalize.css 中添加一些自己偏好的样式，我也一样。
Eventloop不可怕，可怕的是遇上Promise 有关Eventloop+Promise的面试题大约分以下几个版本——得心应手版、游刃有余版、炉火纯青版、登峰造极版和究极变态版。假设小伙伴们战到最后一题，以后遇到此类问题，都是所向披靡。当然如果面试官们还能想出更变态的版本，算我输。版本一：得心应手版吐槽：这个不懂，没得救了，回家重新学习吧。 setTimeout(()=&…
【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集（一）【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、AVLTree…
【半月刊 3】前端高频面试题及答案汇总半月刊第三期到来，这段时间 Daily-Interview-Question 新增了 15 道高频面试题，今天就把最近半月汇总的面试题和部分答案发给大家，帮助大家查漏补缺。更多更全的面试题和答案在下面的项目地址中，点击查看。项目地址： Daily-Interview-Question 第 25 题：说说浏览器和 Node 事件循环的区别浏览器关…
TypeScript 自动编译脚本的实现微信小程序也引入了TypeScript，我们也要跟随技术主流将小程序从JavaScript切换到TypeScript。
《面试加分项之 Nginx 反向代理与负载均衡》前端要了解一些运维的Nginx用法，内容不多，简单看看就好，这两个功能在工作当中就够用了，那么首先来看个问题，什么是反向代理与负载均衡？（by chenhongdong）
基于 HTTP 请求拦截，快速解决跨域和代理 Mock 点击上方“马蜂窝技术”，关注订阅更多优质内容近几年，随着 Web 开发逐渐成熟，前后端分离的架构设计越来越被众多开发者认可，使得前端和后端可以专注各自的职能，降低沟通成本，提高开发效率。在前后端分离的开发模式下，前端和后端工程师得以并行工作。当遇到前端界面展示…
全面分析前端的网络请求方式一、前端进行网络请求的关注点大多数情况下，在前端发起一个网络请求我们只需关注下面几点：传入基本参数（url，请求方式）请求参数、请求参数类型设置请求头获取响应的方式获取响应头、响应状态、响应结果…
你可能还不知道的 Web 支付流程标准化PaymentRequest API 是一种跨浏览器的标准 API，主要的目的是以浏览器充当中介，尽可能标准化支付通信的流程。
【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树（二）【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、AVLTree…
【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树（一）前言【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、…
JS面试之http0.9~3.0对比分析 (4)一篇搞定面试的http协议和缓存相关；文字概念很多，大家可以从http协议版本为主线，分析了版本的区别和缓存属性分类及怎么设置
前端工程化（2）：快速搭建基于angular团队代码提交规范的工作流本文的目的是为了给想要快速搭建一套业内流行的angular团队代码提交规范（不是angular团队编写代码的规范）的小伙伴们提供一个简单清晰直白的教程。文章的内容不会深究每个环节的细节，但是会用通俗的话语让需要的小伙伴们了解每个环节的含义和作用，从而能做到从0到1的搭建起代码提交的工作流。第一步、格式化commit…