前端
文章平均质量分 73
崽崽的谷雨
从事前端,不断积累经验,学习新的技术。头像不是本人是莉莉崽(美貌、可爱集于一身的小姐姐,小仙女),一个宝藏博主,值得喜欢!
展开
-
神策埋点 sensorsdata.es6.min.js、sensorsdata.min.js 触发eslint 语法检查,导致打包不成功
在使用神策埋点时,下载的web js sdk,打包时eslint 语法检查,会导致打包不成功。npm start没问题。原创 2024-08-29 15:33:50 · 533 阅读 · 0 评论 -
create-react-app 移除 ESLint 语法检查
总之,ESLint 是一个强大的工具,可以帮助开发者提高代码质量和一致性,是现代 JavaScript/TypeScript 开发过程中不可或缺的部分。虽然这不是完全关闭 ESLint,但如果您只想在某些文件或行上禁用 ESLint 检查,可以添加特定的注释。1.代码风格检查:ESLint 可以检查代码是否符合特定的编码风格,例如缩进、空格、引号类型等,帮助团队保持一致的代码风格。3.自定义规则:ESLint 允许开发者根据项目需要定义和配置规则,可以启用或禁用特定的检查规则,以满足团队的编码标准。原创 2024-08-29 15:31:03 · 391 阅读 · 0 评论 -
vs-code 提示:此应用无法在你的电脑上运行,若需要找到适用于你的电脑的版本,请咨询软件发布者。
建议 备份一下extensions.json,重新安装完后,按照json里的插件重新安装一下,防止插件丢失。我昨天使用,vs code时一打开就提示“此应用无法在你的电脑上运行,若需要找到适用于你的电脑的版本,请咨询软件发布者”,一编辑代码也提示,关掉弹窗只要,编辑代码还会提示。**我网上找了好多方案,都不行,包括设置兼容性,甚至我卸载了重装也不行,下载旧版本的也不行。最后我想起来了可能是没有卸载干净,因为 每次卸载打开,我的插件还在。删除完成后,重新下载 安装包,安装即可,就没有这个问题了!原创 2024-08-20 10:47:15 · 1037 阅读 · 3 评论 -
js 实现对一个元素得拉伸
最近写一个项目遇到了需要拉伸调整一个元素得大小(宽高)。所以打算实现一下。思路就是用 mousedown、mousemove、mouseup 来实现。mousemove是动态获取坐标,然后 动态改变元素宽度这种功能建议使用 成熟的库来实现,兼容性什么的一般都会适配。原创 2024-08-19 10:30:49 · 879 阅读 · 0 评论 -
qiankun 实现父子应用通信
最近有一个项目在实现微服务,把几个独立的项目集成一个项目里,选择了qiankun技术栈。qinakun 官网 使用指南使用时遇到了 主应用(父),子应用之间需要传递消息。特此记录一下。原创 2024-05-17 11:22:14 · 1489 阅读 · 0 评论 -
前端实现浏览器自定义滚动条
前端实现浏览器自定义滚动条原创 2024-03-27 10:30:00 · 4902 阅读 · 0 评论 -
react、vue移动端项目使用技术
现在移动端项目越来越多,h5项目需求量也很大。所以有必要总结一下,h5 移动段使用到的技术。一般 h5可以在微信、内嵌app(webview)、小程序(webview)等等只要有浏览器环境都能运行。具体使用方式可以参考 我 create-react-app 专栏里的文章(仅限 react)。不过 vue页大差不差。其实 如果你的页面要求 缓存状态 可以优先选择 vue。react需要自己用第三方插件 实现,不过 react 18有个中的官方实现 也可以实现。原创 2024-01-22 10:00:00 · 2372 阅读 · 0 评论 -
React、vue、h5端项目避免缓存
h5、pc端项目避免缓存原创 2024-01-19 14:37:38 · 3414 阅读 · 1 评论 -
input 输入中文,高频触发 onchange和oninput事件(CompositionEvent API解决)
input 输入中文,高频触发 onchange和oninput事件(CompositionEvent API解决)原创 2023-10-27 13:44:40 · 4787 阅读 · 0 评论 -
js实现左右列表对齐(左边点击时,右边滚动和左边对齐。反之右边点击时,左边滚动和右边对齐)
js实现左右列表对齐(左边点击时,右边滚动和左边对齐。反之右边点击时,左边滚动和右边对齐)原创 2023-08-03 10:45:00 · 852 阅读 · 1 评论 -
BraftEditor使用及自动获取焦点的方法
BraftEditor使用及自动获取焦点的方法原创 2023-08-02 10:30:00 · 433 阅读 · 0 评论 -
react 实现浮动可吸附悬浮窗,悬浮球,悬浮按钮,支持拖动拖拽功能(suspend-button)
最近在做移动端,有个需求是 实现一个浮动球可拖拽,能吸附(吸附到 左右两则,距离哪进就吸附到哪边)。使用 suspend-button 实现原创 2023-07-17 16:02:19 · 3294 阅读 · 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 · 2037 阅读 · 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 · 5436 阅读 · 0 评论 -
vue、react里 加载glb类型的3D模型(可使用的技术栈推荐)
vue、react里 加载glb类型的3D模型(可使用的技术栈推荐)原创 2023-02-07 10:22:54 · 4320 阅读 · 0 评论 -
xlsx 解析excel 后渲染到表格里(前端实现 解析excel渲染到表格)
xlsx 解析excel 后渲染到表格里(前端实现 解析excel渲染到表格)原创 2022-10-24 08:45:24 · 3584 阅读 · 13 评论 -
js 实现隐藏表格列
js 实现隐藏表格列。动态 渲染列原创 2022-10-19 10:15:00 · 5333 阅读 · 2 评论 -
js禁用浏览器 pdf 打印、下载功能(pdf.js 禁用打印下载、功能)
js禁用浏览器 pdf 打印、下载功能(pdf.js 禁用打印下载、功能)原创 2022-06-22 08:30:00 · 12243 阅读 · 15 评论 -
微信小程序UI库组件库合集
微信小程序UI组件库合集转载 2022-02-28 09:30:00 · 4975 阅读 · 1 评论 -
前端工具文档网站推荐(印记中文、程序员盒子、前站)
工具推荐,网站推荐,前端工具大全,文档大全原创 2021-12-02 13:59:47 · 8722 阅读 · 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 · 4920 阅读 · 0 评论 -
前端粒子效果(particles.js)
炫酷的粒子效果实现下面这两种效果 particles.jshttps://www.jq22.com/yanshi9838上面这种可以使用: particles.jswebgl 或者canvas,css3该都可以 (下面是我找到的实现过程)https://blog.csdn.net/yeana1/article/details/52460490https://blog.csdn.net/csdn_yudong/article/details/53128570h...原创 2021-07-23 09:05:44 · 1445 阅读 · 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 · 4632 阅读 · 0 评论 -
前端实现打印预览功能以及page-break-inside属性解决打印换行问题(打印预览表格或文字被分割开)
遇到的问题:打印预览的时候表格被分割了,就是一共两页而其中一行显示在不同的两个页面。如下图:原创 2021-05-18 09:48:59 · 15506 阅读 · 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 · 6744 阅读 · 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 · 18356 阅读 · 7 评论 -
FileZilla部署项目(前端)
前言:之前部署项目都是我自己npm run build之后把dist目录给后台,他自己放到服务器下,或者是使用jekenis(自动化部署)。这家公司让自己部署于是就找到了FileZilla。FileZilla简介FileZilla是一个免费开源的FTP软件,分为客户端版本和服务器版本,具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具,而FileZilla Server则是一个小巧并且可靠的支持FTP&SF原创 2020-09-22 15:14:50 · 1657 阅读 · 2 评论 -
如何解决node_modules包压缩出错或者拷贝不全的问题(内网开发)
前言:最近开发项目因为公司对数据和项目安全很看重。所以开发就是用虚拟桌面开发,虚拟桌面里没有网。对前端来说还是很致命,很繁琐的,因为无论用vue/react都离不开node_module(依赖包)。一般正常开发只需要用npm/cnpm/yarn就可以了,但是内网没有这些东西就需要在外面下载好,复制或者压缩打包放进去。虽然看起来很简单的操作但是还是有坑的,下面我讲一下遇到的坑。问题描述:内网开发node_module复制或者压缩都会运行失败(原因缺包)。但是在外面同样的包就可以运行(node环境一原创 2020-09-16 14:39:18 · 15701 阅读 · 4 评论 -
前端资源记录
本文章记录我觉得有用的资源1.Vue源码解析:源码解析地址 描述:vue源码的解析2.VuePress:VuePress官方文档 描述:极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。3.地图资源下载器具:地图资源下载Cesium器 高程数据地形数据等。 描述:一个非常好的地图资源下载器-cesium.4.前端日刊微信公众号:微信搜索前端日刊5.Ja...原创 2020-06-10 10:09:34 · 271 阅读 · 0 评论