Fujihai

🏠

Working from home

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 / 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 / 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 / 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 / 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;