- 博客(54)
- 收藏
- 关注
RSS订阅原创 前端源码泄露了_我勒个豆
前端项目经过webpack打包后的产物出现了.js.map文件,然后js.map可以通过工具来反编译还原源代码，产生代码泄露。2.nginx设置禁止访问.js.map文件。1.前端在webpack那层设置。
2024-03-13 11:36:40
842
原创 antd4版本,form的switch开关组件 form.setFieldsValue不生效
发现了要新加属性: valuePropName="checked"今天开发用antd组件的时候switch开关我设置了值一直不生效。
2024-03-01 10:48:50
770
原创 yarn执行报错error An unexpected error occurred: “https://registry.yarnpkg.com...connect ETIMEDOUT...
我说怎么回事,最近我就执行一个yarn,包一直下不下来,吓我 我以为我的package.json文件还是yarn.lock文件有问题.结果是:淘宝镜像的 HTTPS 证书正式到期到期了.
2024-01-25 15:56:56
987
原创 浏览器预览pdf
最近开发手机端的时候遇到安卓浏览器用标签href为pdf链接的时候。我想到的最快的解决方案就是把pdf转换成html文件展示。它不给我去预览pdf而是要我下载,这可离了大普.将pdf文件转成html文件放在静态目录下。
2024-01-23 14:33:53
853
原创 TypeError: (0 , _ahooks.createUpdateEffect) is not a function
然后能正常使用,但是好麻烦.只要用到antdmobile的组件都得用非ssr的方式引入.去找找更好的方法。版本 "next": "14.0.4", "antd-mobile": "^5.34.0",1.下载antd-mobile包,在next.config.js中加入。把引入antdmobile 的那个组件用非ssr的方式引入。next中使用antd-mobile可困难了.主要是因为。2.在页面中引入antd-mobile组件。antd-mobile不支持ssr。3.使用next的dynamic。
2024-01-16 16:37:54
793
2
原创 通过nginx判断手机端来进行转发到不同端口
我们进入nginx配置文件 监听 / 当不是手机端的时候转发到3000 是手机转发到8888端口。手机端一套代码,pc端一套代码,同域名访问怎么办?然后将两个项目启动在响应的端口上就行。
2024-01-16 11:41:32
641
原创 next项目部署到云服务器上(手动)
我是通过写完把代码push到远端gitlab后,下载了tar文件,在通过finalShell把文件手动上传到目录下的。8.如果是阿里云的话,记得把3000端口号加上安全组,然后就能通过ip:3000访问啦。2.更改项目中next.config.js文件(主要是增加ouput这个)5.创建docker镜像(换成自己的项目名称,别怀疑是有. 的)1.在next项目根目录下创建Dockerfile文件。云服务器 ECS,服务器安装好了docker。切到对应的目录下(项目文件名改成自己的)
2023-10-27 16:09:17
1156
原创 next做多端适配
我的思路主要是用全局状态管理zustand来存储isMobile.(每个页面获取到这个全局状态进行处理)然后要使用的话单个页面去获取这个全局状态做处理就行啦.(我之前有些过zustand的使用方法)在_app目录下去判断当前页面是手机端还是pc端然后给isMobile赋值。在next项目中做多端适配。
2023-09-28 14:12:59
493
原创 最详细的next国际化方案
1.下载安装包 (next-i18next react-i18next i18next)2.在根目录下创建文件(next-i18next.config.js)(但是注意react13以上并且用的是app路由的话最好是并采取这种方案。实现效果 : 根据浏览器语言判断和手动切换(两种切换模式)5.pages目录下的_app.tsx文件修改。3.修改文件(next.config.js)4.public目录下编写文本。
2023-09-26 11:32:12
1644
1
原创 前端对接阿里oss保姆级教程(第一章买武器)
4.打开oss控制台,创建Bucket(这里选择公共读,这样才可以让上传的文件被访问)2.进行配置,选择默认就行。
2023-09-21 11:33:14
197
原创 The specified module could not be found.
去github上查找原因，发现是没安装 Microsoft Visual C++ 2015 Redistributable (x64)新电脑运行项目的时候出现了某个包找不到的问题。安装好之后就可以正常启动啦。引入的路径就感觉有问题。
2023-09-13 11:04:43
1473
原创 最详细的修改antd组件的默认样式
对于antd库的我们都很熟悉,但也有很多业务要求去修改里面的样式.示例:比如这个一个很正常的按钮,我想要控制它的大小和颜色.看到组件button上面是带着两个class的。
2023-08-11 16:49:39
1445
原创 类型“{}”上不存在属性“id”
在使用解构想解构出值时,ts报错:类型“{}”上不存在属性“id”。(虽然不影响使用但是很难受)给上层定义一个any就不会报错了。
2023-07-03 14:46:53
913
原创 React中提示Button不能用作JSX组件
今天新建umi项目的时候去引入antd的组件.老是一直爆红。就可以啦 (记住自己的文件要把react引入进来哦)
2023-06-17 16:25:36
1996
3
原创 最新next.js中引入less
在新创建的next.js项目中想要引入less.网上找了很多办法,终于找到了可行的方法.1.首先创建文件global.d.ts(这样我们导入less文件就有提示了)2.下载包 yarn add next-plugin-antd-less。在next-config.js文件夹下修改。3.关闭vs重新启动项目(完成)
2023-05-29 20:55:30
2662
1
原创 git pull 拉取远程仓库地址
git pull 默认是拉去与当前本地分支相同的远程分支,与本地的文件合并。如图我现在用的feat-changelogin分支。git pull origin <远程分支名>这样我就把main分支的代码pull下来了.我拉去并更新的也是远程这仓库的代码。怎么去指定拉去不同仓库的地址呢。
2023-05-26 11:53:40
300
原创 git fetch 和 git pull 的区别
用法:当莫莫人新建分支,然后你要看他的分支内容或者是对其分支进行修改的话,get fetch获取最新情况.换到莫莫人新建的分支进行修改。git fetch 不会对本地的文件做更改,但是可以远程跟踪分支下载和查看其他人完成的最新提交。git pull 把更改引入本地代码存储库。
2023-05-25 20:30:30
54
原创 快速入门zustand,2分钟搭建属于react的全局状态管理
redux和react-redux实在是太繁琐了,写下一套下来花费的时间实在是太多了.那么我们就来用用最新的替代zustand.在ts环境下的使用.2.创建store文件夹,创建index.tsx文件。1.下载cnpm i zustand。
2023-04-25 10:28:04
558
原创 react最新版本react-router-dom的路由跳转和传参
首先我的目录架构是这样,然后跳转的话是从LoginView跳到JiedanView。相比于之前的版本改变了好多.withrouter,usehistory都没了.但新版本的路由跳转和传参也挺好上手和使用.这个路由和上面一样的不需要额外的配置。JiedanView获取值。第一种:params传参。第二种:search传参。这种路由表正常配置就好。LoginView的话。第三种:state传参。至此三大传参就结束啦。
2023-04-22 16:04:59
788
原创 react+ts项目中函数式组件使用useref()
用useref()得useRef<HTMLInputElement | null>(null)对于我这种有强迫症的人,看到有红线就像解决.(家人们谁懂啊- _ -)个人感觉ts项目还是挺麻烦的不进行类型选择就容易爆红.
2023-04-21 15:56:01
859
原创 vue项目导入excel文件并且读取文件的内容
随便使用一个按钮来触发事件就好了. 现在只能是h5端使用. 或别的端,改一下uni.chooseFile方法里面的内容就好了。2.导入使用 (这个在哪个文件上使用了就放在哪个文件里面)我用的uniapp创建的vue2项目。搭配是vue2+xlsx。1.首先去下载 xlsx。
2023-04-02 20:01:42
762
原创 vue项目中导出excel文件
用到的搭配是:vue2+vue-json-excel+element-ui(技术不精用vue3+vite老是报错不能使用)3.把下载好的组件进行注册(在main.js中)1.首先下载好vue-json-excel。我的使用是uniapp创建的项目.2.下载element-ui。
2023-04-02 16:46:55
190
原创 uniapp vue3项目引入vuex
v3项目的话引入vuex和之前vue2项目的是有点点差别了.2.在store.js中定义state,等等全局数据。3.在main.js中注册vuex。
2023-03-31 12:12:11
865
原创 uniapp在微信小程序端调用摄像头拍照并且把拍下的图片上传到后端
需要注意的是我在代码片段中用到 _this,因为我怕函数改变了this的指向所有我在方法的开头就写了。
2023-03-29 14:55:59
2339
4
原创 记录一下引入字体. 想要在uniapp或vue项目中引入好看的字体.
最近做大屏项目的时候需要引入数字字体显示大屏时间.所以就来分享一下如何引入一款好用又好看的字体.去网站上下载自己喜欢的字体(挺多的,免费的,我爱白嫖)第四步:去改里面的stylesheet.css文件。第三步:放到自己项目的static静态资源上。好了,现在就可以快乐的使用字体了。第二步:压缩(狠狠的压缩)在app.vue中引入样式。给我先去改路径 static/font/ds-digib-webfont.woff2 被偷懒,等到时候报错哭唧唧。
2023-03-26 21:20:02
802
原创 uniapp小技巧之选择本地文件(注意这个方法只适配h5,app端未适配)
注意注意一定注意app端不能用,想要app端选择上传文件去插件市场寻找,或私信我,我告诉你方法。
2023-03-11 11:06:44
3964
6
原创 uniapp实现图片保存到手机号里面(图片得是网路地址哦)
这个用到uni.downloadFile, 图片应该得是网路地址,我之前用本地地址失败了。
2023-03-11 10:53:21
259
原创 uniapp实现把电话号码存入手机通讯录中(适配安卓和ios)
需要注意的点就是mobilePhoneNumber他最好为字符串的形式.之前我用number的形式,在ios端是不会保存电话号码的.相信大家也有遇到过电话号码一键转存的功能.那么怎么实现呢?
2023-03-11 10:45:02
1859
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人