React Hooks概述及常用的Hooks介绍
React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。也就是说组件的最佳写法应该是函数,而不是类。函数组件和类组件的区别:(1)函数组件没有状态(state),类组件有(2)函数组件没有生命周期,
Vue3父子组件间传参通信
本文主要是记录Vue3在setup语法糖下的父子组件间传参的四种方式。
Redux中进行异步操作(网络请求)的方案
我们可以直接通过同步的操作来dispatch action,state就会被立即更新。但是真实开发中,redux中保存的很多数据可能来自服务器,我们需要进行异步的请求,再将数据保存到redux中。
Vue 移动端、PC 端适配
Vue 移动端、PC 端适配可以使用lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem、postcss-px-to-viewport这几个插件。
Vue使用ElementUI对table的指定列进行合算
最近有一个想法,就是记录自己花销的时候,table中有一项内容是花销的金额。然后想在table的底部有一项内容是该金额的总计。然后我就顺着elementui的table组件寻找相关的demo,还真发现了一个这样的demo。对于这个demo,官方是这么描述的:将show-summary设置为true就
vite.config.js详细配置。
vite.config.js详细配置。
vue中this.$set()的用法
vue中this.$set()的用法
vue路由配置
二、配置路由在根目录下创建文件夹router,在router文件夹下创建index.js文件,如下图所示在index.js文件中写入如下代码,实现创建一个路由器 如上图,配置好了一个路由器,里面包含了2个路由,分别为student,school 路由在跟目录下创建view或者page文件夹,创建st
Vue3的vue-router路由详解
这篇文章是接着【三分钟快速搭建Vue3+webpack项目】的内容做的开发,有基础的可以跳过【三分钟快速搭建Vue3+webpack项目】,直接看以下的内容。Vue3的vue-router路由详解:首先安装路由依赖模块:npm install vue-router@4所需代码文件如下图:图1所需要的
Vue框架--Ruoyi解析(前端)
Vue框架--Ruoyi(前端)
vue中devTools插件安装教程
为了更方便的在开发过程中对 Vue 程序进行调试,除了传统的浏览器自带的 debug 工具以外,我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试
pdf在线预览 pdf.js的使用
pdf 预览 pdf.js pdf跨域
Pinia 数据持久化储存(pinia-plugin-persistedstate)
插件官网地址:https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html这里对插件的安装就不多赘述了,放两张官网的截图(1)将store的state中的全部数据进行缓存,直接在state同级下面添加persist对
js查找数组中符合条件的元素
当数组中的元素在条件返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。find()方法只返回数组中满足条件的第一个元素,并非所有元素。find() 对于空数组,函数是不会执
8个你一看就觉得很棒的Vue开发技巧
8个你一看就觉得很棒的Vue开发技巧
vue核心语法(超详细)
全称是Vue.js或者Vuejs。基于标准HTML,CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型。
JS获取img图片的原始尺寸高度和宽度
目录方式一:obj.style.width方式二:width/height方式三:offsetWidth/clientWidth方法四: getComputedStyle和 currentStyle方式五:Image对象方法六:naturalWidth方式七:兼容写法方式一:obj.style.wi
Vue项目中如何使用computed计算属性
当计算属性b依赖了data中的数据a时,当a变化时,b会自动变化。比如在购物的时候,下某一订单时,每选择一件商品(对应data中的数据a),合计费用(对应计算属性b)就会跟着变化。计算属性在computed中进行定义,无需再在data中定义,在template中直接可进行使用,使用方式与data中定
走进Vue【三】vue-router详解
vue-router详解
HTML小游戏21 —— html5版暴打皮卡丘游戏(附完整源码)
100个H5游戏专栏🎮 目前已有100+小游戏,源码在持续更新中,前100位订阅限时优惠,先到先得。本节教程我会带大家使用 HTML 、CSS和 JS 来制作一个 html5暴打皮卡丘游戏。该游戏是一款基于网页的小型游戏,玩家可以在浏览器中直接运行游戏,不需要安装任何插件或程序。本文将会提供游戏