js实现滚动触底加载事件
一、html和css
可视区固定500px，设置overflow-y: auto 来实现滚动。
1.1、html
<template>
<div class="scroll"
ref='scroll'
@scroll="onScroll">
<div class="crad"
v-for="i in 10"
前端
基于Leaflet和天地图的免费运动场所WebGIS可视化-以长沙市为例
目录前言一、免费运动场所数据整理1、本地宝数据简介2、Java后台数据解析二、Leaflet前端地图展示1、基础数据准备2、具体位置及属性标记三、成果展示1、空间位置分布2、东风路立交桥运动公园3、芙蓉区花侯路浏阳河大桥下方4、梅岭国际小区5、湖南大学附属中学对面6、湘府路大桥西7、静园山庄四、总结前言 在当今快节奏的现代生活中，人们对于健康生活方式的追求愈发强烈&#x
iOS 16锁屏小组件怎么能动起来？
iOS16系统出来后，迫切的升级了！体验了下新的锁屏小组件，还下载了些做组件的APP，相对于14上的屏幕组件使用感受略失望，能自定义的地方太少，功能也太少了。
唯一感觉眼前一动的是有些App做的组件可以动，因为在14组件出现后自己写专门写了简单的demo，发现小组件不支持动画，动图等动态效果，所以感觉能动起来就很奇特，我试了些方法，最终发现，臣妾完全做不到啊。
所
判断iframe链接页面 服务器状态
项目要求：
通过按钮点击事件，使用iframe来显示不同的内容（跨域）。
问题：
iframe链接内容的服务器未开启的时候，页面显示404， 用户体验太差。
要求：
服务器未开启的时候，显示页面需要友好。
解决办法：通过计算iframe的加载内容的时间，做超时判断，如果5s内未加载完成，就认为此时iframe链接的服务器未开启； 未开启的情况下，给iframe上层覆盖个div（内容自定义）。这样既
Flutter|常用数据通信组件
在做需求时经常会遇到组件间通信，本篇汇总了几种常用的通信方式。
父子组件之间的通信
最简单的方式就是通过构造器传递数据，但当嵌套层级比较深的时，传参就比较难看了，或许这时还考虑用单例，但对于简单数据来说未免大材小用了。
例如，还是这个二级页场景，由多个子孙组件组成（同色框表示同级），在顶层页面可以知道从上个页面携带的数据，但最下层的输入框组件（箭头位置）也需要知道部分数据才能发送评论，这里说
柱状图|GO、KEGG|标签与柱状图颜色对应
有小伙伴发来图，想让实现一下，是一个KEGG分析的柱状图，图的特点是文字标签颜色与柱子颜色一样，其实这个图也就这么一个特点，其他的柱状图的特征都没有什么，很普通的ggplot做法，最终效果如下：
image.png
首先读入数据，示例数据使用的是之前的文章：复现《nature communications》图表（四）：ggplot画多组富集气泡图。
setwd("E:/")
A &l
xlsx导出多级表头excel
前端使用xlsx库，导出多级表头excel
步骤
1、需要写好table，需要他的dom结构
页面table预览
2、使用xlsx的table_to_book方法，把dom转成workbook
const workbook = XLSX.utils.table_to_book(
document.getElementById('test-table'), {
用Typescript 的方式封装Vue3的表单绑定，支持防抖等功能。
Vue3 的父子组件传值、绑定表单数据、UI库的二次封装、防抖等，想来大家都很熟悉了，本篇介绍一种使用 Typescript 的方式进行统一的封装的方法。
基础使用方法
Vue3对于表单的绑定提供了一种简单的方式：v-model。对于使用者来说非常方便，v-model="name" 就可以了。
自己做组件
但是当我们要自己做一个组件的时候，就有一点麻烦：
