20200313 前端开发日报

axios发起http请求的一些细节；手把手画出一份属于自己的JavaScript原型图；VUE 3.0 学习探索入门系列 – 回顾 vue2 辉煌一生（2）；一年半经验如何准备阿里巴巴 P6 前端面试；JS 中原生错误类型总结；VUE父子组件生命周期执行顺序?；Webpack4不求人(4)——编写自定义Loader；2019年度最常见的JavaScript面试题和答案

1. axios发起http请求的一些细节 今天和公司后台对接接口时，发生了一件很有意思的事情，他写了一个登录接口，我使用axios进行post请求，我传了用户名和密码过去，接口没有调用成功，后台看了日志后，说我没传参，然后发了一张他自己测试接口的成功截图。于是我就进入了找bug环节 接下来就跟大家分享下，我踩的这个坑，欢迎各位感兴趣的开发者阅读本…
2. 手把手画出一份属于自己的JavaScript原型图 简单明了 一图流 虽然看起来乱糟糟的，但其实顺着图中的关系一步步梳理起来其实真的是简单明了，实在看着费劲没关系 画图水平有限 ，咱们也一步一步来。 先明确几个概念： 原型 当对构造函数使用new语法实例化一个对象后，该对象下面有一个__proto__属性，该属性指向会指向该构造函数的p…
3. VUE 3.0 学习探索入门系列 – 回顾 vue2 辉煌一生（2） 1 Vue 数据一览 统计截止： 2020-03-10 vuejs/vue 项目 Github Stars： 159k ，排行 JavaScript 语言类 第2名 vuejs/vue 项目 尤大 自 2016年以来 commits 次数： 53w+ ，90% 代码出自他手，简直是劳模 vuejs 仓库总共有 108 个工程，生态完善 vuejs…
4. 一年半经验如何准备阿里巴巴 P6 前端面试首先，可能要让你们失望的是，这篇文章不会有大篇幅的面试题答案。如果想要看这方面的内容，我相信社区里已经有很多优秀的文章了。
5. JS 中原生错误类型总结小猪的从业时间并不长，四舍五入也就刚毕业（哈哈哈，永远 22 岁）。不过坦白说，之前在一些不同的地方，小猪时常见到一些明明可以给出更明确的错误类型，不过都不管三七二十一通通 throw new Error(“xxxx”) 或者…
6. VUE父子组件生命周期执行顺序?{代码…}
7. Webpack4不求人(4)——编写自定义Loader 在前面的内容中，我们学习了Webpack的基本知识、常用脚手架和性能优化，虽然说大部分的开发场景社区已经又成熟的模块给我们使用，但是遇到特殊情况还是需要自己有独立开发的能力，因此今天我们一起来学习如何编写自定义Loader。 基本Loader Webpack中loader是一个CommonJs风格的函数，接收输入的源码，通过同步或异步…
8. 2019年度最常见的JavaScript面试题和答案 2019年度已经过去了，2020年面试高峰期又来了。经过2019年的学习和面试经历，统计了下面一些最常见的面试题。 JavaScript 中的强制转型（coercion）是指什么？ 难度：简单 在 JavaScript 中，两种不同的内置类型间的转换被称为强制转型。强制转型在 JavaScript 中有两种形式：显式和隐式。 这是一个显式强制转型的例…
9. 怎么通俗的理解Promise promise 的意思是承诺，初学者是不是一脸懵逼，别急，这个还真的是这个意思，请允许我慢慢道来。 举个例子：张三是煎饼果子的一个摊主，他看了看自己的鸡蛋感觉撑不了两天，于是打电话给李四说：两天内给我送100个鸡蛋，到时候根据市场价给你钱，如果到时候没给我鸡蛋，我们就不再合作。这段话中，张三跟李四…
10. 初级前端知识点整合-ES6部分（持续更新中…）1.var let const的区别：·var声明变量可以重复声明，let不可以重复声明；·var是不受限于块级的，let是受限于块级的；·可以在var声明的变量前面访问，不可以在let声明变量之前访问；·var会与window相映射（挂一个…
11. 重新看前端模块化 入门学习的时候，知道了 function 的语法，声明一块代码片段(code snippet)，简单来说就是 代码复用 。 // index.js function a() { // 100 行逻辑 } function b() { // 100 行逻辑 } 复制代码 a、b 可以视为 2 个模块。如果模块越来越多的话，直接约定一些 js 文件即可。目录结构类似这样： |– modu…
12. 前端劝退预警：JavaScript 工具链不完全指南 经过这么多年的发展，JavaScript 早已经不是当年那个不太起眼的脚本语言。如今的 JavaScript 可以说是风光无限，在 Web 前端、移动端、服务端甚至物联网设备上都大展身手，到处都有它的身影。 在 JavaScript 语言日渐强大的同时，与其配套的开发工具也蓬勃发展。现在的 Web 前端项目，早已不是写几个 HTML 页面，加点 …
13. Vuex操作实录 统一整个vue需要不停交互的数据，在父子关系相对复杂的情况下，方便清晰的操作各类数据，而不需要反复的进行父子组件传值等操作，并清晰的可以看到各类数据的走向,为此使用vuex时有以下要点 关键提要 操作异步数据时，通过地 与后端交互时，如长列表，建议接口成功后让后端返回当前修改成功的单条数据对象，前…
14. 【小技巧】巧用CSS属性值正则匹配选择器属性值正则匹配选择器包括下面3种： [attr^=”val”] [attr$=”val”] [attr*=”val”] 这3种属性选择器是字符匹配，而非单词匹配。其中，尖角符号^、美元符号$以及星号*都是正则表达式中的特殊标识符，分别表示前匹配…
15. webpack 中实现自动识别 CSS Modules 编者按：本文作者奇舞团前端开发工程师彭体奎 背景 在 React 项目中使用 CSS 时，如果不使用 CSS in JS 的方案，一般会直接在 JS 文件中导入一个 CSS 文件，比如 import ‘./index.css’ ，但这样 CSS 会在全局作用域内都有效，所以我们会使用 CSS Modules 1 来解决作用域的问题，使用方法如下： import …
16. 适合你React项目的JavaScript测试工具，有哪些？ “信任是必须的，但核实也是必要的。” 里根总统带火的一个俄罗斯习语非常符合我们谈论测试和QA时的情境。 每个人都信任自己，每个程序员或开发人员都信任代码。但为什么我们不能“完全信任”他们呢? 因为在编程领域，即便是极小的一个错误也会造成很大很大的损失，这就是为什么我们要反复进行测试与验证的根本原因之…
17. html2canvas报'className' of object '#错的问题 因为项目需要用到生成海报的功能，所以立马想到了html2canvas的插件。但是很久没用了，有点忘记。 第一时间选择了npm i html2canvas 看着熟悉的安装界面，一切都向美好的方向发展。 但是当我按照文档 import html2canvas from ‘html2canvas’ html2canvas(document.querySelector("#capture")).then(c…
18. 记录JS常用数组操作方法 对数组中的每一个元素调用一种方法，不会改变原数组 exp: var arr = var num1 = arr.map( ( el,index )=>{ el = el*2 // arr还是 } ) 复制代码 2.forEach() 对数组中每一项元素调用一种方法，会改变原数组 exp: var ar…
19. 【JavaScript】（附面试题）关于面向对象较好的理解方式 关于面向对象，以前我写过几篇文章，一篇实现 new 运算符，两篇读书笔记，一篇面试题，如下： 【JavaScript系列】带你手写实现new运算符 【读书笔记】JavaScript面向对象精要（上） 【读书笔记】JavaScript面向对象精要（下） 【面试篇】几道面试题带你深入理解JavaScript面向对象 …
20. javascript关键的十大优化知识点【建议大忙人的你看看】 这两天有点感冒，不讲故事也不开车了，直接进入主题了。 以下，每一点对你的代码质量都会有所帮助，建议:+1:，方便日后翻看。 1.引用 script标签的优化 多数浏览器都是使用单一的进程来处理用户界面（UI）和JavaScript脚本执行，所以同一时刻只能做一件事，因此就会造成浏览器的堵塞状态，JavaScript脚…
21. Node.js 入门 —— 基于 egg.js 和 socket.io 的聊天小应用 初学 node 还是在实战中学的较快，本项目是基于 egg.js，用这个原因是使用 express 和 koa 做了个 blog 的应用，想尝试下 egg.js 而已…… server 端 首先使用脚手架直接生成项目 npm init egg –type=simple ，然后在 config 里的 plugin.js 配置需要的插件，这里需要这几个 cors: { enable: true, package…
22. 用 Web Speech API 和 Node.js 将语音转换成 emoji 原文： https://www.freecodecamp.org/news/speech-to-sentiment-with-chrome-and-nodejs/ 作者：Diogo Spínola 译者：Chengjun.L 校对者：Miya 你有没有构思过这样的项目啊 — 用 Node.js 来检查我们发的语音内容是积极的还是消极的？ 我之前收到  Grammarly 的 一封讨论语气检测的推广邮件，…
23. 工作不好找， 这 35 道React 面试题可以助你一波点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
24. 70个JavaScript面试题集锦，内含解答，自测 JS 掌握程度 1.undefined 和 null 有什么区别？ 在理解 undefined 和 null 之间的差异之前，我们先来看看它们的相似类。 它们属于 JavaScript 的 7 种基本类型。 let primitiveTypes = ; 它们是属于虚值，可以使用 Boolean(value) 或 !!value 将其转…
25. Webpack4不求人系列（4）——自定义Loader在前面的内容中，我们学习了Webpack的基本知识、常用脚手架和性能优化，虽然说大部分的开发场景社区已经又成熟的模块给我们使用，但是遇到特殊情况还是需要自己有独立开发的能力，因此今天我们一起来学习如何编写…

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

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