20190224 前端开发日报

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

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

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

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

原文:20190224 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190224.html)