通过FTP工具链接服务器
个人比较常用的FTP工具是FileZilla 开源免费跨平台一直在用，但是当我自己在服务器中安装pure-ftpd的时候，filezilla一直提示连接失败状态: 已从服务器断开 状态: 正在连接 11.11.11.11:8090... 状态: 连接建立，等待欢迎消息... 状态: 初始化 TLS 中... 状态: 正在验证证书... 状态: TLS
在Canvas中使用React Hooks
在本文中，我将使用React Hooks创建一个html canvas 画图网站，我将使用create-react-app脚手架从零开始构建项目。最后这个应用程序有诸如清除、撤销和使用localStorage基本功能。本文我将向您展示任何构建自定义Hooks和在普通的Hooks中重用有状态逻辑。基本设置我们首先使用create-react-app创建一个新的React应用程序。$ npx crea
Chrome出现微信公众号编辑不了|无法点击
我的chrome浏览器更新到84和85版本，经过多次测试一直无法保存公众号编辑好的文章。经过一遍遍的排查，把所有插件都停用，一个个启动，发现是脚本的问题。把脚本列表中的解除网页限制脚本停用即可。这个脚本可以安装在油猴Tampermonkey和暴力猴Violentmonkey插件中。
Vue3 的 script setup 语法糖是真的爽
还记得刚体验 script setup 语法糖的时候，编辑器提示我这是一个实验性的提案，要使用的话，需要固定 Vue 版本。而在 6 月底，该提案被正式定稿，在 v3.1.3 的版本上，你可以继续使用但仍会有实验性提案的提示，在 v3.2 中，才会去除提示并移除一些废弃的 API。script setup 是个啥？它是 Vue3 的一个新语法糖，在 setup 函数中。所有 ES 模块导出都被认为
PIXI.JS 点击获取当前坐标
PIXI Canvas 点击事件如下 onMounted(() => { console.log('mounted') app.renderer.plugins.interaction.on('pointerdown', (event: PIXI.InteractionEvent) => { let ax = event.data.get
前端自动化构建工具 ---- Plop
plop:可以通过命令行去生成、处理文件模板代码等.使用条件参考：项目的每个模块的结构骨架都非常相似，引入模版内容相同就可以使用Plop来实现自动化了，Plop旨在根据模板文件自动化创建组件。受制于Vue语法限制以及vscode失败的拆件，采用了plop 自动化构建模版安装plop安装到项目npm install --save-dev plop全局安装plop（可选，建议安装方便使用）npm in
MacOS 安装Jetbrains intellij IDEA卡顿问题
在安装Jetbrains intellij IDEA的适合，一直卡顿在安装复制过程中作为一个MAC用户，发现复制过程卡顿，必然出现了问题，甚至会导致整个电脑卡死，重启多次无效第一时间检查了硬盘，硬盘还有400G并且健康然后检查了控制台中的大量崩溃日志，发现如下内容Process: adp-rest-util [4610] Path: /
服务于业务的内部系统toB产品，如何在运营中找到产品价值？
服务于实体业务的toB产品(内部系统)，如何在运营中找到产品价值？一般是通过项目方式确认方法可行或验证价值后，才会产品化。此时，感觉产品价值不高，需要的是更多的是执行者。这样的理解是否有偏差？怎么样可以更好的体验产品价值？正确的方向说起来简单，实践很难：深入理解企业经营策略，并通过系统与人工的结合降本增效以【追求 '服务体验一致化' 实现 '标准化' 】为例，传统行业中许多服务都完全依赖于人，识别
MAC微信3.0官方内测版支持看朋友圈
今天微信推出最新内测版本，版本号为MAC 微信 Version. 3.0.0 (17689) Beta 1下载地址：https://dldir1.qq.com/weixin/mac/wechat-beta-17689-1615445873.dmg该版本为MAC版，非Windows版预计Windows版本也会在近期开放了，未来还可能开放直播，视频号，搜索等等功能
css回流重绘
回流回流又名重排，指几何属性需改变的渲染。但感觉回流这个词比较高大上，后续统称回流吧。可理解成，将整个网页填白，对内容重新渲染一次。只不过以人眼的感官速度去看浏览器回流是不会有任何变化的，若你拥有闪电侠的感官速度去看浏览器回流(实质是将时间调慢)，就会发现每次回流都会将页面清空，再从左上角第一个像素点从左到右从上到下这样一点一点渲染，直至右下角最后一个像素点。每次回流都会呈现该过程，只是感受不到而
TypeScript 通过 keyof 操作符提取其属性的名称
TypeScript 允许我们遍历某种类型的属性，并通过 keyof 操作符提取其属性的名称。keyof 操作符是在 TypeScript 2.1 版本引入的，该操作符可以用于获取某种类型的所有键，其返回类型是联合类型。keyof 与 Object.keys 略有相似，只不过 keyof 取 interface 的键。const persion = { age: 3, text: 'hel
vue3使用reactive包裹数组如何正确赋值
需求：将接口请求到的列表数据赋值给响应数据arrconst arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.concat(res); // 方