![](https://img-blog.csdnimg.cn/20210502160615606.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
场景方案
文章平均质量分 90
这里积累平时遇到的场景解决方案
庞囧
主业是一个纯前端打字员,生活与工作的平衡点是我的追求。
展开
-
【场景方案】目前我见过的最容易的主题色切换方案~
最近我在研究换肤方案,在某个UI组件库的源码中,我发现了一个既容易实现又方便使用的方案。现在,我将这个方案分享给大家~Less预处理器CSS变量Color第三方颜色处理库。原创 2024-04-20 15:05:50 · 192 阅读 · 0 评论 -
【场景方案】前端如何结合GPT提升我们的开发效率,个人经验总结,不定期更新~
在与GPT进行提问时,为了让它能够更准确地理解你的意思,你应该尽量提供详细的问题描述。提一下,国内那些对接了GPT key的套壳网站就没必要去用了,基本上要么充好多钱,要么签到领token。如果对方一直无法给出正确答案,不要再优化提问方式了,立马放弃,自己想办法去解决,不要把自己耗死在里面。以此类推,不断地把api.js这个文件完善,最终咱们得到的就是一个可靠的二次封装方法了。有时候提问的方式合理,容易得到更好的答案,下面我介绍几个提问技巧。了,你们后续的对话主题不是割裂的,出现偏差回答的概率大大降低。原创 2023-11-07 21:50:58 · 1064 阅读 · 0 评论 -
【场景方案】我所积累的一些跨页面的数据传递方式,持续更新,欢迎补充~
还有一个要注意的,如果postMessage时传入的是框架里的响应式变量是会报错的,传入的时候用…用添加监听器的方式去监听channel的信息传递,这样好销毁内存。当a标签页点击了按钮,b标签页就能够接收到数据。iframe嵌套相同域名的页面应该也是可以正常使用的,不过。这里提个醒sessionStorage每个页签都是独立的。的这个html5特性去跨域传递数据,不受跨域限制。这里推荐篇基础使用文章:【原创 2023-09-02 11:21:42 · 249 阅读 · 0 评论 -
【场景方案】关于前端对接口行为的控制合集:轮番查询、并发请求、服务端通知、token无感刷新、请求取消
以下收集了我工作以来遇到的对接口行为控制的操作方案,有一些暂时记不得了,等以后想到了再做补充。原创 2021-10-31 21:23:21 · 895 阅读 · 0 评论 -
【场景方案】前端的噩梦,给老旧的显示设备做页面兼容,你做过多少?一起来补充呗
大家都做过屏幕适配吧。我目前的体会是移动端屏幕的适配问题基本上都很好处理,因为屏幕大小差异不会太大,横向分辨率也比较统一,缩放比一致。而且不用担心旧的设备,因为每个人的手机更新换代很快,所以基本上老机型的适配问题可以忽略了。但是在PC上就不一样了。一个电脑可以使用十几年,这就会出现客户的电脑显示器分辨率落后(720P),或者是系统缩放比不同,又或者是窗口化使用等场景。下面我举例一些场景和应对措施,供大家参考。原创 2021-09-12 10:50:34 · 314 阅读 · 0 评论 -
【场景方案】与后端接口斗智斗勇的这几年,我帮前端小伙伴们提供了一些策略,也给后端大佬提点建议
本次文章记录我个人在几年的工作中,对后端的接口输出工作,做了一些小小的总结。从一个前端小白的角度,提出一些接口工作中的注意事项。供大家参考!有共鸣的小伙伴记得赏我一个赞哈~原创 2021-04-27 20:21:23 · 1047 阅读 · 2 评论 -
【场景方案】别只会埋头苦干,我帮你整理了容易忽视的文字排版问题
我估计很多前端老哥写页面的时候遇到文字的显示基本就一个p标签,然后把文字放入内容里,首行缩进部分用个span标签代替或者多个代替。其实都是有原生的方式去实现的,类似这种情况的很多,这里帮你整理了容易忽视的文字排版问题。记得每使用一个方案后去问问产品是否可行~原创 2021-07-03 21:20:44 · 269 阅读 · 0 评论 -
【场景方案】还在用老套的方式实现下拉加载更多啊,最新react只需简单的代码即可实现
下拉加载更多我想每个前端开发都遇到过,需要的时候就在网上搜,很有可能搜到的都是一些过去“老时代”的写法。前端发展的这么快,不抓紧跟上,你的代码编写只会越来越落伍。本次文章就教你用react18+ahook+antd第三方库最简单的方式去实现一个下拉加载更多。原创 2021-08-22 22:09:12 · 644 阅读 · 0 评论 -
【场景方案】分享平时做表单页面时,积累的一些心得体会
作为一个前端最常遇见的需求场景就是写表单、写表格。写多了会逐渐的积累一些开发心得,此文章根据我使用vue和react的经验记录了一些东西,抛砖引玉的给大家看看。原创 2023-06-04 10:19:20 · 677 阅读 · 2 评论 -
【场景方案】提供一个用hooks编写的简单登录登出功能的方案(react)
如果你是一个vue工程师,第一次使用react(hooks)去编写,恭喜你,看这篇文章就对了。我将用react-hook的写法去实现一个简单的登录登出功能,让你体会react代码编写思维和vue是有一些不同的。还需要借助第三方hooks库ahooks,用户数据暂不考虑权限。原创 2023-07-17 16:52:06 · 464 阅读 · 0 评论 -
【场景方案】如何去设计并二次封装一个好用的axios,给你提供一个另类写法,另加一些思考
以下演示基于vue3与element-plus,react可以仿造这个写,原理都是一样的。之前在b站上的前端三十up主那里看来的,感觉写的挺有意思的。特此写篇文章记录下,还加上自己的一些思考。我们平时封装的axios函数其实网上一搜一大把,但这个up给我们展示了一种“另类”的封装方法,我重新按自己想法重构了遍,来看看咋写的。原创 2023-05-20 19:21:03 · 714 阅读 · 1 评论 -
【场景方案】关于excel、pdf、word、富文本编辑器、思维导图制作、图表制作、日历这类第三方库的推荐
同样这个库还有word、pdf的预览版本@vue-office/docx,@vue-office/pdf ,@vue-office/ppt。个人认为开源中最强大的是tinymce,建议安装最新版,因为最新版的api很多,国内中文社区那个版本就老了点。缺点就是传入的word文件需要满足一些特定的写法,才能把数据精确写入,用户体验不是很好。它是可以直接预览public下的本地文件的,src的路径直接填进去即可。3年前用的go.js,当时感觉是最强大的,但是需要收费,可破解非商用。原创 2021-06-10 10:53:01 · 538 阅读 · 1 评论 -
【场景方案】我所遇到的有关前端文件上传的知识点归纳,欢迎大家来补充
本文章总结了本人在网上和实际公司项目中遇到的有关前端文件上传功能的知识点,如有更好的方案或者发现错误,欢迎评论区中指出。文章部分知识来源网上博客、gpt问答,以及b站up主【三十的前端课】的视频。原创 2023-05-07 13:02:51 · 806 阅读 · 0 评论 -
【场景方案】用babel把将es6降级成es5,提高浏览器兼容性
如果是懒人,不想多一些理解。我觉得只要记住一个事情就好了,就是babel通过配置好在node_modules中的环境预设库,去自动把es6的语法降级成es5。原创 2021-05-02 22:30:35 · 3432 阅读 · 0 评论 -
【场景方案】关于权限控制,我们前端能做什么?(vue)
一个系统的权限控制,核心在于后端的处理,前端负责让用户感知到有权限这样一个东西存在。对于前端在一套权限控制方案中能够做什么,我罗列了一下几个方面按钮的控制菜单的显示路由的权限接口的校验以下案例用vue来做举例具体的方案,咱们可以采用自定义指令的方式,我这里有记录怎么写【vue其他相关】积累几个实用的自定义指令,可直接复制粘贴。原创 2021-03-15 22:46:32 · 267 阅读 · 0 评论 -
【场景方案】适用于简单后台管理的登陆退出鉴权解决方案(vue)
文章内容是我的crm解决方案里实现的原理的解析crm解决方案。有些代码示例中看不到引入,因为我这里只记录实现的思路,具体的可以看我项目源码。原创 2022-05-24 22:55:33 · 695 阅读 · 0 评论 -
【场景方案】捋一捋Vben Admin之登陆方案(学习记录)
文章目录前言点击登陆validFormPiniauserStore.loginuserStore.afterLoginActionuserStore.getUserInfoAction尾巴前言本文章只是一个思路的梳理,只扒TS的逻辑过程(模板的暂时不涉及,以后有机会再补上吧),作为个人的源码学习记录,不喜勿喷。源码来源 Vben Admin点击登陆点击登陆按钮的相关文件在src/views/sys/login/LoginForm.vue中,我们来逐句分析,遇到一些封装的地方再往下翻翻可以看到(原创 2022-04-16 17:06:01 · 6046 阅读 · 3 评论