夜近天溟-CSDN博客

原创 React Hooks Error: Hooks can only be called inside the body of a function component

通过npm link调试React Hook的组件的坑。npm有个npm link 命令，可以让我们不需要每次都发布npm包就可以进行本地调试，但是当我们引用的本地npm包里有使用React Hook的组件，那么基本就会出现多个react副本的报错；解决方法不好找，但也很简单，就是在父级项目的（注意，不是被link的npm包）webpack.config.js里添加下面的别名： resolve: { alias: { 'react': path.resolve

2020-11-06 17:19:24 3483

原创记录一下以前不知道的JavaScript的坑

记录一下以前不知道的JavaScript的坑函数也有length属性，并且length属性的值是其可接受形参的数量

2020-03-21 20:46:13 177

原创 JavaScript事件循环

JavaScript事件循环Event Loop—浏览器端到底宏任务跟微任务哪个先执行？这里直接给出结论：JavaScript的事件循环中，宏任务比微任务先执行这与我一直以来对这两个任务的执行顺序概念也是截然相反的，o(╥﹏╥)o那么让我来回想一下为什么我会一直觉得微任务会比宏任务先执行呢？首先应该是这道经常在各个文章上看到的面试题：async function async1(){...

2020-03-20 18:01:05 178

原创 RegExp.$1 哪来的值?

RegExp 是javascript中的一个内置对象。为正则表达式。RegExp.$1是RegExp的一个属性,指的是与正则表达式匹配的第一个子匹配(以括号为标志)字符串，以此类推，RegExp.$2，RegExp.$3，..RegExp.$99总共可以有99个匹配如果你直接在控制台打印RegExp, 出现的一定是一个空字符串: ""。那么, 我们在什么时候可以使用RegExp.$1呢?...

2019-10-08 14:55:11 15879

原创 React使用children渲染子组件方法

在Vue里, 渲染子组件可以使用slot插槽, 不仅能指定子组件渲染位置, 还能通过指定name属性来有选择地渲染, 但是在React里就没有这种组件了。当然, React也不是没有办法实现slot组件的功能, 通常就是用 this.props.children这个属性:class Parent extends Component { render() { ...

2019-09-30 14:38:02 4676

原创 redux+react-redux+redux-thunk构建react的状态管理器

本文是学习redux时的一些感悟以及对流程的记录, 包含redux的同步及异步处理。这里就不对redux和react-redux作过多的介绍了。直接结合代码来解释一些遇到的问题和理解。1.目录结构该目录是基于create-react-app生成的项目, 添加了redux文件夹存放redux的处理逻辑├── README.md├── package.json├── pub...

2019-09-27 17:18:07 622

原创 vue 监听子组件的生命周期

今天在看一些公众号里分享的vue相关知识时, 看到了一个有趣的问题, 就是如何监听子组件的生命周期, 作者介绍了两种方法。第一种方法是最普通的, 也是每个会vue的开发者都能想到的, 那就是在子组件的生命周期函数中通过$emit 给父组件传递一个事件, 然后再父组件接收:// Parent.vue<Children @mounted='doSomething'></...

2019-09-19 11:22:09 759 3

原创 react-router-dom 路由切换页面跳转到顶部

问题描述: 在react里使用路由跳转页面的时候, 如果页面不是在顶部, 那么在跳转完成以后, 页面是不会自动跳到顶部的。如果用过Vue的朋友应该知道, Vue的Vue-router是有一个配置项, 可以监听路由跳转, 然后对滚动条做出自定义操作的:new Router({ scrollBehavior: ()=>({y:0}), // 用箭头函数返回一个对象, x表示...

2019-09-12 13:58:24 3176

原创 react 使用css module踩坑记录

根据react的webpack配置:如果要开启css module, 那么就在新建样式时加.module即:mystyle.module.css或mystyle.module.scss如果没有加.module, 那么就是使用不开启css module的配置...

2019-09-12 11:31:37 1710

原创基础css动画制作鼠标移入效果

这是我的第一篇文章, 算是比较基础的css效果, 如果有什么写的不好的, 希望能让各位大佬给点意见或建议. 这是一个鼠标移入的显示效果, 效果图如下:一. 首先是布局: 我们使用无序列表(当然,一般在ul之外都会套一层div包裹住), 然后里面放图片(使用img标签)和遮罩(使用div标签), 具体如下:接下来是css样式: 首先, 我们直接把全...

2018-06-09 18:55:02 4204