月亮出来了

摘要： 使用：flat(n) 其中n如果没写默认1 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] 如果不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数。 [1, [2, [3]]].flat(Infinity) // [1, 2, 3] 更多请查看：ht 阅读全文

摘要： 前言：相信许多人应该踩过这个坑，使用数组splice方法删除时候，然后通过setState更新数组，setState不工作。打印原数组已经删除了某一项，页面数据却不变。 1、错误实例 removeEntities = (entities) => { const { arr } = this.stat 阅读全文

摘要： 前言：碰到一个需求，效果实现一个该范围不同点数的圆环比例以及总数。比例按照对应的区域内不同内容的数量实现比例圆环比例。 查看高德api只有点聚合效果，我们可以根据他的基础api来增加实现更高级的效果改造。 先上效果图 1、最低层级时候效果：（这里就是打点而已） 2、缩放时候：（这时候将红色和蓝色圆环 阅读全文

摘要： 前言：在实际开发项目的时候我们可能会经常碰到多层组件传值的情况，就是父组件的值传递给子组件。子组件再传递给下面的子组件，再传递给下面的子组件.......可能会遇到这个情况。 然而这个值，可能会只在最后的子组件使用到，那么这个时候使用createContext简直就是无敌的存在。 超级简单又方便，因 阅读全文

摘要： 打开package.json然后在scripts处新增start作为启动命令。 原理：node的npm启动会找到package.json文件，vue-cli启动项目是命令 vue-cli-service serve 我们让npm根据这个start命令来运行。 以后启动只要点击这个start既可以，不 阅读全文

摘要： 当你看到这篇文章的时候，猜测你碰到的问题是： 'xxx' is defined but never used 首先解答下通过vue-cli创建项目为什么找不到.eslintrc.js文件。 因为：你在创建时候选择的是 默认的包含了基本的 Babel + ESLint 设置的 preset，他的配置其 阅读全文

摘要： hooks在写hook组件的时候才有 父组件用useEffect的第二个参数来控制组件是否需要更新。写法： useEffect(()=>{ // 只要参数变化我就变化做该做的事 function(){ console.log("敌动我不动，敌动我就跟着动") } },[ 我是一个参数]) 这里主要介 阅读全文

摘要： 前言：hook相当于没有生命周期概念，但是可以用useEffect来监听路由，当点击浏览器的前进后退时候去监听路由变化切换对应高亮菜单。 看下下面这个代码： useEffect( () => { //这里等于 componentDidMonunt 和 componentDidUpdate retur 阅读全文

摘要： 4.23 --我现在使用的现成的框架已经相对完美了，为了加深理解，自己想搞一套本来想搭建一个最原生的react框架，但是最近开始忙活了，先给下简单的webpack配置说明给大家看看，参考。（后续有时间补上完整的项目） 说下要考虑到的需求： 使用ES6语言 使用React框架 自动生成HTML web 阅读全文

摘要： 在react项目中，用到的redux是 react-redux依赖包。通过使用高阶函数connect来连接组件，第一个参数是namespace里面唯一的state，第二个是action动作的标识。 最开始时候我一般都是用dvajs来写数据流，没学过的可以看下https://dvajs.com/ 非常 阅读全文