前端

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

在移动端开发过程中,如果要实现一个元素或按钮的拖动定位,会出现很多坑。例如:元素上下移动过程中,会触发 body 的 scroll 事件,导致整体的位置偏移,这时就需要 阻止移动端 touchmove 与 scroll 事件冲突 。 DOM Touchmove Scroll 一、解决思路 当移动端 touchmove 与 scroll 事件冲突时,首先想到的就是在 touchmove

地理空间大揭秘:身份证首位数字的隐藏含义-使用WebGIS进行传统6大区域展示

目录前言一、关于身份证的空间信息1、身份证与省份信息2、首位数字与区域二、数字与空间展示可视化1、地域及图例的前端定义2、省份与区域信息展示三、成果展示1、华北地区2、东北地区3、华东地区 4、中南地区5、西南地区6、西北地区 四、总结前言        在我们日常生活中,身份证号码是每个人独一无二的身份标识,它承载着丰富的信息,其中第一位数字更是蕴含着与

(六)redux状态管理

redux 为什么使用Redux: 使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的 state 非常困难。所以我们需要把 state 进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。 一、什么是Redux? Redux 是一个 JS 库,一个状态容器。 作用: 集中式管理 Reac

react 复习

一.jsx 1.定义虚拟DOM时,不要写引号 2.标签中混入JS表达式时要用{} 3.样式的类名指定不要用class,要用className 4.内联样式,要用style={{key:value}}的形式去写 5.标签必须只有一个跟标签 6.标签必须闭合 7.标签首

速通前端篇 —— HTML

  找往期文章包括但不限于本期文章中不懂的知识点: 个人主页:我要学编程程(ಥ_ಥ)-CSDN博客 所属专栏:速通前端 目录HTML的介绍如何创建HTML文件HTML 文件基本结构HTML常用标签title标签  标题标签 h1-h6 段落标签 p换行标签 br图片标签 img 超链接 a表格标签 table表单标签input 标签form 标签

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

Web 应用服务器是一种软件程序,它主要用于托管和运行 Web 应用程序。以下是关于 Web 应用服务器的详细介绍:一、功能 接收请求:监听网络端口,等待客户端(如浏览器)发送 HTTP 请求。当收到请求时,它会解析请求的内容,包括请求的 URL、请求方法(如 GET、P

前端微服务框架深度对比:无界(Momentum)与乾坤(Qiankun)实战指南

提示:记录工作中遇到的需求及解决办法 文章目录 前言:为何选择微前端? 一、基础概念对比 二、实战示例:电商后台管理系统 三、主应用配置(通用部分) 四、无界框架实现 五、乾坤框架实现 六、子应用开发(以 React 子应用为例) 七、核心特性对比 八、生产环境部署要点 九、总结与选择建议 前言:为何选择微前

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

引子 LiveData 是能感知生命周期的,可观察的,粘性的,数据持有者。LiveData 用于以“数据驱动”方式更新界面。 换一种描述方式:LiveData 缓存了最新的数据并将其传递给正活跃的组件。 这一篇就 LiveData 的面试题做一个归总、分析、解答。 1. LiveData 如何感知生命周期的变化? 先总结,再分析: Jetpack 引入了 Lifecycle,让任何组件都能方便