一、Vue中引入raphael.js

  npm install --save raphael

二、组件component中新建，下面为代码

<template>

<div id=”map”></div>

</templete>

<script>

import Raphael from 'raphael';

export default {

name: 'china_map',

data(){

return{

china: []

}

},

mounted(){

varR = Raphael("map", 1000, 700); //设置地图宽高

R.setViewBox(0,0,600,500);

//调用绘制地图方法

this.paintMap(R);

vartextAttr ={

"fill": "#FFF",

"font-size": "8px",

"cursor": "pointer",

};//地图文字样式

var_china=this.china;

for(varstatein_china) {

this.china[state]['path'].color=Raphael.getColor(0.9); //填充颜色透明度

((st, state) => {

//获取当前图形的中心坐标

varxx=st.getBBox().x+ (st.getBBox().width/2);

varyy=st.getBBox().y+ (st.getBBox().height/2);

//***修改部分地图文字偏移坐标

switch (this.china[state]['name']) {

case"西湖区":

xx-=7; //中心坐标左右偏

yy-=10; //中心坐标上下偏

break;

case"萧山区":

xx-=5;

yy-=15;

break;

case"滨江区":

xx+=5;

yy+=3;

break;

case"拱墅区":

xx-=5;

yy-=3;

break;

case"下城区":

xx+=5;

yy-=3;

break;

default:

}

//写入文字

this.china[state]['text'] =R.text(xx, yy, this.china[state]['name']).attr(textAttr); //区名称写入

this.china[state]['text'][0].onmouseover=function (){ //鼠标在文字上面样式

st.animate({fill: st.color , stroke: "green",}, 500);//鼠标在上面样式，fill是填充颜色，stroke是描边

st.attr('transform','S1.5,1.5').toFront(); //鼠标在上面放大

_china[state]['text'].toFront(); //字体在最上面 toFront()是显示在最上

_china[state]['text'].attr('font-size','12px');

};

this.china[state]['text'][0].onmouseout=function (){ //鼠标移出文字样式

st.animate({fill: "#97d6f5", stroke: "yellow"}, 500);//鼠标移出样式，fill是填充颜色，stroke是描边

_china[state]['text'].toFront();

st.attr('transform','S1,1')  //鼠标移出缩小

_china[state]['text'].attr('font-size','8px');

}

this.china[state]['text'][0].onclick=function () {

console.log(_china[state]['name']);    //文字点击事件

alert(_china[state]['name']);

};

st[0].onmouseover=function () {  //鼠标在上面

st.animate({fill: st.color , stroke: "green",}, 500);//鼠标在上面样式，fill是填充颜色，stroke是描边

st.attr('transform','S1.5,1.5').toFront(); //鼠标在上面放大

_china[state]['text'].toFront(); //字体在最上面 toFront()是显示在最上

_china[state]['text'].attr('font-size','12px');

};

st[0].onmouseout=function () { //鼠标移出

st.animate({fill: "#97d6f5", stroke: "yellow"}, 500);//鼠标移出样式，fill是填充颜色，stroke是描边

_china[state]['text'].toFront();

st.attr('transform','S1,1')  //鼠标移出缩小

_china[state]['text'].attr('font-size','8px');

};

st[0].onclick=function () {

console.log(_china[state]['name']);    //地图点击事件

alert(_china[state]['name']);

};

})(this.china[state]['path'], state);

}

}

methods: {

paintMap (R) {

varattr= {  //attr是样式，在path后面加入

"fill": "0-#187FC3-#194F73", //区地图颜色渐变色

"stroke": "",  //区地图描边颜色

"stroke-width": 0, //区地图描边宽度

"stroke-linejoin": "round",

"cursor": "pointer"

};

this.china.shangcheng= {

name: "上城区",//区名称

path: R.path("M429 164C429 164 431 171 426 173L425 174L418 182L419186L425 188L432 184L443 179L450 179L458 169L456 168L455 167L455 166L456 165L456164L456 163L452 157L449 159L439 163L432 164L430 164L429 164Z").attr(attr) //区svg地图路径

}

this.china.xiacheng= {

name: "下城区",

path: R.path("M459 108L459.0399 108L465 108L468 110L469 112L470 114C470114 471 116 471 118L471 119L473 122L474 123L474 127L474 129L473 130L473 131C473131 471 131 470 131L469 131L468 132L467 133L467 134L467 135L467 137L463 146L457148L454 148L453 148L452 150L450 155L450 156L439 162L430 163L427 151L431 151L439140L440 135L443 131L451 124L457 122L456 116L458 110L459 108Z").attr(attr)

};

this.china.jianggan= {

name: "江干区",

path: R.path("M503 105L501 107L496 107L494 112L497 114C497 114 487 121483 121L482 124C482 124 477 127 476 127L475 128L475 129L474 132L469 133L469137L465 147L456 150L455 150L454 150L451 154L456 161L457 163L457 165L457 166C457166 456 168 460 168C460 168 465 166 467 168L470 170L471 170L471 165L472 163C472163 475 161 478 161C478 161 480 159 485 159L491 155L494 155L498 156L505 156C505156 510 157 510 148L514 141C514 141 515 140 514 137L512 132L514 130L515 129C515129 514 125 516 123L518 119C518 119 525 115 526 115C526 115 526 113 525 112C525112 523 109 521 110L509 108C509 108 506 107 504 106L503 105Z").attr(attr)

};

this.china.gongshu= {

name: "拱墅区",

path: R.path("M438 135L438.04 135L438 136L439 137L439 138L438 139L437141L435 143L433 146L431 149L426 149L421 142L420 140L419 138L418 137L417 131L414127L413 126L414 124L414 123L419 122L423 122L425 121L426 121L428 121L430 120L432120L438 121L442 116L445 116L445 115L445 113L446 112L449 112L451 113L454 113L455113L455 117L456 120L456 121L451 122L444 128L438 135Z").attr(attr)

};

this.china.xihu= {

name: "西湖区",

path: R.path("M413 128L416 133L419 143C419 143 435 164 424 173C414 182416 182 416 182L417 188L424 190L427 195C427 195 431 198 436 198L441 203L443204L443 206L443 208L441 209L433 212L431 213L425 212C425 212 414 218 408 213L401198L405 187L406 182L404 178L400 177L399 177L396 167L396 164L397 161C397 161 399159 399 157L401 156C401 156 409 144 407 142C407 142 407 139 406 139L405 138L407136L412 129L413 128Z").attr(attr)

};

this.china.binjiang= {

name: "滨江区",

path: R.path("M464 169L461 169C461 169 460 169 459 170L450 181L443181L431 186L426 190L427 192L428 193L430 195L433 195L438 198L441 202L442 203L444203L448 205C448 205 451 206 452 204L454 202L457 200L460 202L465 203L468 202L468197L470 194L471 192L471 189L471 184L471 180L471 173L466 170L464 169Z").attr(attr)

};

this.china.xiaoshan= {

name: "萧山区",

path: R.path("M517 130L515 132C515 132 513 133 516 135C516 135 516 138517 139L517 140C517 140 513 148 512 151C511 155 512 158 508 158C504 158 502 158500 159C500 159 496 158 494 157C492 155 492 158 488 159C488 159 485 160 484161C484 161 482 162 479 162L476 163L473 165C473 165 473 172 472 173C471 174 472192 472 192C472 192 472 194 469 197C469 197 470 202 469 203C469 204 466 205 466205C466 205 457 203 456 202C456 202 451 207 450 207C450 207 446 206 445 206C445207 446 207 444 213L444 215C444 215 445 218 444 220C444 221 445 221 445 221C445221 443 228 440 229L440 235C440 235 435 238 437 241C438 245 437 244 436 247C436247 432 255 433 256L439 267C439 267 441 268 443 265L446 262C446 262 449 260 449256C449 256 450 252 451 252L454 249C454 249 456 248 457 251C457 251 459 252 461249C461 249 463 247 463 244C463 244 464 242 467 244C467 244 468 243 468 242C468242 471 241 472 244C472 244 475 246 477 245C477 245 480 243 480 248C480 248 482252 484 248C486 245 489 246 489 247C489 247 493 249 495 243L502 233C503 233 504234 504 234L505 233C505 233 500 220 497 219C497 219 495 216 498 215C498 215 500207 495 202C495 202 492 201 490 203C490 203 486 203 489 199C489 199 491 197 490195C490 195 491 191 494 196C494 196 497 198 499 192C499 192 507 182 514 195C514195 514 196 515 195C516 193 517 192 517 192C517 192 518 191 519 195C519 195 524197 525 192C527 188 528 189 528 189C528 189 529 189 529 185C529 181 536 183 538186C540 188 546 188 546 187C546 187 552 188 552 190C552 190 560 194 564 187C564187 564 169 567 166C570 163 587 145 587 145C587 145 585 137 583 136C583 136 583132 582 131L582 127C582 127 584 121 579 118C579 118 575 118 573 116C570 114 544113 542 113C540 114 527 114 521 120C516 127 517 128 517 129C516 130 517 129 517129L517 130ZM517 129Z").attr(attr)

};

this.china.yuhang= {

name: "余杭区",

path: R.path("M333 107L331 109L328 107L328 103L332 100L332 97C332 97324 92 332 81L330 68C330 68 325 59 326 58C327 58 331 55 331 55L338 57L34957C349 57 352 59 351 62C351 62 357 69 368 68C368 68 372 66 376 68C376 68 379 69381 69L388 76L386 81C386 81 393 84 397 82L399 79C399 79 401.6584 83.44727 40383C403 83 404.5529 84.10554 405 85C405 85 407 88 410 83C410 83 411 79 41785L418 85L420 85L421 84L423 85L425 86L427 87L429 86L430 85L430 83L430 81L42978L429 75L430 72L430 69L432 68L435 69L437 68L438 69L438 72C438 72 440 75 44672C446 72 446.72 70.43911 449 75L450 75L452 73C452 73 459 61 463 63C463 63 47367 479 62C479 62 485 58 487 62L488 74L491 79L492 95C492 95 489 102 485 104C485104 486 112 491 112L493 113L480 121L481 122L478 124L472 119C472 119 471 112 469108C469 108 469 106 459 106L455 111L449 110C449 110 446 109 444 113L442 114L438119L429 117L428 118L420 120L420 121L412 122C412 122 409 127 411 127C413 128 410130 410 130C410 130 404 136 404 138C404 140 410 145 397 156C397 156 397 160 395160C395 160 394 163 394 164C395 164 392 164 392 164L383 167L379 172L377 172L376170C376 170 373 161 375 160C375 160 374 153 371 151C371 151 368 143 370 142L366137L363 137C363 137 363 132 365 131C365 131 366 126 363 124L358 115C358 115 354115 353 112L346 109C346 109 345 112 340 108L333 107Z").attr(attr)

};

this.china.tonglu= {

name: "桐庐县",

path: R.path("M297 202C297 202 296 199 292 199C292 199 288 200 290208C290 208 293 236 275 224C275 224 270 221 268 222C265 223 262 228 261 220C261220 258 217 250 225C250 225 258 242 248 243L245 246C245 246 245 251 243 252C243252 231 257 237 268C237 268 242 267 249 273C249 273 257 262 254 281C254 281 261288 258 294C258 294 258 299 259 300C259 300 264 300 266 304L268 305C268 305 272301 274 295C274 295 276 290 277 290C277 290 279 287 281 291C283 295 286 295 287293L288 293C288 293 294 297 297 295C297 295 305 300 304 302C304 302 306 303 318292L328 302L330 321L337 321C337 321 341 330 343 330C343 330 343 335 345 338C345338 345 334 350 333C350 333 356 334 357 336L357 335C357 335 359 337 361 335C363334 364 333 362 330C362 330 359 327 362 326L363 323C363 322 370 320 373 316C373316 378 314 379 317C379 317 381 319 386 318C386 318 391 323 401 316C401 316 404314 405 316C405 316 408 317 407 312C407 312 405 308 403 307C403 307 403 301 399306C399 306 392 307 393 303C393 303 392 299 391 298C389 298 392 293 385 290C385290 376 286 384 277L385 270C385 270 378 269 371 260L358 263C358 263 357 266 353264C353 264 351 259 345 255C345 255 345 248 343 246L333 246C333 246 332 237 331235C331 235 327 229 318 231C318 231 310 234 312 222C312 222 313 219 307 219C307219 303 218 307 209C307 209 308 200 298 203L297 202Z").attr(attr)

};

this.china.chunan= {

name: "淳安县",

path: R.path("M170 218L170 222C170 222 172 224 170 227L169 237C169 237166 234 162 238L158 238L159 252L156 255L153 256L145 265L138 265C138 265 137 267140 269L139 272L135 272L134 280L137 286L135 295L129 303C129 303 123 305 117319C117 319 114 323 110 321C106 319 96 324 95 324C95 324 94 333 81 341L79347L79 355C79 355 79 361 68 359L54 359L45 369L45 374C45 374 47 374 51 379C51379 52 382 57 383C57 383 59 382 58 387C58 387 57 388 62 389L63 395L68 400C68400 68 403 71 400C74 398 77 401 77 401C77 401 78 403 81 402C83 400 84 405 84405C84 405 85 408 91 409C91 409 92 406 96 409C96 409 98 410 101 410L102 414L108425L103 426L104 434C104 434 102 440 106 441C106 441 109 442 107 446L107 449C107449 107 452 111 449L119 448C119 448 121 454 128 450C134 445 136 444 136 444C136444 138 441 138 436C138 436 140 431 147 427L150 426L157 421L158 417L163 413L166413C166 413 168 409 175 408C175 408 181 405 182 402C182 402 184 400 186 402C186402 193 403 193 401L195 400C195 400 203 397 205 392C205 392 206 387 209 388C209388 216 389 216 383C216 383 217 378 224 378C231 378 235 376 235 372C235 372 237367 237 366C238 366 237 358 237 358C237 358 238 353 242 357C242 357 246 361 249352C249 352 251 348 254 347L253 346C253 346 251 347 250 346C250 346 243 346 247336C247 336 249 332 249 330C248 329 252 325 253 326C253 326 256 320 260 320C260320 262 320 263 316C263 316 263 313 266 311C266 311 268 309 268 307C268 307 268306 266 306C266 306 263 302 259 302C259 302 255 297 257 292C257 292 258 287 252282C252 282 254 278 253 272C253 272 252 270 250 275C250 275 244 269 236 269C236269 227 258 242 250L243 250C243 250 244 244 246 243L246 241L246 239C246 239 246235 241 235C241 235 240 235 239 233C238 231 231 231 231 231C231 231 229 231 226228C226 228 216 228 216 224C217 220 216 219 208 221C208 221 199 222 199 217C199212 197 213 197 213C197 213 191 219 187 217C187 217 182 216 181 218C181 218 171218 170 218Z").attr(attr)

};

this.china.jiande= {

name: "建德市",

path: R.path("M278 291C278 291 276 292 274 298C274 298 272 302 269 305C269305 271 308 268 310C268 310 267 312 266 313C265 313 264 317 264 317C264 317 263321 260 322C260 322 255 321 254 328C254 328 250 327 250 332C250 332 249 336 248337C248 337 243 344 251 345C251 345 255 342 255 348L253 349C252 349 248 356 247358C246 360 243 361 239 357C239 357 238 357 238 363C238 363 239 363 237 368C236373 236 374 236 374C236 374 234 379 226 379C218 380 217 383 216 386C216 386 216390 208 390C208 390 206 390 206 393C206 396 196 402 194 402C194 402 192 405 185403C185 403 183 402 182 404C181 405 175 410 171 411C171 411 169 413 171 414C173415 182 421 182 421C182 421 184 422 181 425C181 425 180 427 182 429C184 430 186433 187 438C188 444 192 447 192 447L205 442L217 442C217 442 219 439 220 443C220443 221 445 225 444C225 444 227 442 228 443C228 444 231 450 234 448C234 448 235448 235 442C235 442 235 441 238 443L238 434C238 434 233 434 234 429L238 423C238423 241 420 243 425L243 434C243 434 245 439 252 436C252 436 256 433 257 426L264426C264 426 267 424 264 419L269 415C269 415 272 413 268 407C268 407 266 405 268401C268 401 270 398 267 393C267 393 275 389 278 386C278 386 280 383 280 388C280388 282 392 287 393C287 393 288 392 288 389C288 389 289 387 290 388C290 388 291391 294 393C294 393 296 396 295 401C293 405 297 412 299 412C301 412 306 412 306412C306 412 308 411 308 409C308 409 311 407 312 403L318 397L317 395C317 395 319398 323 397C323 397 325 396 323 390C323 390 326 386 327 383L330 380C330 380 333383 336 381C336 381 339 381 340 383C340 383 338 378 346 378L346 376C346 376 344372 345 369C345 369 347 368 347 362C347 362 350 361 349 352C349 352 349 349 356349L357 347C357 347 355 346 355 343C355 343 358 341 356 338L352 336C352 336 347331 346 339C346 339 342 344 340 331L336 323L328 323L326 303L318 295L308 302C308302 303 306 302 301L297 297C297 297 290 298 288 295C288 295 282 298 279 292L278291Z").attr(attr)

};

this.china.fuyang= {

name: "富阳区",

path: R.path("M393 166L384 168L385 170C385 170 384 169 383 171C383 171379 171 377 179L374 182C374 182 371 181 367 193C367 193 364 201 357 193L355193C355 193 356 202 346 194L341 189L333 189L328 180C328 180 323 179 323 169L322168L315 170C315 170 316 180 308 179L307 183C307 183 299 179 293 186L297 190L293198C293 198 298 198 298 201C298 201 309 197 309 210C309 210 307 214 308 218C308218 315 218 314 223C314 223 312 231 319 229C319 229 333 226 335 243L343 244C343244 347 248 346 254C346 254 353 259 353 261C353 261 355 264 356 261C356 261 369257 369 258C369 258 372 257 373 259C373 259 381 269 388 268C388 268 386 277 387278C387 278 377 285 391 291C391 291 392 297 394 300C394 300 394 306 403 302L405303L408 303L410 301L410 297C410 297 414 296 417 294C417 294 424 290 422 284C422284 421 279 421 278C420 277 424 274 427 274C430 274 436 277 438 272C438 272 440271 436 267C436 267 428 255 431 251L435 243C435 243 431 237 436 234C436 234 438233 437 228C437 228 438 226 440 226C442 227 443 216 441 214L442 212L442 210C442210 433 213 433 214C433 214 428 216 425 214C425 214 415 219 412 216C412 216 406216 405 210L399 198L404 184L402 179C402 179 396 180 397 177L394 169L393 166Z").attr(attr)

};

this.china.linan= {

name: "临安区",

path: R.path("M327 109C327 109 325 98 317 105C317 105 315 98 308108C308 108 300 107 300 106C300 106 296 105 294 110L290 114C290 114 286 114 280120C280 120 277 125 273 123C273 123 268 109 259 124C259 124 257 126 252 125C247124 249 131 249 131L248 135C248 135 246 141 243 137C243 137 242 135 238 140L220134C220 134 216 127 212 132C212 132 211 135 207 134C207 134 204 131 199 131C199131 197 128 192 127L192 122L185 121L183 121C183 121 182 121 178 125C178 125 175125 172 129L170 131L169 131C169 131 166 133 168 142C168 142 170 146 170 150C169153 173 159 177 159C177 159 186 165 162 174C162 174 156 176 165 181C165 181 165182 167 181C167 181 171 178 169 184C169 184 167 188 163 184L163 188L165 192C165192 167 191 168 199C168 199 170 202 170 212L171 214L172 216L180 217C180 217 183213 188 215C188 215 189 217 193 214C197 211 199 209 200 216C200 216 199 219 210219C210 219 218 216 218 222C218 222 215 229 227 227C227 227 229 229 236 230C236230 241 231 241 233C241 233 247 233 247 239C247 239 248 245 251 238C251 238 253228 248 225C248 225 259 213 262 220C262 220 261 224 264 222C264 222 266 221 266219C266 219 275 221 276 223C276 223 290 232 289 209C289 209 287 197 291 197L294190L290 185C290 185 297 176 305 180L306 176C306 176 314 180 313 169L321 165C321165 325 166 325 171C324 175 326 178 329 178L334 186L341 187C341 187 348 194 351195C351 195 354 197 354 192L355 190L358 190C358 190 363 197 365 192C365 192 367184 370 182C370 182 370 180 372 180C372 180 375 178 376 178L376 174L373 169C373169 374 155 368 148L367 144L364 140C364 140 358 139 363 131L363 127L361 125L356117C356 117 352 118 352 114C352 114 348 111 345 112C345 112 340 113 338 109L333109L331 110L328 109L327 109Z").attr(attr)

};

},

}

}

</script>

三、参考网站

1、https://segmentfault.com/a/1190000010575980         绘制方法

2、https://www.cnblogs.com/stephenykk/p/3553690.html  raphael矢量图API

四、画图工具及画图方法

SVGDeveloper： csdn有免费的，或者服务器上找

画图方法： http://www.opdown.com/soft/80684.html

备注：此案例是同事编写，我作为记录

Raphael.js 在vue中使用说明, 以杭州市地图为例相关推荐

1. Moment.js在Vue中使用

   Moment.js在Vue中使用 1. 安装依赖包 npm install moment --save 2. main.js中引入 import moment from 'moment' Vue.pr ...

2. js 或者vue中for循环去掉最后一个逗号

   js 或者vue中for循环去掉最后一个逗号 一个感觉很简单的问题,刚开始我没有思路,现在也没有更好的思路 问题描述: 后端返回的一个数组,前端这边需要循环把名字展示,要求在展示时,每个名字后用** ...

3. vue中，应用mapbox地图（一）——mapbox-gl地图设置中文是zh-Hans不是zh accessToken-访问令牌 正确版本streets-v11

   vue中,应用mapbox地图(一)--mapbox-gl地图设置中文是zh-Hans不是zh & accessToken-访问令牌 & 正确版本streets-v11 Mapbox ...

4. vue中，应用mapbox地图——地图组件mapbox-gl和语言包@mapbox/mapbox-gl-language地图英文转中文 accesstokens-访问令牌移动端地图-leaflet

   vue中,应用mapbox地图--地图组件mapbox-gl和语言包@mapbox/mapbox-gl-language用于将地图上的英文转中文 & accesstokens-访问令牌 &am ...

5. VUE 中实现echarts中国地图 人口迁徙

   VUE 中实现echarts中国地图 人口迁徙 效果图: 安装Echarts依赖 要在vue中使用Echarts 需要先安装依赖 npm install echarts --save 这是我的Echa ...

6. 在vue中如何使用百度地图

   在vue中如何使用百度地图 在vue中如何使用百度地图 注册百度开发者账户 ,然后在应用管理中创建账号,ak将是使用百度地图的秘钥,如下所示: 使用npm安装组件, npm install vue-b ...

7. vue中使用腾讯地图选择地址

   腾讯地图选择地址引发的一系列问题 2019/12/14更新 修复了自治区/直辖市无法选择的bug(比如上海之类的城市) 采用更加友好的方式来选择地址 新的文章链接:vue中使用腾讯地图选择地址(二) ...

8. 在Vue中使用eCharts的地图图表，及生成自定义地图数据（乡镇级）

   如何在Vue中使用eCharts的地图图表,及如何生成自定义地图数据(乡镇级) 文章目录 一.在Vue使用ECharts地图功能 二.生成地图数据 1.安装Bigemap 程序 2.生成需要的各乡镇地 ...

9. 高德地图中加载three.js（vue中）（封装

   这几天公司有一个要结合高德地图的智慧园区的项目(大致就是在3d地图中加载自己的three.js模型) 1.首先要引入高德地图 官方文档给出来的引用方法 <template><div ...

最新文章

1. 直方图（opencv）
2. Git使用汇总之工作区、暂存区、版本库
3. java抽象和接口的理解_Java接口实现与抽象类的区别理解 | 彬菌
4. wxpython按钮形状如何修改_Python图形化界面入门教程 - 使用wxPython自定义表
5. linux贪吃蛇c程序,Linux环境下C语言实现贪吃蛇游戏
6. JMF入门（Java Media Framework）
7. 项目开发优化技巧总结
8. react学习预备知识_在10分钟内学习React基础知识
9. PDF转图片 Ghostscript.NET
10. 关于大学生睡眠时间及质量的问卷调查
11. 桌面被关闭，如何在任务管理器中打开桌面？
12. 实朴检测深交所上市：市值44亿 应收账款逾期6587万
13. RK3288——LCD裸机
14. 2023中国眼博会/护眼健康展/济南护眼贴展/山东护眼仪展①
15. 航班管理系统-机票预订
16. 已达到计算机的连接数最大值，无法再同次计算机连接
17. （第16-17讲）STM32F4单片机，FreeRTOS中断管理简介【视频笔记、代码讲解】【正点原子】【原创】
18. 2021保研经验——控制AI（浙大控制）
19. 《F4+2》β冲刺第二天
20. 专业治疗选择困难症----帮你做选择

热门文章

1. 【已解决 Flink Java API问题】The return type of function ‘xxx‘ could not be determined automatically
2. React页面空白问题
3. 迅为i.MX6ULL终结者Linux中断实验运行测试
4. 灾害应急管理信息化建设“四步走”——以水旱灾害为例
5. Java将Unicode转换成中文
6. 【python】绘制一朵小红花
7. 【Kafka笔记】4.Kafka API详细解析 Java版本（Producer API，Consumer API，拦截器等）
8. 几款实用的内网穿透工具，推荐！
9. win10如何新增ip地址
10. Linux网络服务之----DHCP篇