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

记一次前端大厂面试 | 掘金技术征文；Babel 插件原理的理解与深入；81道经典Vue试题总结（长期更新）；前端程序员如何快速转型全栈工程师（基础版）；http请求头与响应头的应用；JavaScript之实现一个简单的Vue；理解高性能 HTTP 服务端的负载均衡技术原理；Code Review 在丁香医生前端团队的实践

记一次前端大厂面试 | 掘金技术征文前言最近参加了几家杭州大厂的面试，顺利的拿到了自己心仪的offer，积累了一些高频面试题，记录给有需要的同学们。我把面试题归纳整理分为两类，一种是基础试题: 主要考察前端技基础是否扎实，是否能够将前端知识体系串联。一种是开放式问题: 考察业务积累，是否有自己
Babel 插件原理的理解与深入现在谈到 babel 肯定大家都不会感觉到陌生，虽然日常开发中很少会直接接触到它，但它已然成为了前端开发中不可或缺的工具，不仅可以让开发者可以立即使用 ES 规范中的最新特性，也大大的提高了前端新技术的普及（…
81道经典Vue试题总结（长期更新）写在前面 {代码…} 本文档基于vue-cli技术栈总结了 vue-cli工程 vue.js核心知识 vue-router路由 vuex状态管理器 axios等http请求移动端适配 Tab切换等常用功能 vue与原生app混合交互 vue生产环境部署 vue各项技…
前端程序员如何快速转型全栈工程师（基础版）前端与后端的思维专注点很不相同，前端聚焦在如何把内容以可视化的方式展现给用户，后端聚焦在如何利用IT基础设施实现业务逻辑。所以前端参与后端开发时（全栈工程师必备！）首先需要理解后端会做哪些事，其次才是如何才能做好这些事。所谓“利用IT基础设施实现业务逻辑”，意味着以下几个概念： IT基础…
http请求头与响应头的应用本文要聊聊浏览器可爱的头头头……们。 Chap1 发现headers 当我们随便打开一个网址（比如大家经常拿来测试网络的百度）时，打开Network,会看到如下请求头，响应头：究竟这些headers都有什么用呢？咱们挨个探个究竟。 Chap2 head
JavaScript之实现一个简单的Vue vue的使用相信大家都很熟练了，使用起来简单。但是大部分人不知道其内部的原理是怎么样的，今天我们就来一起实现一个简单的vue Object.defineProperty() 实现之前我们得先看一下 Object.defineProperty 的实现，因为vue主要是通过数据劫持来实现的，通过get、set来完成数据的读取和更新。 var obj = {…
【理解高性能 HTTP 服务端的负载均衡技术原理】本文将以简洁通俗的文字，为你讲解主流的HTTP服务端实现负载均衡的常见方案，以及具体到方案中的负载均衡算法的实现原理。理解和掌握这些方案、算法原理，有助于您今后的互联网项的技术选型和架构设计，因为没有哪一种方案和算法能解  全文
Code Review 在丁香医生前端团队的实践时间过得很快，转眼间 Code Review 机制在丁香医生前端团队已经运作一年多了。今年4月初时，将团队在 Code Review 方面的一些经验在丁香园前端团队进行了分享，各个业务线的前端同学们逐步开始尝试 Code Review 机制，目前也有了一定的收
Javascript 是如何检查一个存在的、非空的字符串？如题你是怎么想的呢？这个很简单啊，typeof 一下，再判断length。 if(typeof unknownVariable ==='string' && unknownVariable.length){ …
深入了解Vue.js组件笔记由于浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop名需要使用其等价的 kebab-case (短横线分隔命名) 命名。prop可以是任何类型的数据、变量或对象，…
使用 webpack 进行 web 性能优化（一）：减小前端资源大小介绍原文地址： introduction 原文作者： Addy Osmani 译文地址：介绍译者：闫萌校对者：周文康、杨建现代 web 应用经常使用打包工具来创建生产环境的“打包”文件（脚本、样式等等），这些文件经过优化和压缩之后能够极快
JS的节流、函数防抖原理及使用场景概念和例子函数防抖(debounce) 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。看一个（栗子）： //模拟一段ajax请求 function ajax(content) { console.log('ajax requ
即将发布的JavaScript2018：异步生成器，更好的正则表达式发布于2018年6月最新的年度ECMAScript 更新, ,尽管在常见功能上仅次于ECMAScript6，但仍是至今为止最大的年度版本。 Brian Terlson，是ECMAScript的编辑兼微软在 ECMA TC39委员会的代表，在The New
使用JS实现JS编译器，并将目标js生成二进制上一篇文章利用LLVM实现JS的编译器，创造属于自己的语言中讲到使用llvm用C实现JS编译器，本片文章将使用JS来实现JS编译器，还是应了《Atwood定律》能够使用JavaScript实现的，必将使用JavaScript实现。本片文章C代码不超过10行
基于webpack4[.3+]构建可预测的持久化缓存方案基于webpack4 构建可预测的持久化缓存方案本文针对的是`immutable content+long max-age`类型的web缓存。校验缓存及service worker的处理方案后续有时间再更新。复制代码 web缓存的好处不用多说，自
redux 源码全方位剖析受2014年Facebook的Flux架构模式以及函数式编程语言Elm启发，Dan Abramov在2015年创建了 Redux。很快，Redux因其体小精悍（只有2kB）且没有任何依赖短时间内成为最热门的前端架构。
Vue.js 十五分钟入门TypeScript 为 JavaScript 带来静态类型检查，让 JavaScript 编写中大型应用的时候可以应用工具来避免部分错误。
TypeScript实现数组相关简单算法算法（algorithm），在数学（算学）和计算机科学之中，为任何良定义的具体计算步骤的一个序列，常用于计算、数据处理和自动推理。精确而言，算法是一个表示为有限长列表的有效方法。算法应包含清晰定义的指令用于…
Angular 工具篇之规范化Git版本管理目前很多的项目都已经使用 Git 作为版本控制工具，使用 Git 意味着我们每天都要与 Git Commit Message 打交道。Git Commit Message 看似简单，但实际却很重要。通过 Git Commit Message 我们可以快速地了解
React 项目迁移 Webpack Babel7 不就前写了一篇 webpack 4 升级迁移这里简单说下 React 项目的一些配置；首先我们新建项目 react-web ，然后进入项目初始化 package.json； cd react-web && n
git stderr(错误流)探秘起因最近在维护内部发布系统的时候，遇到了一个问题，觉得非常的神奇。在使用git checkout的时候，发布系统会报错，导致发布版本失败，可能我这样描述，大家无法理解我所表达的。如果你已经步入，或正想要步入工程化的项目，仔细看哦，下面的坑你可