2020年5月26日
websocket 参考代码
网上找的websocket的前期参考代码，存一份，侵删 import {Injectable} from '@angular/core'; import {interval, Subject} from 'rxjs'; /** * websocket服务 * @author LiQun * @dat Read More
posted @ 2020-05-26 16:30 第一神坑 Views(836) Comments(0) Diggs(0)
bizcharts内部的canvas在页面中的布局位置
// 先计算出外框的宽高，传入内部的Chart部分，由于我的card中还有其他的内容，所以Charts的 forceFit 要设置成false（图表的宽度自适应开关，默认为 false，设置为 true 时表示自动取 dom（实例容器）的宽度） // padding 设置图表内边距 <Card cu Read More
posted @ 2020-05-26 16:28 第一神坑 Views(632) Comments(0) Diggs(0)
前端代码与node代码组合启动 concurrently
vue-demo 中的 package.json 中 scripts "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "start": "npm run serve" }, node-s Read More
posted @ 2020-05-26 16:24 第一神坑 Views(540) Comments(0) Diggs(0)
2020年5月8日
mapStateToProps 子组件间相互影响
大页面中放置九个子组件，子组件有状态，每个子组件都有调用接口，由于业务需要每个子组件需要一个定时器来控制一个tooltip的轮播展示，对于A子组件内部有个 antd 的 Radio.Group 的点击时的onChange事件重新调用后台接口，但是会对B子组件内的tooltip和定时器有影响 原因：框 Read More
posted @ 2020-05-08 14:55 第一神坑 Views(489) Comments(0) Diggs(0)
2020年4月7日
模块自定义滚动
代码写的比较匆忙，后续优化 // state state: { responseData: [], chartStyle: { // 父组件相关的宽高 width: 0, height: 0, } yScrollStatus: 'stop', yScrollTop1: 0, // container Read More
posted @ 2020-04-07 14:12 第一神坑 Views(205) Comments(0) Diggs(0)
2020年2月18日
npm install -g create-react-app MacOS 报错解决
macOS 安装create-react-app报错解决： sudo npm uninstall -g create-react-app //删除之前对镜像 npm config set registry https://registry.npm.taobao.org // 安装还是不成功直接切换成 Read More
posted @ 2020-02-18 11:16 第一神坑 Views(1792) Comments(0) Diggs(0)
angular图标集的注册
material图标集允许把多个图标分组到一个单一的 SVG 文件中。它可以通过创建一个单根 <svg> 标记来完成，该标记在其 <defs> 部分包含多个内嵌的 <svg> 标记。 每个内嵌标记都带有一个 id 属性，该属性就会用作图标的名字。 图标集使用 MatIconRegistry 的 ad Read More
posted @ 2020-02-18 10:49 第一神坑 Views(515) Comments(0) Diggs(0)
ng-content
ng-content组件化 select属性，指定什么可以在这个指令上显示 select属性支持css选择器，如:"#id",".class","[name=value]"等 <ng-content select=".myclass"></ng-content> Read More
posted @ 2020-02-18 10:46 第一神坑 Views(467) Comments(0) Diggs(0)
2020年2月15日
react setState
setState在正常情况下都是异步的更新数据，这样会导致 onClickHandler(){ this.setState({count : this.state.count ++; }); console.log(this.state.count) } setState 更新了state的数据但是 Read More
posted @ 2020-02-15 17:22 第一神坑 Views(486) Comments(0) Diggs(0)
2020年1月9日
区分页面刷新和关闭事件
页面刷新时先执行 onbeforeunload 然后执行 onunload 页面关闭时只执行 onunload 页面加载时只执行onload 区分：onbeforeunload 中设置标志位，在 onunload 中判断这个标志位是否存在 window.onbeforeunload = _ =>{ Read More
posted @ 2020-01-09 18:48 第一神坑 Views(1367) Comments(3) Diggs(0)