前端

1. 首页
2. IT互联网
3. 前端

vue2升级vue3：composition api中监听路由参数改变

vue2 的watch回顾 我们先回顾一下vue2中watch 《watch性能优化：vue watch对象键值说明-immediate属性详解》 《vue中methods/watch/computed对比分析，watch及computed原理挖掘》 watch和computed很相似，watch用于观察和监听页面上的vue实例，当然在大部分情况下我们都会使用computed，但如果要在数据变化的

前端 2025年05月11日 109 点赞 0 评论 12312 浏览

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

前端 2025年05月08日 38 点赞 0 评论 12326 浏览

React中使用redux

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

前端 2025年05月08日 137 点赞 0 评论 12328 浏览

js、ts、vue2、vue2+ts、vue3、vue3+ts复制文本

js版本 解释navigator.clipboard 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。许可操作必须通过取得权限 P

前端 2025年06月19日 44 点赞 0 评论 12376 浏览

后台管理系统究极保姆级教学(看了必会)！！！

1.分析项目 项目大概可以分为8个部分 1.基础配置 2.登录模块 3.用户模块 4.权限管理模块 5.商品模块 6.订单模块 7.数据统计模块 8.打包优化 1.基础配置： 新建一个vue2的项目，安装aixos，element-ui，vuex-persistedstate固化插件 对axios进行第一次封装，在src下新建unitils文件夹，里面新建一个request.js文件（名字自定

前端 2025年05月01日 149 点赞 0 评论 12383 浏览

CSS中空格的问题如何处理？教你三种方法

1、空格规则 HTML 代码的空格通常会被浏览器忽略。 <p> hello world </p> 上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。 浏览器的输出结果如下: hello world 可以看到，文字的前部和后部的空格都会忽略，内部的连续空格只会算作一个。这就是浏览器处理空格的基本规则。 如果希望空格原样输出，可以使用 <pre&gt

前端 2025年07月08日 177 点赞 0 评论 12449 浏览

js事件队列

什么是js事件队列？ 队列：通俗讲就是排队 事件队列：就是多个事件在排队 那么js中事件队列就是在js执行过程中，有一个以上的事件需要执行 setTime(function () { console.log(1); },0); for (var i = 0; i < 100000; i++){ console.log(2) } 上述代码是前端开发中经常会遇到的 代码中有两个函数方法，也就j

前端 2024年11月22日 62 点赞 0 评论 12455 浏览

前端vue项目打包及部署的详细说明

以下是 Vue 项目打包及部署的详细指南，涵盖本地构建、生产环境配置、常见部署方式及优化建议： 一、本地项目打包 1. 安装依赖 确保项目依赖完整：npm install # 或 yarn install 2. 环境配置 在项目根目录创建环境文件，区分开发和生产环境： .env.development（开发

前端 2025年06月10日 76 点赞 0 评论 12480 浏览

vue异步渲染

vue是组件级更新，当数据更改一次组件就要重新渲染一次，性能不高，为了防止数据一更新就更新组件，所以做了个异步更新渲染。（核心的方法就是nextTick） 分析： 当数据变化后会调用notify方法，将watcher遍历，调用update方法通知watcher进行更新，这时候watcher并不会立即去执行，在update中会调用queueWatcher方法将watcher放到了一个队列里，在que

前端 2025年06月26日 187 点赞 0 评论 12621 浏览

Flutter 优化：布局时尽量用 const

一、说明 看到很多 Flutter 构建 UI 时会比较多用到 const，为什么不直接创建实例，而要在前端加一个 const 呢 ？ child: const Text('加 const'); VS child: Text('不加 const'); 二、尽量用 const 的理由 当我们调用 setState() 后，Flutter 会调用 build 方法，并且 rebuild 其中

前端 2025年04月23日 185 点赞 0 评论 12680 浏览