80浏览

0评论

深入详解Vue中使用Teleport组件的方法

Vuejs中如何使用Teleport组件？下面本篇文章就来带大家了解一下Vue中使用Teleport组件的方法，希望对大家有所帮助！在DOM结构相对比较复杂,层级嵌套比较深的组件内,需要根据相对...

• 2023-04-04

112浏览

0评论

深入浅析Node的进程管理工具“pm2”

PM2简介PM2是一个内建了负载均衡器的node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。当你要把你的独立代...

• 2023-04-04

125浏览

0评论

详解vue各种权限控制与管理的实现思路

一、 菜单权限 菜单权限：控制用户在系统中能够看到哪些菜单项 菜单权限指的就是后台系统中的左侧的菜单栏，前端可以根据后端接口返回的权限数据结合element-ui菜单组件循环拼...

• 2023-04-04

188浏览

0评论

聊聊vue3中如何刷新当前页面

1.业务场景一般我们在删除或者编辑完表格数据的时候，会再次请求接口来刷新表格的数据。如果是同时有好几个接口需要请求，那就不能再每个接口挨个去调了。我们需要使用一种比较...

• 2023-04-04

116浏览

0评论

一文探讨Node.js项目中怎么使用Koa2集成Swagger

什么是SwaggerSwagger是一款RESTful API的文档生成工具，它可以帮助开发者快速、准确地编写、维护和查阅API文档。Swagger具有以下优点： 自动生成API文档，减少手动编写的工作量 ...

• 2023-04-04

134浏览

0评论

怎么用Vue实现点击导航高亮效果

在前端开发中，导航是一个必不可少的元素，作为网站或应用的主要入口，导航的设计和交互是影响用户体验的重要因素之一。本文将介绍如何使用Vue来实现点击导航高亮的效果，以提升用...

• 2023-04-04

258浏览

0评论

总结elementUI表单验证的踩坑解决方法

本篇文章给大家带来了关于elementUI的相关知识，其中主要跟大家聊一聊我在实现elementUI的表单验证时都遇到哪些坑，顺便记录分享一下？感兴趣的朋友下面一起来看一下吧，希望对大家...

• 2023-03-19

127浏览

0评论

过去五年里，JavaScript中的一些超级有用的特性！

技术总是在不断发展，JavaScript 自 1995 年提出诞生以来发生了很多的变化，从那时起到现在它添加了许多新功能。本文讨论了过去 5 年添加到 JavaScript 中的一些超级有用（但可能...

• 2023-03-19

160浏览

0评论

快速搞懂Vue2 diff算法（图文详解）

diff算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历。那么大家对diff算法吗有多少了解？下面本篇文章就来带大家深入解析下vue2的diff算法，希望对大...

• 2023-03-19

177浏览

0评论

如何升级node版本？详细教程分享

Window 系统 window系统升级node只能到node官网下载window安装包来覆盖之前的node。 node 安装教程附下载地址：https://blog.csdn.net/qq_45677671/article/details/11453595...

• 2023-03-08

195浏览

0评论

vue学习之聊聊模板编译原理

vue提供了模板语法，允许我们声明式地描述状态和DOM之间的绑定关系，比如<p>{{name}}<p>。模板编译指的是模板将编译成render函数的过程，渲染函数的作用是每次执行时，会根据最新状...

• 2023-03-08

109浏览

0评论

我终于搞懂了async/await、promise和setTimeout的执行顺序

从一道题目出发今天看到一道面试题，是关于async/await、promise和setTimeout的执行顺序，题目如下：async function async1() { console.log(&#39;async1 start&#39;); await asy...

• 2023-03-08

126浏览

0评论

再谈JavaScript 中的对象解构

基础解构const fullName = { firstName: "Quintion", lastName: "Tang",};const { firstName, lastName } = fullName; // 解构语法console.log(firstName); // Quint...

• 2023-03-08

109浏览

0评论

一文总结5个JavaScript代码优化技巧

在本文中，将介绍 5 个代码优化的技巧，有助于编写更高效、更优雅的代码。这些技巧包括使用扩展运算符简化代码到使用 async/await 处理异步代码等。1. 使用扩展运算符解构对象...

• 2023-03-08

153浏览

0评论

聊聊JavaScript条件判断的使用技巧

本篇文章给大家带来了关于JavaScript的相关知识，其中主要跟大家聊一聊有关JavaScript条件判断的使用技巧，感兴趣的朋友下面一起来看一下吧，希望对大家有帮助。本文来介绍一下在...

• 2023-03-08

149浏览

0评论

面试官突然问：Vue2与Vue3的区别？

序现在网上疯传前端已死的言论，其实本质上的原因就是因为人员增多，岗位减少，导致竞争压力加大。社会中现有的问题，我们没有办法解决，但是可以从自身入手，让自己增加竞争力。当多个...

• 2023-03-08

188浏览

0评论

缓存是什么？用node怎么实现？

缓存原理浏览器缓存的基本原理是将静态资源（如 CSS、JavaScript、图片等）缓存到本地，当页面再次请求这些资源时，直接从本地获取，而不是重新从服务器下载。这可以减少页面的加载时...

• 2023-03-08

122浏览

0评论

vue中什么是路由懒加载？为什么要进行？

路由懒加载懒加载本质是延迟加载或按需加载，即在需要的时候的时候进行加载。
首页不用设置懒加载，一个页面加载过后再次访问不会重复加载。为什么要进行路由懒加载 当进行打...

• 2023-03-08

116浏览

0评论

看看这些前端面试题，带你搞定高频知识点（八）

var、let、const三者的区别 区别 let const var 重复声明 不能重复声明，会报SyntaxError错 const 定义常量，值不能修改的变量叫做常量，一定要赋初始值，...

• 2023-03-08

291浏览

0评论

一文教你如何正确封装ECharts

本篇文章给大家带来了关于ECharts的相关知识，其中主要跟大家聊一聊怎么封装ECharts，感兴趣的朋友下面一起来看一下吧，希望对大家有帮助。文章的开头总是很难水的，就不多说了本文...

• 2023-03-08

185浏览

0评论

注意，Vue响应性语法糖已废弃！

本篇文章给大家带来了关于Vue的最新情况，其中主要跟大家聊一聊Vue中的响应性语法糖，感兴趣的朋友下面一起来看一下吧，希望对大家有帮助。介绍自从引入组合式 API 的概念以来，一...

• 2023-03-08

135浏览

0评论

看看这些前端面试题，带你搞定高频知识点（六）

每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！，在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，...

• 2023-02-26

130浏览

0评论

【整理分享】8 个实用Vue开发技巧

1.路由参数解耦通常在组件中使用路由参数，大多数人会做以下事情。export default { methods: { getParamsId() { return this.$route.params.id...

• 2023-02-26

133浏览

0评论

什么是单点登录系统？用nodejs怎么实现？

单点登录SSO(Single Sign On),就是把2个及以上的业务系统中的登录功能剥离出来，形成一个新的系统，做到一次登录后在任意的业务系统中都无需登录的效果。一. 基础知识1.1 同源...

• 2023-02-26

117浏览

0评论

浅析怎么利用axios和vue实现简易天气查询

我们先来看一下效果图,原理很简单就是接口的调用以及数据的呈现,界面的布局而已通过如上我们可以看到输入正确的城市名称后会查询出未来四天以及昨天和今天总共六天的天气,...

• 2023-02-22

148浏览

0评论

Clean Architecture是什么？怎么用Node实现？

Clean ArchitectureClean Architecture 是 Robert C. Martin 提出的一种软件架构模式，目的是为了将系统分层，实现关注点分离，使系统更易于理解、维护和扩展。该体系结构将系统...

• 2023-02-22

125浏览

0评论

Node实战学习：浏览器预览项目所有图片

在前端实际项目开发中，会有这样一种场景。每次引入新的图片，并不知道这个资源是否被引用过，所以会点开存放图片的资源一个个去看。实际问题是： 1.图片并不是放到一个目录下的，可...

• 2023-01-08

136浏览

0评论

一文聊聊Angular中的依赖注入

译者添加：维基百科中指出 -- 在软件工程中，依赖注入（Dependency Injection, DI）是指让一个物件接收它所依赖的其他物件。“依赖”是指接收方所需的对象。“注入&...

• 2023-01-08

155浏览

0评论

深入聊聊vue3中的reactive()

在vue3的开发中，reactive是提供实现响应式数据的方法。日常开发这个是使用频率很高的api。这篇文章笔者就来探索其内部运行机制。小白一枚，写得不好请多多见谅。调试版本为3.2...

• 2023-01-08

146浏览

0评论

【整理分享】48个前端高频面试题（附答案解析）

1.vue双向数据绑定的原理？mvvm场景：数据操作比较多的场景，需要大量使用DOM元素时，采用mvvm的开放方式，会更加便捷，让开发者更多的经历放在数据的变化上，解放繁琐的DOM元素 MVVM 模...

• 2023-01-08

146浏览

0评论

React中使用axios发送请求的几种常用方法

目录React中安装并引入axios依赖使用axios进行GET请求使用axios.get方式使用axios(config {...})使用axios进行POST请求使用axios.post使用axios(config {...})同时发送多个...

• 2023-01-05

106浏览

0评论

面试官常问React的生命周期问题

React的生命周期两张图带你理解 React的生命周期React的生命周期（旧）class Life extends React.Component{ // 构造器 constructor(props){ console.log('Li...

• 2023-01-05

130浏览

0评论

React Class组件生命周期及执行顺序

一、react组件的两种定义方式1、函数组件，简单的函数组件像下面这样，接收Props，渲染DOM，而不关注其他逻辑function Welcome(props) { return <h1>Hello, {props.name}</h1>;}函...

• 2023-01-05

124浏览

0评论

详解react中的state的简写方式

前言什么是state
我们都说React是一个状态机，体现是什么地方呢，就是体现在state上，通过与用户的交互，实现不同的状态，然后去渲染UI,这样就让用户的数据和界面保持一致了。state是...

• 2023-01-05

149浏览

0评论

详细聊聊React源码中的位运算技巧

目录前言几个常用位运算按位与（&）
按位或（|）
按位非（～）
标记状态优先级计算总结前言这两年有不少朋友和我吐槽React源码，比如： 调度器为什么用小顶堆这种数据结构，直接用数组不行？...

• 2023-01-05

162浏览

0评论

react.js框架Redux基础案例详解

react.js框架Reduxhttps://github.com/reactjs/redux安装：npm install redux react-redux#基于react，我们在前面已经安装过了Redux参考文档：
http://redux.js.org/Redux核心...

• 2023-01-05

159浏览

0评论

一篇文章教你用React实现菜谱系统

目录一、菜谱大全1.1、项目背景1.2、技术栈1.3、开发环境1.4、项目效果展示1.5、项目初始化二、首页开发2.1、antd-mobile 组件库2.2、底部导航实现2.3、菜谱大全顶部导航2....

• 2023-01-05

179浏览

0评论

react native之ScrollView下拉刷新效果

本文实例为大家分享了react native之ScrollView下拉刷新效果的具体代码，供大家参考，具体内容如下ScrollView的refreshControl属性用于下拉刷新，只能用于垂直视图，即horizontal不...

• 2023-01-05

157浏览

0评论

React项目中应用TypeScript的实现

目录一、前言二、使用方式无状态组件有状态组件受控组件三、总结一、前言
单独的使用typescript 并不会导致学习成本很高，但是绝大部分前端开发者的项目都是依赖于框架的例如...

• 2023-01-05

93浏览

0评论

详解React项目中eslint使用百度风格

1.安装百度Eslint Rule 插件npm i -D eslint @babel/eslint-parser @babel/eslint-plugin @ecomfe/eslint-config// react项目npm i -D eslint-plugin-react eslint-plugin-...

• 2023-01-05

116浏览

0评论

React Native项目中使用Lottie动画的方法

Lottie是Airbnb开源的一个面向iOS、Android、React Native的动画库，能加载Adobe After Effects导出的动画，并且能让原生App像使用静态素材一样使用这些动画，完美实现炫酷的动画...

• 2023-01-05

140浏览

0评论

react四种组件中DOM样式设置方式详解

1、行内样式想给虚拟dom添加行内样式，需要使用表达式传入样式对象的方式来实现
行内样式需要写入一个样式对象，而这个样式对象的位置可以放在很多地方
例如：render函数里、组件...

• 2023-01-05

102浏览

0评论

react封装全局弹框的方法

本文实例为大家分享了react封装全局弹框的具体代码，供大家参考，具体内容如下弹框效果图文件布局index.js/* eslint-disable react/no-render-return-value */import React, {...

• 2023-01-05

156浏览

0评论

React Native 启动流程详细解析

导读：本文以 react-native-cli 创建的示例工程（安卓部分）为例，分析 React Native 的启动流程。工程创建步骤可以参考官网。本文所分析 React Native 版本为 v0.64.2。我们知道上...

• 2023-01-05

297浏览

0评论

浅谈React的React.FC与React.Component的使用

目录一、React.FC<>二、class xx extends React.ComponentReact 的组件可以定义为 函数（React.FC<>）或class（继承 React.Component） 的形式。一、React.FC<>
1.React.FC是函数式...

• 2023-01-05

118浏览

0评论

React实现双滑块交叉滑动

本文实例为大家分享了React实现双滑块交叉滑动的具体代码，供大家参考，具体内容如下html代码：<body> <div id="root"></div></body>script代码：<script type="text/babel">...

• 2023-01-05

124浏览

0评论

React与Redux之数组处理讲解

本文将介绍一些常用的数组处理函数和语法，如reduce()、filter()、map()、every()、some()、展开运算符。这些知识和React与Redux本身没有直接关系，但是本章的示例中包含了这些...

• 2023-01-05

141浏览

0评论

React的组件协同使用实现方式

目录嵌套父子组件通信兄弟组件通信抽离MixinReact的LinkedStateMixinReference：开发人员不用太过于关注UI层面的实现细节，考虑最多的也就是组件与组件之间的数据通信了。那么，...

• 2023-01-05

140浏览

0评论

React实现复杂搜索表单的展开收起功能

给时间时间，让过去过去。上节我们写过了【搜索】表单，以及查询、重置功能。本节对于需要展开收起效果的查询表单 进行概述，主要涉及前端样式知识。样式效果如下： 思路：在Search组...

• 2023-01-05

132浏览

0评论

ReactHooks批量更新state及获取路由参数示例解析

目录一、如何批量更新控制台输出二、Hooks如何获取路由参数执行效果一、如何批量更新在【Hooks】中如果单独的进行状态的更新可能会导致页面的多次渲染：import { useState }...

• 2023-01-05