前端

React中使用redux

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

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

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

处理 Anuglar 事件

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

网络请求库 – axios库

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

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

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

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

Vue 2.7 + Vite项目搭建

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

uni-app 根据用户不同身份显示不同的tabBar

最近在一个uni-app项目中遇到一个需求,在登录页面成功登录以后需要判断身份,不同的身份的进入不同的tabBar页面,但是在uni-app项目中pages.json中的tabBar的list数组只有一个,且不能写成动态的,那如何实现这个需求呢?答案是需要我们自定义tabBar。 1、我们确定在 pages.json文件中的pages数组中的第一个页面就是进入程序时展示的第一个页面,那这个页面

使用 React 自动聚焦字段

自动对焦可以让你的应用程序更方便用户使用,有几种方法可以自动聚焦 React 输入框。 要让输入框自动聚焦,最简单的方法是使用 autoFocus 属性(注意大小写): <input name="username" type="text" autoFocus /> 由于该属性在各个浏览器的工作方式不一致,React 内部实现了一个 polyfill,会在元素挂载时使用 focus()

碰撞事件

书名:代码本色:用编程模拟自然系统 作者:Daniel Shiffman 译者:周晗彬 ISBN:978-7-115-36947-5 目录 5.13 碰撞事件 1、Box2D的另一个特性——碰撞   Box2D通过“接口”提醒碰撞事件发生的时刻,在这里,我们有必要学习接口的相关知识,这是面向对象编程的一项高级特性。 你可以查看Java接口教程 (