
前端
记录前端小技巧
略略大魔王丶
小前端
展开
-
nuxt3项目在宝塔上使用pm2放到服务器
最近在将nuxt3项目扔到服务器上的时候遇到了一些问题,发现打包后的nuxt项目与正常的vue文件有些差别,缺失了index.html文件。创建一个文件,文件名叫 ecosystem.config.js。这里选择权限最大的root,选择其他不清楚会遇到什么问题.这里的 port 设置一个空闲的端口号,不要冲突就好。这边就记录下nuxt3项目是怎么放到服务器上的🤔。注意这里设置的端口也是需要空闲的端口,别冲突了。注意:上传的路径地址是 站点 对应的地址。原创 2023-06-06 16:19:23 · 2263 阅读 · 0 评论 -
使用canvas图片裁剪
最近在做项目中需要裁剪图片上某一处位置的头像,这边就记录下我的实现的操作。原创 2023-04-11 12:01:12 · 2082 阅读 · 1 评论 -
使用tracking获取人脸照片
这边只用到了tracking-min.js与face-min.js,引入它们。最后返回的时候也可以返回base64,看个人需求.原创 2023-04-10 17:35:28 · 507 阅读 · 0 评论 -
web端图片压缩
之前做了uniapp的图片压缩,那么web端的图片压缩方法我也在这里记录下。原创 2023-03-23 09:45:52 · 600 阅读 · 0 评论 -
web-view接收H5外链页面的数据
最近在做项目的时候有需要外链另一个项目的页面,其中在web-view在接收h5外链页面的时候总是拿不到数据,最后折腾了好长一段时间终于找到解决办法了,这里我就记录下。原创 2023-03-22 20:36:30 · 547 阅读 · 0 评论 -
uniapp图片压缩
最近在开发中有需求需要压缩图片,这里我就记录下压缩方法以及遇到的坑。由于这里跨文件了,所以这里用vuex将this记录下来。原创 2023-03-22 19:49:59 · 1027 阅读 · 0 评论 -
uniapp离线存储数据到SQLite数据库
这里我记录下我在uniapp离线存储数据到SQLite数据库中的方法,这里主要是uniapp去操作SQLite数据库的一些操作,我把这些操作写成一个class在此记录方便自己或者需要的人使用。最近在做项目中,有需求需要app在无网络的情况下存储数据,等到有网络的时候把数据发送给后端。这个文件只是去操作数据库,至于sql语句需要根据自己的需求去动态的创建。原创 2023-03-09 14:24:15 · 1973 阅读 · 0 评论 -
多文件分断上传
在项目中有一些大文件需要做分断上传并显示进度条,最近我在做项目的时候也遇到了这种情况,在这里我记录下分断上传如何实现的。首先,写一个分断上传的类,这里直接上代码。原创 2022-12-09 18:24:38 · 256 阅读 · 0 评论 -
富文本编辑器 ck-editor5 的使用
最近在项目中需要用到富文本编辑器,据说ck-editor5很不错,于是就使用它了,不过在期间也遇到了很多问题,这里记录下。一、引入ck-editor5文档地址:Predefined builds - CKEditor 5 Documentation这里有个坑,我最初是根据文档执行下面的npm命令下载的,最后捣腾了半天发现里面功能不全,就是一个简单版本的ck-editor所以不推荐使用推荐引入方式: 自定义配置自己所需要的功能生成build文件然后在项目中引入自定义配置地址:CKEditor 5 Onl原创 2022-12-05 12:33:35 · 18038 阅读 · 20 评论 -
html导出pdf
在最近做项目的时候,遇到一个需求需要能预览简历并导出成pdf,这里我记录下将html导出pdf的方法。原创 2022-11-15 13:57:17 · 1804 阅读 · 0 评论 -
js实现文件下载功能
在项目中,可能会遇到js下载文件、图片等一些资源,所以在这里记录下实现方式。3. 通过创建a标签并触发a标签的点击事件实现下载。这里我封装一个方法传入特定参数就直接能实现下载功能。2. 通过File对象得到Blod对象。1. 获取需要下载的文件File对象。最后调用此方法就能实现下载效果啦😆。4. 释放资源已经删除a标签。原创 2022-10-12 09:22:30 · 4457 阅读 · 0 评论 -
html实现拖拽上传
最近公司需要有一个拖拽上传的功能,但是由于在开发前,某某人规定了只能使用某个组件库😅,而组件库内没有拖拽上传的例子,所以我在这里写一个拖拽上传的功能😁.3. 这里有用到Bootstrap5的class,所以html部分的样式需要自己更改。1. 这里上传成功后的提示用的是primevue组件库,可以不用管。2. 目前这里只是单文件上传,如果有需求可以自行更改。4. 目前这边就是按钮上传以及拖拽上传。原创 2022-10-06 10:57:15 · 1408 阅读 · 0 评论 -
vue history模式nginx的配置
然后在浏览器打开发现确实是找不到资源,这里我使用hash路由模式,于是我把#号去掉发现就能访问,在这里就猜测可能是hash模式导致的。最近在宝塔上的运行的项目出现资源找不到情况,人有点懵,项目运行的好好突然就资源找不到了。配置完成后,通过地址继续访问就发现访问成功,资源都可以找到了。解决办法:改成history路由模式。原创 2022-09-26 15:37:38 · 1332 阅读 · 0 评论 -
apk反编译的时候出现DexBackedDexFile$NotADexFile错误
记录下在apk反编译过程中出现DexBackedDexFile$NotADexFile错误的解决办法原创 2022-07-26 20:21:25 · 1180 阅读 · 0 评论 -
uni-app简单实现一下拖拽排序
简简单单做一个拖拽排序🤪原创 2022-04-28 12:40:12 · 12328 阅读 · 35 评论 -
uni-app实现简单的列表拖拽排序
uni-app简单实现下,纵向的拖拽排序原创 2022-04-29 10:20:57 · 5696 阅读 · 5 评论 -
uni-app实现canvas绘制图片、海报等
uni-app实现canvas绘制海报、图片的组件,真的简简单单啦!原创 2022-04-30 09:37:32 · 12581 阅读 · 5 评论 -
XMLHttpRequest上传文件
简单使用下XMLHttpRequest上传文件原创 2022-05-05 11:02:35 · 1886 阅读 · 0 评论 -
前端axios的封装
对axios进行的封装原创 2022-04-21 18:01:06 · 3281 阅读 · 0 评论 -
封装fetch请求
记录下本人对fetch请求的封装..原创 2022-04-29 16:04:21 · 2324 阅读 · 0 评论 -
uni-app中使用websocket
uni-app做聊天功能用websocket简单实现一下原创 2022-04-29 11:04:22 · 4350 阅读 · 0 评论 -
前端xlsx导入与导出
最近在做项目中,后端偷懒不做导出功能,让我前端实现,所以在这里记录下前端导出功能,顺便补上导入功能。原创 2022-05-13 11:00:07 · 2445 阅读 · 0 评论 -
js实现DOM生成图片
使用js实现dom转图片,主要用到svg的foreignObject标签原创 2022-06-05 11:53:00 · 3644 阅读 · 0 评论 -
Vue3 使用expose让父组件直接修改子组件的值
Vue3 expose语法糖 实现父组件改变子组件的数据原创 2022-05-25 12:58:56 · 4878 阅读 · 0 评论 -
flex:1是什么?
理解下flex: 1,以及flex中的值的作用😆原创 2022-05-19 12:48:55 · 36824 阅读 · 8 评论