antd Table点击整行选中
前言 antd官网例子上默认是点击checkbox或者radio才会选中，这对体验上来说有点不太方便，所以需求是要做成点击Table的整行直接触发选中。 其实官方也有给了个例子： ，这是使用class写的checkbox框。 但是我项目是使用hooks的，而且是个radio框，所以就自己写了个 实现 这个其实没啥好多说的，直接看代码好了 完事
4种方法实现html 页面内锚点定位及跳转
项目中经常会出现点击跳转锚点的方法，比如给一个a标签一个href=“#锚点”，然后要跳的锚点给个id=“锚点”，这样就实现简单的跳转，但是这样在url地址栏后面都会出现一个诸如www.geekjc.com/#锚点，然后你点击给一次后退都是退回上一个选择的锚点url，这里总结4个跳转锚点的方法。 第一种方法 也是最简单的方法是锚点用标签，在href属性中写入div的id。如下： 这种方法的缺点是点击锚点之后，浏览器的URL会发生变化，如果...
useMemo和useCallback的用法和区别
介绍 和 是React中优化是常用的两个Hooks。它们有一些共同点，比如都需要传递一个依赖数组，只有当依赖项发生改变时才会更新数据。但是它们的使用场景一般不同，下面将具体分析两个Hooks的异同。 useMemo 的定义如下： 其中factory是工厂函数， Dependencies是其所有依赖值的数组。 在组件初始化的时候会调用factory函数，并将返回值存储起来。当组件需要重新渲染时，react会首先依次判断每个依赖项的值是否发...
Nginx基本使用以及部署前端项目
最近学习了一下Nginx，整理了一个博客，主要参考的是狂神说的b站视频教程，文章链接如下： 一、下载、启动Nginx 1.下载Nginx 到 选择自己电脑适用的稳定版本下载，我下载的的windows版本。 <img width="756" height="640" src="../../ resources/34d32c5a540e4137a3190819a71b2db1 6bad48f7088b4b859.webp"/ 下载完，就会有...
Flutter 全能型选手GetX —— 状态管理_getx obs
使用篇 网络请求 原理篇 一、简介 Obx：响应式状态管理，当数据源变化时，将自动执行刷新组件的方法 GetX：响应式状态管理，当数据源变化时，将自动执行刷新组件的方法 GetBuilder：简单状态管理，当数据源变化时，需要手动执行刷新组件的方法，此状态管理器内部实际上是对StatefulWidget的封装，占用资源极少！ 二、GetBuilder 我们在controller获取数据之后，就会调用controller的update方法...
Flutter 必备开源项目推荐
这段时间内一直学习 , 自行设计完成了一个实战项目 项目中用到了 中的大部分的组件, 界面也涉及了很多功能(可能很多地方还有待完善) 项目目前也还是处在开发待完成阶段, 主要内容差不多已经完成 下面是一些UI界面展示, 后面推见一些比较好的开源项目 验证码登录和密码登录都可以登录, 账号: 123 密码: 123 , 项目版本信息 项目下载完成之后, 请先执行 命令 2020 04 10 项目代码和相关插件已经更新 Flutter 2....
flutter doctor --android-licenses报错
配置 时，在Flutter console终端界面，因为SDK版本问题，一直报错，据网友说要安装JDK 8, 之后又是安装JDK 8, 又是修改环境变量，折腾好半天。因为在网上没看到相应的报错，记录一下 flutter doctor android licenses一直有错误，错误如下： <img width="962" height="442" src="../../ resources/d107c4eca7c94a4cbfa22e2...
什么！一个项目给了8个字体包
在一个新项目中，设计统一了项目中所有的字体，并提供了字体包。在项目中需要按需引入这些字体包。 首先，字体包的使用分为了以下几种情况： 1. 无特殊要求的语言使用字体A，阿拉伯语言使用字体B； 2. 加粗、中等、常规、偏细四种样式，AB两种字体分别对应使用 、 、 、 四种字体包； 所以，我现在桌面上摆着 8 个字体包： 不同语言要使用不同的字体包，不同粗细也要使用不同的字体包！ 还有一个前提是，设计给的设计图都是以字体A为准，所以在 F...
swc、esbuild和vite前端构建工具浅析
背景 过去几年里，前端又推出了一堆新的构建工具🔧，例如像以轻量快速著称的 （目前已经不维护了，并推荐使用Vite）、编译速度超越 几十倍的 、打包和压缩资源速度惊人的 ，以及如今呼声最高，被誉为前端下一代构建工具的 。这么多的工具的推出，让以前一家独大的 突然失去的声音，甚至前端构建领域掀起了一场 的浪潮🌊。今天就让我们简单了解下这些构建工具的代表 、 和 。 SWC 简介 受限于JS的语言本身效率的问题，近几年前端领域出现了不少工...