前端
  1. 首页
  2. IT互联网
  3. 前端

列表

几个常用的chrome调试技巧

几个常用的chrome调试技巧

1. 拖动 dom 元素 选中一个dom元素，通过拖动就可以改变元素的位置。如下图： 2. 选中 dom 元素右键删除元素 选中一个dom元素右键菜单会有很多功能选项，常用的有隐藏、删除元素等。如下图： 3. 在控制台引用选中元素 $0 使用$0可以在控制台引用选中元素，如下图： 4. $_引用上一次的结果 使用$_可以在控制台引用上一次结果，如下图
前端 2025年04月23日
LiveData 面试题库、解答、源码分析

LiveData 面试题库、解答、源码分析

引子 LiveData 是能感知生命周期的，可观察的，粘性的，数据持有者。LiveData 用于以“数据驱动”方式更新界面。 换一种描述方式：LiveData 缓存了最新的数据并将其传递给正活跃的组件。 这一篇就 LiveData 的面试题做一个归总、分析、解答。 1. LiveData 如何感知生命周期的变化？ 先总结，再分析： Jetpack 引入了 Lifecycle，让任何组件都能方便
前端 2025年05月17日
Web 应用服务器：功能、类型与核心作用全解析

Web 应用服务器：功能、类型与核心作用全解析

Web 应用服务器是一种软件程序，它主要用于托管和运行 Web 应用程序。以下是关于 Web 应用服务器的详细介绍：一、功能 接收请求：监听网络端口，等待客户端（如浏览器）发送 HTTP 请求。当收到请求时，它会解析请求的内容，包括请求的 URL、请求方法（如 GET、P
前端 2025年05月15日
Android元素分散-飘移-聚合动效

Android元素分散-飘移-聚合动效

效果预览 元素分散-飘移-聚合动效.gif 功能说明 使用Canvas绘制元素移动动效，极致高效； 支持任意方向元素漂移（起点、终点任意）； 支持修改元素图标及其大小（单位dp）； 支持修改动效持续时间及动画结束时回调； 支持修改元素飘动个数； 使用方式 在工程根目录的build.gradle中添加 allprojects { repositories {
前端 2025年06月02日
【R画图学习3.1】富集气泡图

【R画图学习3.1】富集气泡图

做生信中，最常做的一个工作就是富集分析，例如GO/Pathway富集分析等，而GO/Pathway分析富集的结果目前来说常用气泡图来展示，当然也有人用bar图等，但是相对来说个人还是觉得气泡图好看点。今天包括后面几个帖子我们就学习气泡图的画法。 GO/Pathway富集分析我就不多讲了，有很多现场的工具，如果不是模式生物在，自己计算个超几何分布也能方便的算出富集的结果。一般富集完，我们会得到富集的
前端 2025年04月24日
使用 React 自动聚焦字段

使用 React 自动聚焦字段

自动对焦可以让你的应用程序更方便用户使用，有几种方法可以自动聚焦 React 输入框。 要让输入框自动聚焦，最简单的方法是使用 autoFocus 属性（注意大小写）： <input name="username" type="text" autoFocus /> 由于该属性在各个浏览器的工作方式不一致，React 内部实现了一个 polyfill，会在元素挂载时使用 focus()
前端 2025年05月09日
阻止移动端 touchmove 与 scroll 事件冲突

阻止移动端 touchmove 与 scroll 事件冲突

在移动端开发过程中，如果要实现一个元素或按钮的拖动定位，会出现很多坑。例如：元素上下移动过程中，会触发 body 的 scroll 事件，导致整体的位置偏移，这时就需要 阻止移动端 touchmove 与 scroll 事件冲突 。 DOM Touchmove Scroll 一、解决思路 当移动端 touchmove 与 scroll 事件冲突时，首先想到的就是在 touchmove
前端 2025年06月13日
浏览器引入Ant Design of Vue

浏览器引入Ant Design of Vue

一、先将vue.min.js，antd.min.js、moment.js、antd.min.css等文件下载到本地； 二、在vue代码里面引入antd组件； 三、在具体的html页面应用； 代码如下： <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title&gt
前端 2025年03月18日
手摸手，带你优雅的使用 icon

手摸手，带你优雅的使用 icon

演进史 首先我们来说一下前端 icon 的发展史。 远古时代 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-position 定位显示不同的 icon 图标。但这个也有一个很大的痛点，维护困难。每新增一个图
前端 2025年06月16日