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前端日报 订阅精彩文章

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

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