前端vue:路由的基本使用 1. 路由 概念: Hash 地址与组件之间的对应关系 工作方式: 当用户点击页面上的路由链接 导致了 URL 地址栏中的 Hash 值发生了变化 前端路由就会监听到 Hash 地址的变化 前端路由把当前 Hash 地址对应的组件渲染都浏览器中 2. vue-router` vue-router 是 vue.js 官方给出的路由解决方案 2.1 vue-router 的基本用法 安装 vue-r 前端 2025年06月01日 141 点赞 0 评论 10090 浏览
redux 1.先创建count和person两个组件 2.创建count的store相关的文件夹。 store/modules/count 1.constant.js 2.createActions.js 3.index.js 4.reducer.js index.js import { legacy_createStore as createStore } from "redux"; import co 前端 2024年11月11日 194 点赞 0 评论 10056 浏览
vue的动态组件 keep-alive 1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div> 前端 2025年05月07日 34 点赞 0 评论 10052 浏览
element 在表格中使用表单校验 先上个图 image.png 上图说明 看起来是表格包含了很多个表单,其实是表单包含了表格; 表头是通过插槽自定义的,也可以直接使用表格的 label 属性; 外层是一个大表格,里面是一个小表格,然后小表格的每一列是根据大表格的主表列里的选项不同,数据不同自动循环出来的,有的是必填,有的是非必填,截图上都是必填; 小表格可以进行动态添加数据,小表格跟大表格是两个表单,并且分开校验; 前端 2025年04月17日 122 点赞 0 评论 9934 浏览
前端如何应对精确数字运算?用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性 目录前端如何应对精确数字运算?用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性一、BigNumber.js介绍1、什么是 BigNumber.js?2、作用领域3、核心特性二、安装配置与基础用法1、引入 BigNumber.js2、配置 BigNumber.js3、常用方法①创建 BigNumber 实例②基本运算③ 前端 2025年05月15日 43 点赞 0 评论 9888 浏览
v2和v3版本区别 vue2和vue3双向数据绑定原理发生了改变 vue2 的双向数据绑定是利用ES5 的一个 API Object. defineProperty()对数据进行劫持 结合 发布订阅模式的方式来实现的。 // 数据劫持:当访问或者设置 vm 中的成员的时候,做一些干预操作 Object.defineProperty(vm, 'msg', { // 可枚举(可遍历) 前端 2025年05月30日 36 点赞 0 评论 9862 浏览
第三十二节:Vue路由: Vue-router基本配置与使用 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌. 1. Vue路由的安装和配置 1.1 安装vue路由 npm install vue-router --save-dev 2.2 配置vue路由 // 1\. 导入路由并使用 import Vue from 'vue' // 导入vuerouter import 前端 2025年05月21日 122 点赞 0 评论 9746 浏览
JavaScript 面试系列:如何理解 ES6 中 Generator ?常用使用场景有哪些? image.png 一、介绍 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同 回顾下上文提到的解决异步的手段: 回调函数 promise 那么,上文我们提到 promsie 已经是一种比较流行的解决异步方案,那么为什么还出现 Generator?甚至 async/await 呢? 该问题我们留在后面再进行分析,下面先认识下 Generat 前端 2025年06月03日 157 点赞 0 评论 9735 浏览
Astro Islands Astro Islands代表了前端Web架构的领先范式转变。Astro 将您的 UI 提取到页面上较小的独立组件中。未使用的JavaScript被轻量级HTML取代,保证更快的加载和交互时间(TTI)。 术语“Astro Island”是指HTML的静态页面上的交互式UI组件。一个页面上可以存在多个孤岛,并且一个孤岛始终单独呈现。将它们视为静态、非交互式 HTML 海洋中的岛屿。 im 前端 2025年04月23日 117 点赞 0 评论 9706 浏览
Flutter && Dart /// Dart 弱类型(var、object、dynamic) /// Dart中没有=== 运算符。 /// 简介写法: /// 三元运算符??: t ?? 'test'是t!=null ? t : 'test'的缩写。 /// 级联操作符(依次进行调用),允许对同一对象或函数进行一系列操作,testObj.add('t')..delete('d')..show(); 类: 命名构造函数 cl 前端 2025年03月17日 181 点赞 0 评论 9655 浏览