前端哥

Vue3 TS中使用echarts

2024-04-29TypeScript 中,无论是 .vue 文件还是 .js 文件,都需要使用 .d.ts 文件来添加类型声明。ECharts 提供了官方的类型声明文件,只需要在项目中安装 @types/echarts 就可以使用。在 setup 函数中使用 ref 或 reactive 定义一个 ECharts 变量。在 onMounted 钩子函数中初始化 ECharts 实例,同时使用 chartRef.value 获取 DOM 元素。2.在组件中声明 ECharts 变量。3.初始化 ECharts 实例。_echarts ts

https://www.qianduange.cn//article/6337.html 分类:前端知识

html5如何在使用原生开发的情况下实现组件化

2024-04-29我们知道如何在vue/react中使用组件化开发,那么如果只是一个简单的界面,一个HTML就搞定的事情,你还会去新建一个vue/react项目吗?在使用原生HTML开发时,我们也会遇到一些常见的功能、模块,那么如何在原生HTML中使用组件化呢?其实最典型的代表就是JQuery了。常见的实现方式有两种,一种是利用class预定义某些特定的组件,另一种是使用JS初始化的方式,选择到某个DOM,然后生成对应的组件。_原生html组件

https://www.qianduange.cn//article/6319.html 分类:前端知识

react Antd Vite TypeScript 项目实战教程

2024-04-29本教程属于react入门教程,课程围绕如何搭建一个简单的登录页面展开,会带你快速了解react、redux、redux-devtool、react-router-dom、axiox这些常见技术的使用方式,教程最后会附上项目源码。_react antd vite typescript 项目实战教程

https://www.qianduange.cn//article/6183.html 分类:前端知识

入门指南:从零开始学习reactJS

2024-04-29reactJS是一个强大的JavaScript库,用于构建用户界面。它由Facebook开发,并于2013年首次发布。自那时以来,react已成为前端开发中最受欢迎的库之一,许多公司和开发者都在使用它来构建高性能、交互式的Web应用程序。本文将向您介绍reactJS的基础知识,并通过实践示例来帮助您入门。我们将从react的核心概念开始,逐步深入,直到您能够构建简单的react应用为止。

https://www.qianduange.cn//article/6149.html 分类:前端知识

前端随笔:HTML/CSS/JavaScript和Vue

2024-04-29Vue(发音为 /vjuː/,类似view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTMLCSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue都可以胜任。最初Vue是一个个人项目,时至今日,已成为全世界三大前端框架之一,Github上拥有3.8万Star。react和Angular,在国内更是首选。除了为HTML定义新的标签以外,我们还可以为HTML的标签定义新的属性,而后为新的属性指定样式和行为。_javascript和vue

https://www.qianduange.cn//article/6079.html 分类:前端知识

react项目开发代码格式化规范

2024-04-29EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。VSCode需要安装一个插件:EditorConfig for VS Code。_react 格式化

https://www.qianduange.cn//article/6077.html 分类:前端知识

关于设置html不让浏览器进行缓存的问题

2024-04-29我们现在在做vue,react等项目的时候,由于是单页面的纯前端项目,他们的入口文件往往都是静态的html单一文件。这里需要注意的是,取消缓存可能会增加服务器的负载,因为每次请求都需要从服务器重新获取内容。因此,在决定取消缓存时,请确保权衡利弊,并考虑使用适当的缓存策略来优化性能和用户体验。_html 不使用缓存

https://www.qianduange.cn//article/5926.html 分类:前端知识

深度选择器——vue或react中修改组件样式的方法

2024-04-236.权重问题,因为这种选择器的使用,具有穿透性,即使是引入的组件,通过f12找到元素类名,可以通过这样的方式修改其样式,但要注意,这边修改一个样式,其他地方有的样式也可能会变,这就一定要选择。⭐⭐使用 className 和全局 CSS 样式表:在组件模板中使用 className 属性来设置类名,然后在全局 CSS 样式表中定义对应的样式。⭐⭐使用 class 属性和全局 CSS 样式表:在组件模板中使用 class 属性来设置类名,然后在全局 CSS 样式表中定义对应的样式。_vue深度修改样式

https://www.qianduange.cn//article/5884.html 分类:前端知识

使用createRoot()方法创建的react组件在调用reactDOM.unmountComponentAtNode()方法卸载报错的解决方案

2024-04-23使用createRoot()方法创建的react组件在调用reactDOM.unmountComponentAtNode()方法卸载报错的解决方案。Warning: unmountComponentAtNode(): The node you're attempting to unmount was rendered by react and is not a top-level container. Instead, have the parent component update its state a_项目中如何利用createroot挂在组件

https://www.qianduange.cn//article/5870.html 分类:前端知识

271条数据,当前21/28

最近搜索

会员中心 联系我 留言建议 回顶部