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

工作日每天一道前端大厂面试题；分析一次有意思的需求——HTML代码注入；前端面试查漏补缺–(一) 防抖和节流；30个值得关注的Vue开源项目；实现一个简单的 JavaScript 编译器；吐槽Javascript系列三：数组的陷阱；WeexBox 给你最好的图片加载方式；Arthas GitHub Star 破万后的回顾和展望

工作日每天一道前端大厂面试题 README.md Daily-Interview-Question 工作日每天一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己。欢迎 PR 你认为不错的面试题，欢迎在 Issue 区留下你的答案，共同参与这个伟大的项目。今日面试题 2019-02-22 …
分析一次有意思的需求——HTML代码注入有个朋友问了我一个问题: 他们通过 WKWebView ，访问了一个其他的页面，然后希望原生获得用户的输入信息。其实，我之前接触WKWebView并不多，但是这个问题我觉得很有意思。这篇文章便是我解决这个问题的全部思路，与最终的解决办法。思路分析与代码实践这个问题其实很具象了，就是希望原生获得H5的用户输…
前端面试查漏补缺–(一) 防抖和节流本系列最开始是为了自己面试准备的.后来发现整理越来越多,差不多有十二万字符,最后决定还是分享出来给大家. 全: 在准备的时候,我查看了很多很多相关资料,力求做到知识点的全面覆盖.往往你从其他面试者中,脱颖而出,就是因为你知道了其他人甚至面试官所不知道,忽略的知识点.令人印象深刻!但如果内容实在太繁…
30个值得关注的Vue开源项目译者按：学习优秀的开源项目是提高代码水平最有效的方式。原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归…
实现一个简单的 JavaScript 编译器 Babel 是目前最常用的 JavaScript 编译器。能够编译 JS 代码，使得代码能够正常的在旧版本的浏览器上面运行；还能够转化 JSX 语法，使得 react 写的代码能够正常运行。下面，按照编译原理来实现一个简单的 JS 代码编译器，实现把 ES6 代码转化成 ES5,以充分了解 Babel 运行原理。 let a = 1 复制代码转化后 va…
吐槽Javascript系列三：数组的陷阱虽然本系列是吐槽，但并不是为了黑Javascript，而是揭露它的一些特性（怪癖），只有更好的了解它，才能更好的使用它。本篇主要介绍数组中常见的隐患点。
WeexBox 给你最好的图片加载方式在讲WeexBox之前，我们先来看看Weex是如何做图片加载的。Weex提供了<image>来加载图片，更具体的说，<image>有3种使用方式。
Arthas GitHub Star 破万后的回顾和展望 Photo by tousif khan from Pexels 一切新的开始，都始于一个里程碑。 2月20日上午，Java 开源诊断工具 Arthas 的 GitHub Star 突破10000，距离开源后的第一个Release 版发布仅 147 天。从中，我们不仅看到 Arthas…
TypeScript 中的多种 import 解义JavaScript 中有多种 export 的方式，而 TypeScript 中针对这种情况做了多种 import 语法，最常见的就是 import * as path from ‘path’ 这种。这篇文章主要来讲解 TypeScript 中不同的 import 具有什么意义。
JavaScript进阶之模拟new Object()过程前端的入门相对简单，相对于其他方向天花板可能会相对较低。但是在市场上一个优秀的前端依旧是很抢手的。能够站在金字塔上的人往往寥寥无几。目前前端也已经一年半了，在公司的知识栈相对落后，就业形势不容乐观，所以有必要自己琢磨，往中高级前端进阶。后续我将推出《JavaScript进阶系列》，一方面是一个监督自己学…
重构之路：webpack打包体积优化（超详细）这一章讲打包体积优化，这个也算是最重要的一章了，我之前可是花了很多时间去查资料怎么优化打包体积的，不同版本的webpack之间还有一些区别，所以也算踩了很多的坑，所以这一章会比较长。这边我大概写了一下页面具体布局，是下面这样的：我们再去看一下打包体积，有2.75M，已经算很大了： …
webpack4.0+vue+es6配置用webpack4.0做更多事情上一篇webpack入门文章中，我们学会了怎么使用webpack搭建一个前端工程，了解了webpack的一些核心概念。但是webpack的功力远不止如此，在本文中，我们将学习如何使用webpack来做更多的事情，如何进行环境分离，如何配置es6，再配置vue，使用vue来进行开发。这篇文章是入门文章的延续，所以d…
【前端基础进阶】JS-Object 功能详解该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性，不拷贝继承的属性。Object.assign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某…
Vue.js基础教程文章链接：Vue.js基础教程开发工具准备：根据个人喜欢选择IDE，我使用的是WebStorm，推荐使用Atom和VSCode；安装git base和node.js；安装vue-cli，命令npm i -g @vue/cli；新建vue-cli项目：方法一：通过图…

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

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

关注我

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

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

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