【react】react项目支持鼠标拖拽的边框改变元素宽度的组件 2024-06-06 计算机外设, react.js, 前端框架, 前端, javascript, ecmascript 90人 已看 用于创建可让用户手动调整盒子长宽的组件。
React常见的一些坑 2024-06-02 react.js, 前端框架, 前端, javascript, ecmascript 62人 已看 小结一下:React 函数式组件会在state/props/context/父组件重新渲染时,重新执行函数,为避免不必要的性能消耗(函数重新定义,某些值重新计算等等),减少重新渲染(或者重新执行函数式组件),需要控制props + 配合react.memo用useCallback暂存函数(注意用到state时要用好第二个参数)、useMemo避免复杂运算重复执行用Ref(非受控组件)获取不需要渲染,但又是最新的值不变的值写在函数式组外,避免重复创建jsx里尽量不写字面量、匿名函数。
async函数和await函数 2024-05-27 前端, vue.js, javascript, ecmascript, 开发语言 58人 已看 async是一个加在函数前的修饰符,被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then,返回值就是then方法传入的函数。
如何实现观察者模式和发布-订阅模式? 2024-06-06 观察者模式, 前端, javascript, ecmascript, 开发语言 66人 已看 要实现观察者模式和发布-订阅模式,你需要遵循一些基本的步骤和原则。下面分别介绍这两种模式的实现方法。
react组件中的this 2024-06-04 react.js, 前端, vue.js, javascript, ecmascript 56人 已看 上面的代码中,在构造函数中可以用 this 读取到 function 声明的方法,因为构造函数是在组件实例的上下文中执行的。因此,当事件触发时,handleClick 中的 this 指向的是全局对象(在非严格模式下)或者 undefined(在严格模式下),而不是 MyComponent 的实例。简而言之,this.handleClick 是组件实例上的一个方法,而在构造函数中绑定 this 是为了确保在方法内部 this 指向组件实例,即使在它作为回调函数被传递给其他组件或方法时也是如此。
【前端面试3+1】18 vue2和vue3父传子通信的差别、props传递的数据在子组件是否可以修改、如何往window上添加自定义属性、【多数元素】 2024-06-03 前端框架, 前端, vue.js, javascript, ecmascript 68人 已看 18 vue2和vue3父传子通信的差别、props传递的数据在子组件是否可以修改、如何往window上添加自定义属性、【多数元素】
JS(JavaScript)的引用方式介绍与代码演示 2024-06-09 java, 前端, javascript, 开发语言, ecmascript 38人 已看 js全程JavaScript,由Netflix开发的客户端脚本语言,不需要编译,可以直接运行。
Chrome跳转新的标签页自动打开控制台设置方法 2024-06-05 chrome, 前端, javascript, ecmascript, 开发语言 84人 已看 Chrome跳转新的标签页自动打开控制台设置方法文章目录Chrome跳转新的标签页自动打开控制台设置方法1. 首先打开控制台2. 点击设置3. 选择Preferences -> Global -> 选中 Auto-open DevTools for popups4. 回到控制台勾选 preserve log保留日志1. 首先打开
SpringBoot+Vue旅游网站(前后端分离) 2024-06-05 前端, vue.js, javascript, ecmascript, 旅游 57人 已看 SpringBoot+Vue 旅游网站 两种角色对应功能 截图 介绍如下
第二十节:带你梳理Vue2:Vue子组件向父组件传参(事件传参) 2024-06-09 前端框架, 前端, vue.js, javascript, ecmascript 61人 已看 梳理vue2 中 子组件向父组件传参方式. 通过自定义事件, 在父组件使用子组件的组件标签上绑定自定义事件. 子组件内触发这个定义事件, 并通过事件参数向父组件传递参数
[next.js]pwa缓存 2024-06-05 前端, 缓存, javascript, 开发语言, ecmascript 52人 已看 配置Next.js (v14+ App Router模式) 使其支持PWA缓存,配置server worker和mainfest.json,让项目支持离线访问和可安装。以上配置 我让其在生产环境自动创建server worker和workbox等文件并在浏览器加载时初始化init sw文件,第二次访问时便可以创建sw缓存。配置next.config.js。
html 使用svg矢量图时无法 调整宽高问题解决,不能像图片一样设置宽高比例问题 2024-06-04 前端, html, javascript, ecmascript, 开发语言 33人 已看 【代码】html 使用svg矢量图时无法 调整宽高问题解决,不能像图片一样设置宽高比例问题。
SpringBoot+Vue图书管理系统(前后端分离) 2024-06-08 前端框架, 前端, vue.js, javascript, ecmascript 48人 已看 SpringBoot+Vue图书管理系统 两种角色 角色对应功能介绍截图如下
用C++做一个跑酷游戏 2024-06-02 c++, 前端, javascript, 开发语言, ecmascript 35人 已看 要用C++创建一个跑酷游戏是一个相对复杂的任务,因为它涉及到图形渲染、用户输入处理、物理模拟等多个方面。一个常用的选择是使用SFML(Simple and Fast Multimedia Library)库,它是一个跨平台的多媒体库,包含了图形、声音、网络、窗口和输入等模块。请注意,这只是一个非常基础的框架,你需要根据你的具体需求来扩展和完善它。创建一个完整的跑酷游戏需要投入大量的时间和努力,但这是一个有趣且富有挑战性的项目!:创建一个新的C++项目,并配置它以使用SFML库。
C++基础与深度解析 | 异常处理 | 枚举与联合 | 嵌套类与局部类 | 嵌套名字空间与匿名名字空间 | 位域与volatile关键字 2024-06-08 前端, javascript, ecmascript, 开发语言 38人 已看 如果异常是在对象的构造过程中抛出的,并且没有被捕获,那么类的析构函数不会被调用。引入了结构化的错误处理机制,使得错误处理逻辑与正常逻辑分离,提高了代码的可读性和可维护性。关键字用于抛出一个异常。),在构造函数中抛出异常且未被捕获时,需要手动释放分配的内存,因为析构函数不会被调用。如果对象是局部的(即在栈上),异常抛出时,局部对象会自动销毁,但不会调用其析构函数。如果在构造函数中抛出异常,已经构造的成员对象将按照它们构造的相反顺序自动销毁。是一个通用的异常捕获器,它可以捕获任何类型的异常,包括未被前面的。
基于React的SSG静态站点渲染方案 2024-06-04 react.js, 前端框架, 前端, javascript, ecmascript 51人 已看 静态站点生成是一种在构建时生成静态HTML等文件资源的方法,其可以完全不需要服务端的运行,通过预先生成静态文件,实现快速的内容加载和高度的安全性。由于其生成的是纯静态资源,便可以利用CDN等方案以更低的成本和更高的效率来构建和发布网站,在博客、知识库、API文档等场景有着广泛应用。
React中使用 ts 后,craco库配置别名时需要注意什么? 2024-06-05 react.js, 前端框架, 前端, javascript, ecmascript 49人 已看 我们都知道craco库可以用来覆盖react配置,如设置别名等。但是在项目使用 Typescript 后,我们需要额外配置,否则会造成编译报错。项目初始化与配置在使用 craco库时,需要同时在 tsconfig.json 文件中配置别名,因为 craco库是用于配置 Webpack 的别名,而不是 TypeScript 的别名。TypeScript 的别名是在 tsconfig.json 文件中配置的,而 Webpack 的别名可以通过craco库进行配置。
js 选择一个音频文件,绘制音频的波形,从右向左逐渐前进。 2024-06-05 音视频, 前端, javascript, 开发语言, ecmascript 42人 已看 选择一个音频文件,绘制波形,从右向左逐渐前进。
ECMAScript 6简介 2024-06-08 前端, javascript, 开发语言, ecmascript 37人 已看 ECMAScript 6.0(简称 ES6)是 JavaScript 语言的下一代标准, 2015 年 6 月正式发布。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。