忠爱前端

上面代码是常用prerender-spa-plugin的配置，staticDir预渲染输出的文件地址，routes要做预渲染的路由，minify压缩相关的配置，render...

这样在每次执行的时候，就能够通过闭包的形式 来保存 value。 不过这个还是不符合 react 中的 useState。因为在实际操作中会出现多次调用，如下。 因此当重新...

2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter...

接触react后，在项目开发过程当中，发现setState的是异步方法，需要在回调函数中才能获得真正的值。 查阅相关文章后，才得知，并非如此。另外两种setState同步的...

redux 的核心思想为：将需要修改的 state 都存入到 store 里，发起一个 action 用来描述发生了什么，用 reducers 描述 action 如何改变...

在这篇文章里，我们来探索下 React Hooks 的常见问题，以及怎么来避免这些问题。 React Hooks 是在 2018年10月提出 ，并且在2019年2月 发布 ...

JavaScript是前端开发中非常重要的一门语言，浏览器是他主要运行的地方。JavaScript是一个非常有意思的语言，但是他有很多一些概念，大家经常都会忽略。比如说，原...

在使用了flexible的布局方案后，部分安卓手机会出现10rem不能填充满整个页面宽度的情况，或小于页面宽度，或大于页面宽度。笔者在vivo x21上发现10rem小于页...

前言我们知道，ReactFiber是Reactv16中新的reconciliation引擎，是React团队用时2年对StackReconciler版本的核心算法进行的重写...

看到这里似乎完成了一个简单的 XSS 攻击。执行一下，发现什么都没有发生 😂。事实上，内建的安全机制已经将传入的 DOM 进行了解析并执行。这里我查阅了一下文档，里面有这...

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步...

本文针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。 1. 实现一个call函数 2. 实现一个apply函数 3...

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合...

众所周知，在ES6之前，前端是不存在类的语法糖，所以不能像其他语言一样用extends关键字就搞定继承关系，需要一些额外的方法来实现继承。下面就介绍一些常用的方法，红宝书已...

2018年，变动的一年，随着P2P的雷声不断轰鸣，各企业纷纷开始裁员过冬，“开猿节流”一词正式被创造，很不幸，笔者所在的金融公司也不得不进入“冬眠”，而我也在农历新年前变成...

阿里推出的基于 Lottie 的动效设计平台 ─ 犸良。能够快速生成设计师想要的动态效果，并交付给开发，极大地提高了设计效率和设计还原度。支持 iOS、Android、We...

2018，工作快两年了，趁着春招的尾巴，面了几个大厂，现记录下这次的面试路程。 去美团面试时，在路上问路正好问到美团的同学，美女人很友好，直接带我上去了，哈哈。 此时我因为...

双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者...

查看所有文档页面：全栈开发，获取更多信息。 原文链接：webpack原理，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。 在了解 Webpack 原理前，需要...