4.24 前端日报

给 「前端开发博客」 加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、webpack基本使用

npm install webpack webpack-cli webpack-dev-server -D 复制代码 1.基本配置 webpack.config.js 当在项目中直接运行webpack时，默认读取webpack.config.js中的配置，等同于运行 webpack webpack.config.js const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin') //自动生成...

https://juejin.im/post/5cbd89155188250a9062dbd1

2、前端小知识10点（2019.4.14）

1、React.PureComponent 与 React.Component 的区别React.PureComponent 与 React.Component 几乎完全相同，但 React.PureComponent 通过 prop 和 state 的浅对比来实现 shouldComponentUpate()React.Component：

https://segmentfault.com/a/1190000018949348

3、学习JavaScript中的“提升”

通过之前的文章，我们熟悉了作用域的基本概念。但是作用域中的变量，函数声明在什么地方查找，引用它们的时候又发生了什么。正是我们将要讨论的内容。在我们的认知中 JavaScript 代码在执行的时候是由上到下一行一行执行的。但实际上并不完全正确。例如：a = 1; var a; console.log(a); 复制代码 按照我...

https://juejin.im/post/5cb5efc9f265da03b4460890

4、web Audio 音频可视化

简单的录音功能已经实现了，在此基础上，实现下录音音频可视化。createAnalyser 创建 可视化主要用到的是这个 方法 ，他返回的是一个录音分析节点。在录音时，只需要将节点connect上，我们就能拿到频率数据。this.analyser = this.context.createAnalyser(); // 录音分析节点 this.analyser.fftSi...

http://www.zhuyuntao.cn/2019/04/22/web-audio-%E9%9F%B3%E9%A2%91%E5%8F%AF%E8%A7%86%E5%8C%96/

5、React的状态管理

在MVC程序构架中,React经常被称为 View 层,但实际上并不完全是这样, React实际对MVC模式做了新的构想. 本质上React只是借助JSX语法实现的UI界面库,但是UI都需要数据来填充,所以问题就是如何获取数据,如何灵活的展现数据. MVC的思想 MVC架构的基本思想: 模型层(Model)就是数据层. 视图层(View)负责整个应用...

https://juejin.im/post/5cbd94ade51d456e2f77f11e

6、你应该知道的JS: reduce的n种应用

reduce 是ES5中新引入的一个API。假如你还不知道reduce的用法，请先阅读下MDN文档中关于reduce的介绍。（不得不说，MDN文档太强大了，里面列举了很多有用的方法） 本文将介绍借助reduce函数，利用其 能够遍历到数组的每一个元素，并且次遍历都可以使用上次遍历结果 的特性，实现的一些功能。1.累和/...

https://juejin.im/post/5cbd7e085188250a8b7cf5c9

7、间歇性笔记–Vue组件间通信传值的各种方式

https://juejin.im/post/5cbbec856fb9a068736d3d64

8、10 个最受欢迎的 JavaScript 框架

多年来，业界已经发布了大量 JavaScript 框架，怎样进行选择可能是一个挑战。如果你感到困惑，不知道应该选哪个或者究竟哪个适合你，那么我已经帮你解决了问题。在本文中，我将列出用来构建 Web 应用程序的前10个...

https://segmentfault.com/a/1190000018939797

9、JavaScript中十种一步拷贝数组的方法

JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些方式能够来实现呢，我们不妨来梳理一下。

https://segmentfault.com/a/1190000018947028

10、Vue源码学习: 关于对Array的数据侦听

我们都知道Vue的响应式是通过Object.defineProperty来进行数据劫持。但是那是针对Object类型可以实现, 如果是数组呢? 通过set/get方式是不行的。但是Vue作者使用了一个方式来实现Array类型的监测: 拦截器。核心思想 通过创建一个拦截器来覆盖数组本身的原型对象Array.prototype。拦截器 通过查看Vue源码路...

https://juejin.im/post/5cbc92906fb9a068890f3029

11、掘金小册全网八折

热门前端掘金小册，全网八折：前端面试之道、Vue组件精讲、使用WebPack定制前端开发环境。

http://caibaojian.com/goods

12、GitChat教程：前端开发核心知识进阶

50课时，从务实基础到突破瓶颈，大量优秀案例，面试考点切入，注重底层原理。

http://t.cn/EaKWbVq

喜欢这篇文章的朋友
欢迎分享到朋友圈 或者技术交流群
关注「前端开发博客」加星标，不错过每日热文

每日更新 ???? 关注不迷路！