- 博客(46)
- 收藏
- 关注
RSS订阅原创 pm2部署nest
dist目录上传到服务器，或者直接在服务器上拉代码执行。，发现死活访问不了接口，一直报跨域，尝试直接用。却可以，反复修改main.ts配置都不行。main.ts 配置跨域。
2024-03-12 11:17:36
350
原创 vue和uni-app的递归组件排坑
有这样一个数组数据，实际可能有很多级。要渲染为下面这种树形应该很容易想到使用递归组件，下面就来写一个tree组件。
2023-11-20 10:46:02
696
原创 浏览器标签页之间的通信
有一个列表页面，一个新增按钮，一个新增页面，点击新增按钮，在一个新的标签页中打开新增页面。并且，新增后要自动实时的更新列表页面的数据。
2023-11-10 10:57:18
119
原创 封装一个vue3 Toast组件，支持组件和api调用
一个简单的toast组件，利用createApp方法，挂载到实际的dom元素，支持组件调用和api调用方式。
2023-10-24 23:41:33
782
1
原创 前端如何直接上传文件夹
我们经常看到一些网站支持直接选择整个文件夹上传，例如：宝塔面板、cloudflare托管、对象存储网站等等需要模拟文件路径存储文件的场景。那是怎么实现的呢？
2023-10-22 01:25:55
762
原创 仿写el-upload组件，彻底搞懂文件上传
用了那么久的Upload组件，你知道是怎么实现的么，今天就来仿写一个饿了么el-upload vue组件，彻底搞懂前端的文件上传相关知识！
2023-10-21 17:48:24
169
原创 200行代码实现canvas九宫格密码锁
现在很多app，在一些隐私页面，往往都会加入二次验证，例如银行app、支付宝理财和我的页面，一般会有「九宫格密码」和指纹密码。今天我们用canvas来写一个九宫格手势密码锁
2023-09-09 00:17:19
376
原创 公司内部技术分享，我写了一个五子棋
经常和朋友玩「五子棋」微信小游戏双人对战，我就在想为什么不自己开发一个呢？正赶上公司这周的内部技术分享会排到我了，我就写了一个五子棋。由于时间有限，先完成单机模式！会议结束后同事表示：原来这么简单，我也去写一个！
2023-09-07 22:02:11
76
原创 页面iframe不支持引用非业务域名，请重新配置
最近公司为了节约成本，将原生app用小程序重写了，其中有几个页面属于h5，app打开web-view的形式实现的。小程序也支持内嵌webview，于是按照流程一步步开发，配置业务域名白名单，结果小程序还是报错，“页面iframe不支持引用非业务域名，请重新配置”，然后我找遍了代码，没有使用iframe，于是在社区提问，最终还是解决了。原来的h5是跟原生app通信，使用了jsbridge和iframewindow.WVJBCallbacks = [callback]let WVJBIframe = do
2022-03-01 18:47:05
5249
5
原创 Vue组件通信之Provide / Inject
通常从父组件向子组件传递数据时，用的最多的就是Props。如果有这种场景：有一些深层嵌套的组件。如果使用Props就很复杂了，例如以下结构的嵌套组件：Root└─ TodoList ├─ TodoItem └─ TodoListFooter ├─ ClearTodosButton └─ TodoListStatistics需要从TodoList 传递到 TodoListStatistics，如果使用Props，就只能TodoList —> TodoListF
2022-02-22 14:05:01
374
原创 微信小程序场景值列表map格式
通过场景值code，获取对应描述const list = [ [1000, "其他"], [1001, "发现栏小程序主入口，「最近使用」列表（基础库2.2.4版本起包含「我的小程序」列表）"], [1005, "微信首页顶部搜索框的搜索结果页"], [1006, "发现栏小程序主入口搜索框的搜索结果页"], [1007, "单人聊天会话中的小程序消息卡片"], [1008, "群聊会话中的小程序消息卡片"], [1010, "收藏夹"], [1011, "扫描二维码"],
2021-08-04 18:04:52
837
原创 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
440
转载 Regular、Normal、Medium、Light 对应的font-weight值
开发中设计师所出的设计图描述字重的地方往往是这样的： 如上2图描述字重的地方用的是Regular，知道这对应的font-weight值是多少吗？ 字体粗细：‘font-weight’属性名称： font-weight取值： normal | bold | bolder...
2021-07-03 19:19:49
1966
原创 工作中常用的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
108
原创 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
585
2
原创 css实现宽度为100%的元素背景图高度自动
最近在做小程序自定义导航栏，为导航栏设置背景图，但是各个机型导航栏高度不同，同一张背景图如何自适应，而不被拉伸或压缩。方案一背景图宽度100%，高度自动，这种方案适用于固定宽高的元素，并允许背景图溢出background-image: url(img.jpg);background-position: center top;background-size: 100% auto;方案二不希望图像溢出，但允许容器元素根据背景图调整大小，保证元素的宽高比根据背景图的大小创建固定宽高比的容器元素，
2021-06-28 15:59:32
3035
原创 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
1424
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人