文章
问答
冒泡
  • React动态创建ref
    import React from 'react' import './index.css' const ScrollTest = () => { const refs = []; //HTMLDivElement const data = [1, 2, 3, 4, 5, 6, 7]; return ( <div className='root'> {data.map((item, index) => { return <div key={index} ref={(r) => {refs.push(r)}}>{item}</div> ...
  • React中,点击按钮页面滚动到指定的位置
    import React from 'react' import './index.css' const ScrollTest = () => { const myRef1 = React.useRef(); const myRef2 = React.useRef(); const myRef3 = React.useRef(); const myRef4 = React.useRef(); const myRef5 = React.useRef(); const myRef6 = React.useRef(); const myRef7 = React.useR...
  • border
    <html> <header></header> <style> body{ display: flex; align-items: flex-start; justify-content: center; } #a{ width: 50px; border-style: solid; border-width: 50px; border-color: transparent transparent red transparent; position: relativ...
  • 常见的伪元素
    <html> <header></header> <style> .A{ width: 600px; height: 300px; border: 1px solid red; margin: 20px; padding: 10px 40px; } li{ border: 1px solid green; margin-bottom: 12px; padding: 12px 24px; } li::before{ content: '::b...
  • ReactChartJS-2 + ChartJS实现极地图
    import React from 'react'; import { PolarArea } from 'react-chartjs-2'; import { Chart, registerables } from 'chart.js'; Chart.register(...registerables); //注册极地图 const PolarChart = () => { const data = { labels: ['A', 'M', 'H', 'C'], datasets: [ { data: [1, 1, 1, 1], ...
  • 解决Mybatis-plus 多租户插件和PageHelper冲突的问题
    之前在老项目上使用了mybatis-plus的多租户插件改造老项目,觉得还是挺好用的,但是最近做业务适配的时候遇到了一个问题,就是@InterceptorIgnore(tenantLine = "true") 在pageHelper开启分页的方法上无效,网上随意找了找,都是千篇一律的提了一嘴,并没有说解决方案,于是记录下自己解决的过程. 1.现象 在使用@InterceptorIgnore(tenantLine = "true") 修饰被pageHelper开启分页的方法时,发现正常sql可以不添加租户ID条件,而pageHelper生成的代理count方法却依然添加了租户ID条件. ...
  • 四、Flink Windows
    Window窗口概述 窗口即是无界流 ==>有界流的一种转换,它会按固定的大小将流数据分发到有限大小的桶(bucket)中进行分析。 窗口可以按指定的key进行开窗(对应的流称为键控流(keyed streams)),也可以不指定key(全部的数据)进行开窗(对应的流称为非键控流(non-keyed streams))。 对于键控流,允许多个任务并行的执行计算,同一个键的数据会被发送到同一个并行任务中进行处理。 对于非键控流,原始流不会被分割,所有窗口逻辑由单个任务执行,即并行度为1。 // Keyed Windows stream .keyBy(...) ...
  • gRPC框架初体验之Python版本
    创建python项目 项目名:grpc-demo 创建proto文件 1)在项目下创建文件夹:protos 2)在protos目录下创建helloworld.proto,内容如下: syntax = "proto3"; option java_multiple_files = true; option java_package = "io.grpc.examples.helloworld"; option java_outer_classname = "HelloWorldProto"; option objc_class_prefix = "HLW"; package helloworl...
  • 三、Flink DataStream Transforms(数据流转换算子)
    概述 Map DataStream → DataStream 接收一个元素,并产生一个元素。 dataStream.map { x => x * 2 } //1. map,把String转换成对应长度输出 DataStream<Integer> mapStream = dataStream.map(new MapFunction<String, Integer>() { @Override public Integer map(String s) throws Exception { return s.length(); } }); FlatMap Da...
  • gRPC服务端流式RPC基于C++的应用
    场景说明 我的应用场景是平台(Java编写)需要往上位机(C++编写)发送数据的上报频率,也就是订阅一个属性的变化,所以使用了gRPC服务端流式RPC来做。 案例相关代码 服务定义 XXXX.proto service XXXX{ rpc SubscribeProperty (SubscribePropertyRequest) returns (stream SubscribePropertyReply) {} message SubscribePropertyRequest { string name = 1; } message Subs...
  • © 2015-2022 苏州墨焱网络科技有限公司
  • 苏ICP备14018695号-2
  • 公安 苏公网安备 32059002002453号