20200322 前端开发日报

5 个 实用 JS 解构用法；[推荐] Web 前端进阶之路：提升代码质量篇；前端面试-蘑菇街一面（凉经）；重新定义代理的扩展性：介绍 Envoy 和 Istio 中的 WebAssembly 应用；AngularJS Git提交规范；vue 父组件传值给子组件，子组件中修改数据，父组件获取最新的值；[推荐] 商业管理系统前端开发的效率提升；阿里前端攻城狮们写了一份前端面试题答案，请查收

1. 5 个 实用 JS 解构用法点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
2. [推荐] Web 前端进阶之路：提升代码质量篇 初级前端和高级前端有什么差别？在我看来，初级前端关注点在完成功能，高级前端能在完成功能的基础上，做的又好又快。做的好，就是代码质量高，做的快就是开发效率高。 本文讨论的主要内容是：提升代码质量的方法。 高质量的代码的重要性 高质量的代码体现在两个方面： 易于维护。 …
3. 前端面试-蘑菇街一面（凉经） 经历头一天的紧张打击，难免还是有点畏首畏，面试约的下午2点，等到1点半的时候面试管终于加了我qq准备视频面。因为头一天的面试，感觉自己对源码方面还掌握的不是很好，所以又着重看了源码，把思路理了一下。 开始面试 面试管很亲和，相互做了自我介绍后，就开始问了。（感觉心里平静了很多，逃~ 试题 1.你…
4. 重新定义代理的扩展性：介绍 Envoy 和 Istio 中的 WebAssembly 应用 翻译 Istio 官网 blog 文章，原文：https://istio.io/blog/2020/wasm-announce/。 翻译几天了，不过官网git提交有点问题，大家还在努力解决中，先发这里了。 自 2016 年使用 Envoy 以后，Istio 项目一直想提供一个平台，在此平台上可以构建丰富的扩展，以满足用户多样化的需求。有很多要向服务网格的数据平…
5. AngularJS Git提交规范 在给Github上开源项目做出Contribution的时候我们要遵循其所规定提交规范。如Redis、AngularJs等项目均有自己的Contribution约束。也有一些学习资料类的高星项目缺乏提交约束，此时我一般会遵循AngularJs的提交规范来PR，个人觉得这份规范具有很强的借鉴性，比较适合作为团队合作的规范，鉴于尚无中文版本，所以我打算翻…
6. vue 父组件传值给子组件，子组件中修改数据，父组件获取最新的值2.子组件通过 $emit方法发送子组件内部的数据给父组件，将需要传的值作为$emit的第二个参数，该值将作为实参传给响应自定义事件的方法
7. [推荐] 商业管理系统前端开发的效率提升 作者 | 杨康 本文着眼于业务开发，分享一种开发思维。 随着互联网不断发展，公司、部门、项目的规模越来越大，项目管理的复杂度也随之增高。提高内部管理效率，成为众多企业的强烈呼声。 CRM系统作为客户信息收集、管理、分析和利用的重要信息系统，提高开发和使用效率非常有必要。 …
8. 阿里前端攻城狮们写了一份前端面试题答案，请查收 话说一周前，我发了这样一条沸点： 于是我真的就建群收集了题目，和团队的同事一起写答案，我们也不图什么，就是想做一件有意义的事情，现在我整理了下我们的回答，有的不一定就是非常具体的回答，但也提供了思路和参考资料，大家看看是否还有什么补充的，或者面试时遇到的问题，也欢迎补充 一…
9. Web开发者须知：9个流行于GitHub上的存储库 GitHub网站上包含了目前所有与web开发相关的内容，提供一站式服务。这里有框架，有演示，包罗万象，可能没有什么是你找不到的。但这也是问题所在——其中有很多有趣的东西，但也许你永远不会知道，原因就在于GitHub上可用的存储库实在太多。 所以，小芯决定在此介绍一些GitHub上比较流行的存储库，其中每个存储库都…
10. 浏览器 & HTTP 缓存策略缓存策略 浏览器的缓存策略是依靠 HTTP Header 来实现的，共分为两种： 强缓存 协商缓存 强缓存 强缓存是指在缓存期间，请求不会发送到服务器，浏览器直接返回缓存结果，需要设置 Header： expires Cache-Control…
11. 前端开发：构建Web应用程序的前10个JavaScript框架 多年来，业界已经发布了大量 JavaScript 框架，怎样进行选择可能是一个挑战。如果你感到困惑，不知道应该选哪个或者究竟哪个适合你，那么我已经帮你解决了问题。在本文中，千锋广州前端小编将列出用来构建 Web 应用程序的前10个 JavaScript 框架。 10. Aurelia Aurelia 是一个开源的现代 JavaScript 模块工具箱…
12. GitHub 标星 11000+，阿里开源的微服务组件如何连续 10 年扛住双十一大促？导读：疫情期间，“卡”成了很多人线上体验的关键词。线上预约购买口罩时，突然不能付款了；在线选课，被提示请求过多，系统无法响应；在线办公/教学时，图像或声音卡住了……这些可用性下降的场景严重的影响了用户体…
13. ZooTeam 前端周刊｜第 74 期政采云前端小报第74期浏览更多往期小报，请访问： [链接] 性能提升三倍！优酷Node.js重构之路 在 2019 年，React SSR 第一次且成功地扛起双 11 重任，具有一定意义。 动图演示11个必备 VS Code 插件 动图演示11个…
14. Vue源码探秘（四）（实例挂载$mount） 引言 在上一篇文章的结尾，我们提到数据渲染到 DOM 的关键就是调用 vm.$mount 方法来挂载 vm 。这一步是在 _init 函数的结尾被调用的: // src/core/instance/init.js Vue.prototype._init = function (options?: Object) { // … if (vm.$options.el) { vm.$mount(vm.$options.el) } } 复制代码 本…
15. 从零到部署：用 Vue 和 Express 实现迷你全栈电商应用（二）我们在平时所用到的一些网站、App，它们会将我们的数据进行保存，当我们关闭这些网站或者 App 后，下次打开还能看到我们之前的一些文字、视频记录。在迷你全栈电商应用实战系列的第二篇教程中，我们将通过基于 No…
16. Vue开发中的实用技巧 假设我们有这么一个功能，后台返回图片的名称，前端需要自己拼接路径获取本地图片，假定这些资源是存在我们前端的 assets/images ，如果你采取传统的字符串拼接的方式： //template <img :src="’@/assets/images’ + imgUrl" alt=""> 复制代码 发现图片无法显示，打开控制台审查元素，发…
17. 三分钟快速搞定 Git 常规使用 git是什么？ git是一个免费且开源的分布式版本控制系统，可以快速高效地应用于从小型到大型的项目，其实就是一个高级一点的版本控制系统。 为什么要使用git 学一门技术之前，一定要弄清楚为什么要学，不能为了跟随潮流去被动学习。什么大家都在用了，要是我不会岂不是out了，这种想法too you…
18. 2020 年前端框架性能对比和评测 我们又来做这个对比了。这次是 2020 年的版本，还有之前的版本： 2019 年 、 2018 年 、 2017 年 。 先来明确一点——这篇文章绝对不是为了告诉你该选择哪个前端框架而写的。它只是一个小型而相对简单的评测，对比三个指标：以基本相同的应用程序为基础，评价不同框架制作出来的应用的性能、应用大小和代码行数。 记…
19. 使用 vscode-page 简化 vscode 插件的 Webview 开发 vscode 是时下最流行的开发工具之一，高逼格的 UI 和各种酷酷的插件，不仅提高了使用者的开发效率，还让他们的形象大为改善，不再是人们眼中的“死肥宅”。使用 vscode 很潮，但更潮的就是为它开发插件。作为今年的兴趣点，我也投身于 vscode 插件开发者大军之中。 vscode 的插件开发并不需要太高深的技术…
20. JS垃圾回收，这次可以看懂了（带图警告） 我们先抑后扬，Node不同于其他后端语言，Node在对系统的内存使用中， 只能使用到系统的部分内存 ，比如64位系统只能使用 1.4GB ，32位系统只能使用 0.7GB 。随之到来的问题是Node采用单线程，就导致每个线程无法对大的内存对象进行处理，比如将一个2GB的文件读入内存进行字符串分析处理，即使你有16G的物理内存。 V8…
21. TypeScript 装饰器整理及用例介绍 整理下TS装饰器(Decorator)的相关内容。 装饰器种类 装饰器工厂与组合使用 metadata reflecion API 开源库中的使用 下面使用的TypeScript版本为3.6.3 为何用装饰器 分离出通用的属性配置与函数功能 增强代码可读性 …
22. 从0到1搭建webpack+react全家桶（一） webpack简介 本质上， webpack 是一个现代 JavaScript 应用程序的 静态模块打包器(module bundler) 。当 webpack 处理应用程序时，它会递归地构建一个 依赖关系图(dependency graph) ，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle 。 初始化项目 创建一个文件夹名字叫my-r…
23. 前端首屏耗时测量方法 前端时空 前端网红集结号，传递一线全栈技术，带你穿越前端时空。 ❝ 在进行前端优化的时候，我们需要关注各种性能相关的指标，了解这些指标代表的含义才能更好地进行性能优化。 ❞ 重点需要关注的指标 DOMContentLoaded 指标：DOM 解析完毕…
24. 高级前端开发者必会的34道Vue面试题系列（一） ​前言 最近拿到一套高级前端的Vue面试题，从头往下看了一遍，居然大部分都是一知半解的，遂准备一道一道的认真学习总结，立志做一位Vue高级开发者！ 看一下你是否也对上面的34个问题一知半解，如果和我差不多的话就来一起学习吧！ 如何理解MVVM原理？ 提到MVVM，很多前端开发者都会想到Vue的双向绑定，然而…

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

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