• react hooks中debounce无效的解决
    落雁沙
    在react hooks写法中,在监听状态变化的时候,触发函数执行,由于需要减少性能消耗,使用了消抖函数。但是,结果是虽然实现了延迟,但是并没有实现消抖,所有的调用都执行了。 这里 我们监听下watchAll 这个状态的变化。 useEffect(()=>{ handleValuesChange(values); }, [watchAll]); 此时的消抖函数是直接使用的 const handleValuesChange = _.debounce((values)=>{     console.log(values) },1000); 由效果可见,所有的函数调用都被执行了,这个不是我们要的...
    •  1
    •  0
    •  2020-11-08
  • 实践arthas-spring-boot-starter
    ronaltn
    背景 在SpringBoot 2应用中加入arthas-spring-boot-starter后,spring会启动arthas,并且attach自身进程,并配合tunnel server实现远程管理。这样的方案非常适合在微服务容器环境中进行远程诊断,在容器网络环境中仅需要对外暴露tunnel server的端口。 环境 JDK 1.8(arthas只能运行在JDK环境,JRE不支持) SpringBoot 2.2.5.RELEASE SpringCloud Hoxton.SR3 SpringCloudAlibaba 2.2.1.RELEASE arthas-spring-boot-start...
    •  1
    •  3
    •  2020-11-08
  • Vuex数据更新,页面不渲染问题
    zhyim
    问题场景: 小程序自定义tabbar中的数据为数组,在vuex中保存,因为消息页有新消息时,需要红点提示,原始版本如下: state:{     tabList:[...] } setTabbar(state, value){     state.tabList[0].isDot = true } 这个时候调用setTabbar,打印出来isDot确实变成true了,但是页面上就是不变 查阅文档发现,数组中的object对象不能直接赋值,需要Vue.set进行赋值,赋值完成页面才能及时渲染 修改后的代码如下: import Vue from 'vue' state:{     tabList...
    •  0
    •  3
    •  2020-11-05
  • vue启动时的一些问题和解决办法
    Taurus
    今天在做vue和springboot的项目的时候,使用命令npm run dev 会出现如下的错误: 百度完说是需要安装vue-loader,但是安装完之后还会报如下的错: 最后找到大佬解决了这个问题,是因为发现BrowserslistError版本有冲突. 解决办法:打开项目根目录的package.json,删除下面配置: "browserslist": [ ">0.2%", "not dead", "not ie <= 11", "not op_mini all" ] 删除后重启项目即可。 也算是记录一下这个小问题,以后也有初学者出现这个问题可以参考一下。
    •  0
    •  2
    •  2020-11-04
  • tinymce如何固定toolbar到指定的element
    落雁沙
    找了一圈,最后还是发现tinymce比较好用。但是要实现我想要的样式,还是不太好弄。比如这种 根据效果图可以看出,这里的toolbar是固定在顶部的,与tinymce的编辑区域是独立的。要实现这个效果还不算复杂,官方文档有介绍,利用两个配置就可以实现 inline: true, fixed_toolbar_container: '#myToolbar', inline这个配置,可以指定不用Iframe来渲染。配合fixed_toolbar_container 可以让toolbar渲染在指定位置。但是有个很坑的点,就是在首次加载的时候,toolbar是不展示的,必须要focus才会显示。 解决...
    •  1
    •  0
    •  2020-11-02
  • PageHelper分页插件的使用
    Taurus
    这两天在学习项目的时候,发现有一个开源的mybatis分页插件,通过该插件可以很简单的实现分页查询的功能。大概总结了一下步骤。 1.首先在pom.xml中添加: <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.1.2</version> </dependency> PageHelper除了本身的jar包外,它还依赖了一个叫jsqlparser的jar包,使用时,我们不需要单独指定jsqlparser的maven依赖,maven的间接依赖会帮...
    •  0
    •  0
    •  2020-11-02
  • electron项目中打包之后puppeteer无法启动browser的解决
    落雁沙
    在electron项目中,使用puppeteer作为爬虫框架,开发过程中正常,但是打包之后,出现如下错误 Unable to launch browser, error message: spawn ENOTDIR undefined 主要原因是因为,electron默认打包是经过asar加密的,这个时候去启动node_modules下的pupppeteer/.local-chromium失败。所以,最简单粗暴的办法就是不去进行asar加密。   "build": {     "asar": false,     "extends": null,     "files": [       "b...
    •  0
    •  0
    •  2020-10-31
  • electron与typeorm使用时遇到的问题
    落雁沙
    在electron开发客户端的时候,使用typeorm作为数据库处理框架。在开发的时候,是没有问题的 ,但是打包之后,运行会出现如下错误 No repository for "xxx" was found. Looks like this entity is not registered in current "default" connection 原因是,开发环境是使用ormconfig.json作为typeorm配置文件的,配置如下 {   "type": "mysql",   "synchronize": true,   "logging": true,   "host": "xxx....
    •  0
    •  0
    •  2020-10-31
  • IDEA 2018版的一个bug
    谦逊的小金
    今天在项目中引用okhttp的包时,遇到了一个问题,就是在类里,我无论如何都引用不到okhttp的类 根据插件帮助,发现了jar包冲突的问题。。。 然后就是解决冲突了,,经过1个小时,没解决 也想不通为什么会冲突,仔细看了看,这个jar包 好像是kotlin有关,于是狠狠心 把kotlin插件关掉 就好了。。项目也正常了,不过插件仍然提示我有冲突,,治标不治本,一怒之下 更新到了2020版的idea 结果,。他就好了!!! 。。。 应该是2018款的idea对kotlin支持有问题。。猜的
    •  0
    •  0
    •  2020-10-31
  • React组件的生命周期
    Taurus
    React组件的生命周期可以分为三个状态: 1.Mounting: 已插入真实 DOM 2.Updating: 正在被重新渲染 3.Unmounting: 已移出真实 DOM 生命周期的方法分别有: 1. componentWillMount:在渲染前调用,即在客户端也在服务端。 2. componentDidMount:组件第一次渲染完成,此时DOM 节点已经生成,可以在这里调用ajax请求,返回数据setState后组件会重新渲染 3. componentWillReceiveProps:在组件接收到一个新的prop时被调用,在接受父组件改变后的props需要重新渲染组件时用的比较多。 4...
    •  0
    •  3
    •  2020-10-27