前端

Vue 2.7 + Vite项目搭建

Vue 2.7 + Vite vue2.7 + vue-router3 + pinia 示例代码: 示例页面: 用到的vite插件 @vitejs/plugin-vue2 vite的vue2.7插件 @vitejs/plugin-

用Typescript 的方式封装Vue3的表单绑定,支持防抖等功能。

Vue3 的父子组件传值、绑定表单数据、UI库的二次封装、防抖等,想来大家都很熟悉了,本篇介绍一种使用 Typescript 的方式进行统一的封装的方法。 基础使用方法 Vue3对于表单的绑定提供了一种简单的方式:v-model。对于使用者来说非常方便,v-model="name" 就可以了。 自己做组件 但是当我们要自己做一个组件的时候,就有一点麻烦:

vue3.2最新语法如何使用socket.io实现即时通讯

socket.io是即时通讯必需的插件,要和后端配合使用socket.io才可以,前端使用【socket.io-client】,旨在让你少走弯路~ 先安装【socket.io-client】 yarn add socket.io-client -S 安装后再新建ts,以插件形式引入 2.1 在utils文件夹下新建socket.ts,代码如下 // 新建ts 以插件形式引入 im

网络请求库 – axios库

1.认识Axios库 Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中发送网络请求。 1.1 Axios的优点 XMLHttpRequest,fetch是高级一点的原生 原生的缺点: 1.需要自己来封装原生。 2.原生某些功能不具备,你需要自己来完成请求拦截,响应拦截等。 3.js可以跑在浏览器和node上面,但是原生的fetch是不能工作在node中

处理 Anuglar 事件

在上一篇文章中,我们使用 @Input 实现了动态注入属性的值。这种情况适用于从父级组件向子级组件传递数据,或者说从上向下传递数据(还记得组件的树形结构吗?)。那么,如何从子级组件向父级组件传递数据呢? 考虑这样一个场景:如果用户喜欢一本书,他通过点击一个按钮,来传达这一信息。解决办法是:在 book 组件模板中,添加一个按钮,当用户点击按钮时,book 组件会通知 AppComponent 组件

前端面试时被问到项目中的难点和解决方案

前端面试中,一定都会被问过项目中的难点,但是很多人都答不出来。为了让大家接下来的面试中有充足的准备,给大家整理了一些有难度又高频的面试题,希望你们求职顺利。 我们先来汇总JavaScript的笔试题: (1)介绍一下JS的基本数据类型: Undefined、Null、Boolean、Number、String (2)介绍一下JS有哪些内置对象: Object 是 JavaScrip

React中使用redux

要将store注入到组件当中,必须用<Provider store={store对象}></Provider>标签将组件包裹   <Provider></Provider>组件引入自"react-redux"核心包 import { Provider } from 'react-redux'; import store from './store

Android-Jetpack-Navigation组件使用

图片来源网络 可能有部分Android开发的小伙伴见过单Activity多Fragment的App,使用起来非常的流畅或者说非常的丝滑。自己想要尝试这种开发模式的时候,又会发现Fragment的管理会比较麻烦。现在不用怕了,Android SDK为了我们提供了Navigation来实现这种开发模式。希望这篇文章对小伙伴们有所启发。 Navigation的优势 先来说说使用Navigat

【Web API系列】WebSocketStream API 深度实践:构建高吞吐量实时应用的流式通信方案

前言在当今的 Web 开发领域,实时通信已成为许多应用的核心需求。无论是即时聊天、实时数据仪表盘,还是在线游戏和金融交易系统,都需要高效的双向数据传输能力。传统的 WebSocket API 为此提供了基础支持,但在处理大规模数据流、背压控制和异步操作管理方面逐渐显露出不足。例如,当客户端接收速度无法跟上服务器发送速度时&#x