- 博客(46)
- 收藏
- 关注
原创 pm2部署nest
dist目录上传到服务器,或者直接在服务器上拉代码执行。,发现死活访问不了接口,一直报跨域,尝试直接用。却可以,反复修改main.ts配置都不行。main.ts 配置跨域。
2024-03-12 11:17:36
543
2
原创 vue和uni-app的递归组件排坑
有这样一个数组数据,实际可能有很多级。要渲染为下面这种树形应该很容易想到使用递归组件,下面就来写一个tree组件。
2023-11-20 10:46:02
820
原创 浏览器标签页之间的通信
有一个列表页面,一个新增按钮,一个新增页面,点击新增按钮,在一个新的标签页中打开新增页面。并且,新增后要自动实时的更新列表页面的数据。
2023-11-10 10:57:18
175
原创 封装一个vue3 Toast组件,支持组件和api调用
一个简单的toast组件,利用createApp方法,挂载到实际的dom元素,支持组件调用和api调用方式。
2023-10-24 23:41:33
1029
1
原创 前端如何直接上传文件夹
我们经常看到一些网站支持直接选择整个文件夹上传,例如:宝塔面板、cloudflare托管、对象存储网站等等需要模拟文件路径存储文件的场景。那是怎么实现的呢?
2023-10-22 01:25:55
1836
原创 仿写el-upload组件,彻底搞懂文件上传
用了那么久的Upload组件,你知道是怎么实现的么,今天就来仿写一个饿了么el-upload vue组件,彻底搞懂前端的文件上传相关知识!
2023-10-21 17:48:24
261
原创 200行代码实现canvas九宫格密码锁
现在很多app,在一些隐私页面,往往都会加入二次验证,例如银行app、支付宝理财和我的页面,一般会有「九宫格密码」和指纹密码。今天我们用canvas来写一个九宫格手势密码锁
2023-09-09 00:17:19
486
原创 公司内部技术分享,我写了一个五子棋
经常和朋友玩「五子棋」微信小游戏双人对战,我就在想为什么不自己开发一个呢?正赶上公司这周的内部技术分享会排到我了,我就写了一个五子棋。由于时间有限,先完成单机模式!会议结束后同事表示:原来这么简单,我也去写一个!
2023-09-07 22:02:11
109
原创 页面iframe不支持引用非业务域名,请重新配置
最近公司为了节约成本,将原生app用小程序重写了,其中有几个页面属于h5,app打开web-view的形式实现的。小程序也支持内嵌webview,于是按照流程一步步开发,配置业务域名白名单,结果小程序还是报错,“页面iframe不支持引用非业务域名,请重新配置”,然后我找遍了代码,没有使用iframe,于是在社区提问,最终还是解决了。原来的h5是跟原生app通信,使用了jsbridge和iframewindow.WVJBCallbacks = [callback]let WVJBIframe = do
2022-03-01 18:47:05
5361
5
原创 Vue组件通信之Provide / Inject
通常从父组件向子组件传递数据时,用的最多的就是Props。如果有这种场景:有一些深层嵌套的组件。如果使用Props就很复杂了,例如以下结构的嵌套组件:Root└─ TodoList ├─ TodoItem └─ TodoListFooter ├─ ClearTodosButton └─ TodoListStatistics需要从TodoList 传递到 TodoListStatistics,如果使用Props,就只能TodoList —> TodoListF
2022-02-22 14:05:01
397
原创 微信小程序场景值列表map格式
通过场景值code,获取对应描述const list = [ [1000, "其他"], [1001, "发现栏小程序主入口,「最近使用」列表(基础库2.2.4版本起包含「我的小程序」列表)"], [1005, "微信首页顶部搜索框的搜索结果页"], [1006, "发现栏小程序主入口搜索框的搜索结果页"], [1007, "单人聊天会话中的小程序消息卡片"], [1008, "群聊会话中的小程序消息卡片"], [1010, "收藏夹"], [1011, "扫描二维码"],
2021-08-04 18:04:52
872
原创 js 读取文字转语音播报
var msg = new SpeechSynthesisUtterance("默认读的文字");console.log(msg);// 可以通过如下参数进行配置msg.rate = 0.9; // 播放语速msg.pitch = 1; // 音调高低msg.text = "请12号前来取餐"; // 也可以直接写在peechSynthesisUtterance("默认读的文字")中msg.volume = 1; // 播放音量,最大值1window.speechSynthesis.speak
2021-07-21 20:04:59
462
转载 Regular、Normal、Medium、Light 对应的font-weight值
开发中设计师所出的设计图描述字重的地方往往是这样的: 如上2图描述字重的地方用的是Regular,知道这对应的font-weight值是多少吗? 字体粗细:‘font-weight’属性名称: font-weight取值: normal | bold | bolder...
2021-07-03 19:19:49
2190
原创 工作中常用的git操作
克隆// 克隆远程仓库到本地,默认是master分支,github默认main分支git clone ssh/https地址 // https地址可以直接clone,但每次在push时需要输入用户名和密码;ssh的在clone之前需要添加ssh key,但在push时不需要输入用户名和密码// 克隆指定分支的代码git clone -b branch_name ssh/https地址状态// 查看状态git status// 查看提交历史git log提交// 暂存.
2021-06-30 19:05:40
124
原创 nuxt项目部署心得
昨晚部署一个nuxt项目的官网花了三个小时,实在是汗颜,赶紧写个博客记录一下,以免再犯我的部署流程运行环境:linux服务器,pm2进程守护,nginx反向代理0.服务器安装nginx和pm2安装nginx已有众多大神写过相当详细的教程安装pm2确保服务器上装有node环境npm i pm2 -g1.项目根目录新建process.json文件// process.json 简单版本{ "apps": { "name": "xx-test", // 项目名称
2021-06-30 15:04:00
730
2
原创 css实现宽度为100%的元素背景图高度自动
最近在做小程序自定义导航栏,为导航栏设置背景图,但是各个机型导航栏高度不同,同一张背景图如何自适应,而不被拉伸或压缩。方案一背景图宽度100%,高度自动,这种方案适用于固定宽高的元素,并允许背景图溢出background-image: url(img.jpg);background-position: center top;background-size: 100% auto;方案二不希望图像溢出,但允许容器元素根据背景图调整大小,保证元素的宽高比根据背景图的大小创建固定宽高比的容器元素,
2021-06-28 15:59:32
3345
原创 element-ui Calendar 日历渲染自定义文案
element-ui Calendar 官网链接官网的只有一个基础的日历展示,但是提供了插槽,使得我们可以自定义日历单元格dateCell scoped slot 参数参数说明类型date单元格代表的日期Datedata{ type, isSelected, day},type 表示该日期的所属月份,可选值有 prev-month,current-month,next-month;isSelected 标明该日期是否被选中;day 是格式化的日期,格式为 yyyy-M
2021-06-18 15:29:09
1542
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人