前端
关注
分享
扫一扫
文章平均质量分 75
崽崽的谷雨
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react实现一个列表的拖拽排序(react实现拖拽)
比较流行的有react-beautiful-dnd和dnd-kit，可能还有react-sortable-hoc，不过这个好像已经不再维护了。我的项目里使用了antd，antd表格有一个示例还是挺像的，本来我想用Table实现，它自带拖拽。这个作者最后推荐了dnd-kit所以我最后选择了这个库，但其实我这个需求用react-beautiful-dnd 也能实现。您还需要确保安装了对等依赖项。这里有两个版本，我不想用immutability-helper库，觉得多一个依赖没啥意义，所以我去掉了。原创 2025-03-12 09:27:08 · 1932 阅读 · 0 评论 -
react使用Fullcalendar 实战用法
我直接用的@fullcalendar/react 因为我的和它基本功能完全一致。卡片式的日历，其实我是推荐 antd的，我两个都写了一下都能实现。它需要处理的东西很多，点击上个月的日期时，需要自己跳到上一个月。原创 2024-11-01 17:26:56 · 880 阅读 · 0 评论 -
react使用Fullcalendar
react使用Fullcalendar原创 2024-10-30 16:18:28 · 1160 阅读 · 0 评论 -
husky@^3.0.9 run install node husky install error: Error: Command failed with exit code 1:node husky
这是一种很常见的问题，其他库也可能出现这种问题。只需要把husky换成对应的库即可。原创 2024-10-22 16:09:17 · 867 阅读 · 0 评论 -
react里实现左右拉伸实战
这里我用的是style Module 如果你不用这个请自行转换语法。只需要把resizeBox.tsx里的styles.去掉。并且直接引入less即可。这里使用了flex巧妙的实现了这个效果，左边div设置一个宽度，右边的flex:1即可。上下设置height，且 flex-direction:column 设置纵向布局。其他用法可以自行拓展组件和嵌套resizeBox组件使用。我只是提供一个思路。鼠标放到蓝色的线上即可拖动。原创 2024-10-18 15:28:46 · 709 阅读 · 0 评论 -
神策埋点 sensorsdata.es6.min.js、sensorsdata.min.js 触发eslint 语法检查，导致打包不成功
在使用神策埋点时，下载的web js sdk，打包时eslint 语法检查，会导致打包不成功。npm start没问题。原创 2024-08-29 15:33:50 · 716 阅读 · 0 评论 -
create-react-app 移除 ESLint 语法检查
总之，ESLint 是一个强大的工具，可以帮助开发者提高代码质量和一致性，是现代 JavaScript/TypeScript 开发过程中不可或缺的部分。虽然这不是完全关闭 ESLint，但如果您只想在某些文件或行上禁用 ESLint 检查，可以添加特定的注释。1.代码风格检查：ESLint 可以检查代码是否符合特定的编码风格，例如缩进、空格、引号类型等，帮助团队保持一致的代码风格。3.自定义规则：ESLint 允许开发者根据项目需要定义和配置规则，可以启用或禁用特定的检查规则，以满足团队的编码标准。原创 2024-08-29 15:31:03 · 562 阅读 · 0 评论 -
vs-code 提示：此应用无法在你的电脑上运行，若需要找到适用于你的电脑的版本，请咨询软件发布者。
建议 备份一下extensions.json，重新安装完后，按照json里的插件重新安装一下，防止插件丢失。我昨天使用，vs code时一打开就提示“此应用无法在你的电脑上运行，若需要找到适用于你的电脑的版本，请咨询软件发布者”，一编辑代码也提示，关掉弹窗只要，编辑代码还会提示。**我网上找了好多方案，都不行，包括设置兼容性，甚至我卸载了重装也不行，下载旧版本的也不行。最后我想起来了可能是没有卸载干净，因为 每次卸载打开，我的插件还在。删除完成后，重新下载 安装包，安装即可，就没有这个问题了!原创 2024-08-20 10:47:15 · 4168 阅读 · 5 评论 -
js 实现对一个元素得拉伸
最近写一个项目遇到了需要拉伸调整一个元素得大小（宽高）。所以打算实现一下。思路就是用 mousedown、mousemove、mouseup 来实现。mousemove是动态获取坐标，然后 动态改变元素宽度这种功能建议使用 成熟的库来实现，兼容性什么的一般都会适配。原创 2024-08-19 10:30:49 · 1144 阅读 · 0 评论 -
前端实现浏览器自定义滚动条
前端实现浏览器自定义滚动条原创 2024-03-27 10:30:00 · 8474 阅读 · 0 评论 -
react、vue移动端项目使用技术
现在移动端项目越来越多，h5项目需求量也很大。所以有必要总结一下，h5 移动段使用到的技术。一般 h5可以在微信、内嵌app（webview）、小程序（webview）等等只要有浏览器环境都能运行。具体使用方式可以参考 我 create-react-app 专栏里的文章(仅限 react)。不过 vue页大差不差。其实 如果你的页面要求 缓存状态 可以优先选择 vue。react需要自己用第三方插件 实现，不过 react 18有个中的官方实现 也可以实现。原创 2024-01-22 10:00:00 · 2607 阅读 · 0 评论 -
React、vue、h5端项目避免缓存
h5、pc端项目避免缓存原创 2024-01-19 14:37:38 · 4013 阅读 · 1 评论 -
input 输入中文，高频触发 onchange和oninput事件（CompositionEvent API解决）
input 输入中文，高频触发 onchange和oninput事件（CompositionEvent API解决）原创 2023-10-27 13:44:40 · 5422 阅读 · 0 评论 -
js实现左右列表对齐（左边点击时，右边滚动和左边对齐。反之右边点击时，左边滚动和右边对齐）
js实现左右列表对齐（左边点击时，右边滚动和左边对齐。反之右边点击时，左边滚动和右边对齐）原创 2023-08-03 10:45:00 · 1077 阅读 · 1 评论 -
BraftEditor使用及自动获取焦点的方法
BraftEditor使用及自动获取焦点的方法原创 2023-08-02 10:30:00 · 556 阅读 · 0 评论 -
react 实现浮动可吸附悬浮窗，悬浮球，悬浮按钮，支持拖动拖拽功能（suspend-button）
最近在做移动端，有个需求是 实现一个浮动球可拖拽，能吸附（吸附到 左右两则，距离哪进就吸附到哪边）。使用 suspend-button 实现原创 2023-07-17 16:02:19 · 4341 阅读 · 0 评论 -
Legacy versions of mkdirp are no linger supported.Please update to mkdirp 1.x.
Legacy versions of mkdirp are no linger supported.Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.x)不支持mkdirp的旧版本。请更新到mkdirp 1.x。（请注意，API表面已更改为在1.x.x中使用Promises）上面 给出了 更新到 1.x.x 所以 按照要求更新就行。不行的话 就更新到最新版本。原创 2023-04-14 10:46:45 · 2506 阅读 · 2 评论 -
浏览器window.open()用法，以及利用其实现拦截弹出式窗口
浏览器window.open()用法，以及利用其实现拦截弹出式窗口window.open('url','_blank','toolbar=no,location=no,directories=no,status=no,menubar=no')原创 2023-02-28 13:58:44 · 5703 阅读 · 0 评论 -
vue、react里 加载glb类型的3D模型(可使用的技术栈推荐)
vue、react里 加载glb类型的3D模型(可使用的技术栈推荐)原创 2023-02-07 10:22:54 · 4719 阅读 · 0 评论 -
xlsx 解析excel 后渲染到表格里（前端实现 解析excel渲染到表格）
xlsx 解析excel 后渲染到表格里（前端实现 解析excel渲染到表格）原创 2022-10-24 08:45:24 · 3818 阅读 · 13 评论 -
js 实现隐藏表格列
js 实现隐藏表格列。动态 渲染列原创 2022-10-19 10:15:00 · 5705 阅读 · 2 评论 -
js禁用浏览器 pdf 打印、下载功能（pdf.js 禁用打印下载、功能）
js禁用浏览器 pdf 打印、下载功能（pdf.js 禁用打印下载、功能）原创 2022-06-22 08:30:00 · 14009 阅读 · 15 评论 -
微信小程序UI库组件库合集
微信小程序UI组件库合集转载 2022-02-28 09:30:00 · 5094 阅读 · 1 评论 -
前端工具文档网站推荐（印记中文、程序员盒子、前站）
工具推荐，网站推荐，前端工具大全，文档大全原创 2021-12-02 13:59:47 · 8930 阅读 · 0 评论 -
前端 css、js属性 API 浏览器 是否 兼容查询网站 （https://caniuse.com/）
有的时候 js和css用到 一个属性 ，为了兼容 需要知道 ，各个主流浏览器是否兼容以及，兼容到哪个版本，这时就需要 查询了。caniuse网站：caniuse网站 https://caniuse.com/示例-支持 检索可以 点击 设置 -设置 语言 等有一些 简单的 菜鸟 和 w3c会有可能有菜鸟教程菜鸟教程-https://www.runoob.com/js/js-tutorial.htmlw3c Schoolw3school-https://www.w3sc...原创 2021-10-08 15:53:24 · 5383 阅读 · 0 评论 -
前端粒子效果（particles.js）
炫酷的粒子效果实现下面这两种效果 particles.jshttps://www.jq22.com/yanshi9838上面这种可以使用： particles.jswebgl 或者canvas，css3该都可以 （下面是我找到的实现过程）https://blog.youkuaiyun.com/yeana1/article/details/52460490https://blog.youkuaiyun.com/csdn_yudong/article/details/53128570h...原创 2021-07-23 09:05:44 · 1666 阅读 · 0 评论 -
前端主流浏览器兼容写法（css、js）以及主流框架vue,react的兼容性
前言：前端样式很重要，但是因为浏览器种类繁多，内核不同，会导致各种兼容问题。尤其ie，但好在微软对ie不在更新了。常见浏览器：常见的浏览器有：IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等。但目前最为主流浏览器有五大款，分别是IE、Firefox、Google Chrome（谷歌）、Safari、Opera。主流浏览器内核：Trident: ie浏览器；原创 2021-05-26 15:45:09 · 5697 阅读 · 0 评论 -
前端实现打印预览功能以及page-break-inside属性解决打印换行问题（打印预览表格或文字被分割开）
遇到的问题：打印预览的时候表格被分割了，就是一共两页而其中一行显示在不同的两个页面。如下图：原创 2021-05-18 09:48:59 · 16883 阅读 · 5 评论 -
js实现html搜索关键词高亮显示（标红）
效果图：一、只适用于找出中文如果传入英文会特别麻烦，因为比如传个a，innerHtml匹配时会匹配到包含a的标签比如<span>、<a>等。思路：获取body的innerHtml，配合正则和字符串方法replace方法。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv..原创 2021-04-29 20:04:23 · 7387 阅读 · 1 评论 -
antd Select组件 filterOption使用踩坑报（options.props.children.toLower.Case() is not funcrion）
antd Select组件 filterOption使用在使用antd Select组件的filterOption的踩坑。如下是官网给出的示例： <Select showSearch style={{ width: 200 }} placeholder="Select a person" optionFi原创 2020-12-03 11:06:40 · 19440 阅读 · 7 评论 -
FileZilla部署项目（前端）
前言：之前部署项目都是我自己npm run build之后把dist目录给后台，他自己放到服务器下,或者是使用jekenis（自动化部署）。这家公司让自己部署于是就找到了FileZilla。FileZilla简介FileZilla是一个免费开源的FTP软件，分为客户端版本和服务器版本，具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具，而FileZilla Server则是一个小巧并且可靠的支持FTP&SF原创 2020-09-22 15:14:50 · 1829 阅读 · 2 评论 -
如何解决node_modules包压缩出错或者拷贝不全的问题（内网开发）
前言：最近开发项目因为公司对数据和项目安全很看重。所以开发就是用虚拟桌面开发，虚拟桌面里没有网。对前端来说还是很致命，很繁琐的，因为无论用vue/react都离不开node_module（依赖包）。一般正常开发只需要用npm/cnpm/yarn就可以了，但是内网没有这些东西就需要在外面下载好，复制或者压缩打包放进去。虽然看起来很简单的操作但是还是有坑的，下面我讲一下遇到的坑。问题描述：内网开发node_module复制或者压缩都会运行失败（原因缺包）。但是在外面同样的包就可以运行（node环境一原创 2020-09-16 14:39:18 · 16767 阅读 · 5 评论 -
前端资源记录
本文章记录我觉得有用的资源1.Vue源码解析：源码解析地址 描述：vue源码的解析2.VuePress:VuePress官方文档 描述：极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。3.地图资源下载器具：地图资源下载Cesium器 高程数据地形数据等。 描述：一个非常好的地图资源下载器-cesium.4.前端日刊微信公众号：微信搜索前端日刊5.Ja...原创 2020-06-10 10:09:34 · 298 阅读 · 0 评论