Skip to content

Instantly share code, notes, and snippets.

View Fujihai's full-sized avatar
🏠
Working from home

Fujihai

🏠
Working from home
View GitHub Profile
@Fujihai
Fujihai / map.vue
Created November 25, 2023 09:59
在 Vue2 中基于 maptalks 封装 2D 地图
<template>
<div class="map-wrapper">
<div class="drill-info-container">
<div>
<span v-for="(area, idx) in drilledHistory" :key="'drilledArea' + idx">{{ `${area.name}` + `${idx === drilledHistory.length - 1 ? '' : '->'}` }}</span>
</div>
<span class="back-btn" @click="backLastDrilledArea" v-if="drilledHistory.length > 0">返回</span>
</div>
<div id="map" class="container"></div>
<div class="legend-container">
@Fujihai
Fujihai / index.html
Last active October 12, 2020 15:28
位运算+二进制实现URL参数压缩
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
@Fujihai
Fujihai / index.html
Last active September 22, 2019 16:21
Material Design input text demo
<div class="v-input__slot">
<fieldset aria-hidden="true">
<!-- <legend style="width: 56px;"><span>​</span></legend> -->
</fieldset>
<div class="v-text-field__slot">
<input id="input-1894" type="text"/>
<label for="input-1894" class="v-label theme--light" style="left: 0px; right: auto; position: absolute;">Outlined</label>
</div>
</div>
@Fujihai
Fujihai / index.html
Created July 26, 2019 11:32
JavaScript 函数对象深拷贝 // source https://jsbin.com/yuxefuc
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JavaScript 函数对象深拷贝</title>
</head>
<body>
<script id="jsbin-javascript">
@Fujihai
Fujihai / index.html
Created July 26, 2019 07:17
flex 属性简写测试 // source https://jsbin.com/vomanal
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title> flex 属性简写测试</title>
<style id="jsbin-css">
.parent {
display: flex;
background: skyblue;