vue-gird-layout组件封装,cv就可以使用
先来效果图展示
展示.png
拖拽尺寸.png
拖拽后.png
移动.png
组件封装大家这块直接复制使用就OK
<template>
<grid-layout
:layout="layout"
:col-num="colNum"
:row-hei
前端
阻止移动端 touchmove 与 scroll 事件冲突
在移动端开发过程中，如果要实现一个元素或按钮的拖动定位，会出现很多坑。例如：元素上下移动过程中，会触发 body 的 scroll 事件，导致整体的位置偏移，这时就需要 阻止移动端 touchmove 与 scroll 事件冲突 。
DOM Touchmove Scroll
一、解决思路
当移动端 touchmove 与 scroll 事件冲突时，首先想到的就是在 touchmove
【R画图学习3.1】富集气泡图
做生信中，最常做的一个工作就是富集分析，例如GO/Pathway富集分析等，而GO/Pathway分析富集的结果目前来说常用气泡图来展示，当然也有人用bar图等，但是相对来说个人还是觉得气泡图好看点。今天包括后面几个帖子我们就学习气泡图的画法。
GO/Pathway富集分析我就不多讲了，有很多现场的工具，如果不是模式生物在，自己计算个超几何分布也能方便的算出富集的结果。一般富集完，我们会得到富集的
使用 React 自动聚焦字段
自动对焦可以让你的应用程序更方便用户使用，有几种方法可以自动聚焦 React 输入框。
要让输入框自动聚焦，最简单的方法是使用 autoFocus 属性（注意大小写）：
<input name="username" type="text" autoFocus />
由于该属性在各个浏览器的工作方式不一致，React 内部实现了一个 polyfill，会在元素挂载时使用 focus()
Android元素分散-飘移-聚合动效
效果预览
元素分散-飘移-聚合动效.gif
功能说明
使用Canvas绘制元素移动动效，极致高效；
支持任意方向元素漂移（起点、终点任意）；
支持修改元素图标及其大小（单位dp）；
支持修改动效持续时间及动画结束时回调；
支持修改元素飘动个数；
使用方式
在工程根目录的build.gradle中添加
allprojects {
repositories {
Web 应用服务器：功能、类型与核心作用全解析
Web 应用服务器是一种软件程序，它主要用于托管和运行 Web 应用程序。以下是关于 Web 应用服务器的详细介绍：一、功能
接收请求：监听网络端口，等待客户端（如浏览器）发送 HTTP 请求。当收到请求时，它会解析请求的内容，包括请求的 URL、请求方法（如 GET、P
LiveData 面试题库、解答、源码分析
引子
LiveData 是能感知生命周期的，可观察的，粘性的，数据持有者。LiveData 用于以“数据驱动”方式更新界面。
换一种描述方式：LiveData 缓存了最新的数据并将其传递给正活跃的组件。
这一篇就 LiveData 的面试题做一个归总、分析、解答。
1. LiveData 如何感知生命周期的变化？
先总结，再分析：
Jetpack 引入了 Lifecycle，让任何组件都能方便
地理空间大揭秘：身份证首位数字的隐藏含义-使用WebGIS进行传统6大区域展示
目录前言一、关于身份证的空间信息1、身份证与省份信息2、首位数字与区域二、数字与空间展示可视化1、地域及图例的前端定义2、省份与区域信息展示三、成果展示1、华北地区2、东北地区3、华东地区 4、中南地区5、西南地区6、西北地区 四、总结前言 在我们日常生活中，身份证号码是每个人独一无二的身份标识，它承载着丰富的信息，其中第一位数字更是蕴含着与
几个常用的chrome调试技巧
1. 拖动 dom 元素
选中一个dom元素，通过拖动就可以改变元素的位置。如下图：
2. 选中 dom 元素右键删除元素
选中一个dom元素右键菜单会有很多功能选项，常用的有隐藏、删除元素等。如下图：
3. 在控制台引用选中元素 $0
使用$0可以在控制台引用选中元素，如下图：
4. $_引用上一次的结果
使用$_可以在控制台引用上一次结果，如下图
