logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

50 行 SSE + 打字机效果:从零跑通服务端推流 Demo

SSE + 打字机效果实现摘要 本文提供了一个50行代码实现的SSE(Server-Sent Events)服务端推流Demo,具有打字机逐字显示效果。关键实现包括: 服务端: 使用Express创建SSE长连接接口(GET /sse-stream) 将完整消息拆分为delta片段分次推送 包含心跳保活机制(10秒间隔) 每5秒推送一条新消息 前端: 通过EventSource接收SSE数据流 动

#开发语言
vue keep-alive 从原理到实现

Vue 的是一个很实用的组件,它能在组件切换时保留状态(DOM、滚动位置、输入框内容等),避免重复渲染。本文将从最基础的原生 DOM 实现开始,逐步演进到 Web Component 封装,深入理解 keep-alive 的核心原理。在动手写代码之前,先理清 keep-alive 需要解决的问题:组件切换时不销毁 DOM:切换回旧组件时,DOM 还在状态保留:输入框内容、滚动位置等不丢失生命周期:

#vue.js#javascript#前端
reactNative ios真机测试的时候,死活都不行 Signing for "XXXXXX" requires a development team. Select a development

打开之前的程序,如果没有证书是这样的:运行报错:Signing for "XXXXXX" requires a development team. Select a development team in the project editor.Code signing is required for product type 'Application' in SDK 'iOS 10.0'

react-hook-form。 useFieldArray Controller 必填,报错自动获取较多疑问记录

动态多个数据Controller包裹时候,原生html标签input可以add时候自动获取焦点,聚焦到最近不符合要求的元素上面。

文章图片
#前端#react.js
解决 curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused 的问题

最近换了台新的mac电脑,需要按照git,惊讶的发现竟然要用命令行来下载,并且得用brew工具来安装。brew安装工具的来源地址是raw.githubusercontent.com。解决方法如下,找到她绑定的ip地址,通过host的方式重新之指向就可以了。得到它所绑定的ip,然后修改本地host就可以了,到这个网站查找这个域名绑定的ip。mac修改host参考。

#macos#github
antd react 表格单行编辑代码 和动态新增

在线demo代码:直接复制黏贴就可以运行import React, { useState } from "react";import { Form, Input, Table, Typography } from "antd";import { message, Button } from "antd";import styles from "./styles.css";const isEditi

vue3+vite项⽬搭建-配置环境变量env

但是nodejs的配置文件无法使用import.meta.env.VITE_NODE_ENV,依旧需要使用cross-env的方式来配置_(¦3」∠)_,然后我的package.json脚本命令行就变成了这样了。在nodejs配置文件里面也用process.env.VITE_NODE_ENV == "production"然后在项目文件里面用process.env.VITE_NODE_ENV ==

文章图片
#前端#electron
Fiddler代理远程网络请求到本地

Fiddler很久用过非常好用,支持https,为了避免忘记记录一下。可以拦截在线请求代理到本地,用来调试远程项目让我慷慨的是历史总是反复的重演~~~~n年前,我第一份工作的时候,前后端没有分离。这种模式下的工作模式是:前端写好页面给后端套数据。如果出现需要修改js文件或者css文件的时候,非常的头疼。后端尝试给前端的电脑搭建环境,然后让前端改后端的模板。但是问题是,有好几个前端,且不是每个前端的

#fiddler#http#前端
ReactNative 物理返回键失效的问题

最近遇到个需求,在Modal里面,点击游戏列表,用户马上点击android回退键取消进入游戏。这个并不是很难实现,添加个监听事件就好了了百度一下就可以得到这样的结论:import { BackHandler } from 'react-native';//页面获取焦点的时候,监听回退键BackHandler.addEventListener('hardwareBackPres...

Cordova 打包签名 Android release app 过程详解及cordova创建app(修正)

原文:https://segmentfault.com/a/1190000013755356红色字体为修改部分1.cordova命令创建一个项目cordova create testApp com.test.app这里testAPP是项目的名字,testApp com.test.app是APP的包名,可以随意取,最好按照“com.” 开头cd testApp进入到刚刚创建的项目目...

    共 26 条
  • 1
  • 2
  • 3
  • 请选择