前端框架

2024/5/19 20:11:20

vue2知识点————(父子通信)

vue2的知识点,更多前端知识在主页,还有其他知识会持续更新 vue组件 在Vue.js 2.x中,父子组件之间的通信是非常常见的情况,Vue提供了多种方法来实现这种通信。 Props 父向子通信 Props 是父组件向子组件传递数据的一种方式。通过…

Vue Vant 移动端如何禁止手机调起自带的输入键盘

前言 前不久在公司用Vue2开发了一个手机充值项目,键盘组件用的vant2的NumberKeyboard 数字键盘组件;上线后在IOS端只有一个vant数字键盘组件,但到了Android端,输入框一获取焦点不仅vant数字键盘弹出,连手机自带的键盘…

微信小程序

调试小程序,类似网页的调试工具 Wxml:页面结构和结构对应的 wxss 属性 Console:控制台,输出提示信息 Sources:当前项目的脚本文件 Network:观察和显示request和socket的请求情况 Perfomance:性…

vue里面事件修饰符.prevent使用案例

什么是.prevent事件修饰符? 在Vue中,事件修饰符是指在事件处理函数后面添加的特殊标记,用于修改事件的行为。.prevent事件修饰符是其中之一,它的作用是阻止事件的默认行为。通常情况下,当用户触发某些事件时&#xff0…

web前端框架设计第七课-事件处理

web前端框架设计第七课-事件处理 一.预习笔记 1.使用v-on指令实现事件监听 2.事件指令中内联JS代码 3.事件修饰符(对事件的处理,例如向上冒泡) 4.按键修饰符(有的浏览器对于enter键默认为提交) 二.课堂笔记 三.课后回顾 –行动是治愈恐惧的良药,犹豫拖…

Angular基础-搭建Angular运行环境

这篇文章介绍了在Angular项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Angular CLI工具、安装angular-router、创建Angular项目等步骤。这篇文章为读者提供了清晰的指南,帮助他们快速搭建Angular开发环境,为后续的项目开发奠定基础。 …

component-全局透明遮罩层与点击遮罩层关闭

1.创建Overlay.vue的全局组件或子组件&#xff0c;用于显示透明遮罩层。 <template><div class"overlay" click"closeOverlay"></div></template><script>export default {methods: {closeOverlay() {// 子组件调用父组件方…

使用React Context的一些优化建议

React Context 是一个强大的特性&#xff0c;允许你在组件树中共享数据&#xff0c;而无需手动逐层传递 props。然而&#xff0c;如果不正确地使用&#xff0c;它也可能导致不必要的重新渲染和性能问题。以下是一些使用 React Context 的优化建议&#xff1a; 分割 Context 不要…

react之state深入浅出

第二章 - 添加交互 把一系列 state 更新加入队列 设置组件 state 会把一次重新渲染加入队列。但有时你可能会希望在下次渲染加入队列之前对 state 的值执行多次操作。为此&#xff0c;了解 React 如何批量更新 state 会很有帮助。 react 会对state 更新进行批处理 在下面的…

【VUE】提升大数据量场景下el-table组件的性能

提升大数据量场景下el-table组件的性能 在现代Web应用程序开发中&#xff0c;使用Vue和Element UI快速构建高效的用户界面是非常普遍的做法。特别是对于需要展示大量数据的表格组件&#xff08;<el-table>&#xff09;&#xff0c;性能优化成为了不可忽视的关键。本文将…

如何在 VitePress 中使用 Google Adsense 挂载广告赚零花钱

前言 你有自己的博客、文档或者个人网站吗&#xff1f;想要在网站上发布一些广告来通过流量赚取一些零花钱吗&#xff1f; 前阵子我试着在我用 VitePress 写的个人网站中增加了 Google Adsense 的广告&#xff0c; 本篇文章会以我的 个人经验 来介绍下如何在 VitePress 中添加…

vue2知识点————(监听器,计算属性)

vue2的知识点&#xff0c;更多前端知识在主页&#xff0c;还有其他知识会持续更新 监听器 Vue.js 2 中&#xff0c;监听器&#xff08;Watchers&#xff09;是一种机制&#xff0c;用于在数据发生变化时执行特定的操作。监听器允许你监视 Vue 实例中的数据变化&#xff0c;并在…

Zustand 和 React 上下文状态管理

Zustand 是客户端全局状态管理的一个很棒的库。它简单、快速&#xff0c;并且包大小小。然而&#xff0c;有一件事我不一定喜欢它&#xff1a;这些 Store 是全局性的。 但这不是全局状态管理的重点吗&#xff1f;要使该状态在您的应用程序中随处可用。不过当我回顾过去几年中使…

报错TLS certificate verification has been disabled

拉取提交推送代码&#xff0c;出现报错TLS certificate verification has been disabled 找了很多博客&#xff0c;都提示在git bush直接使用命令 git config --global http.sslVerify true 多次尝试此命令&#xff0c;并不生效&#xff0c;出现问题可以先使用此命令尝试下效…

react状态管理之state

第三章 - 状态管理 随着你的应用不断变大&#xff0c;更有意识的去关注应用状态如何组织&#xff0c;以及数据如何在组件之间流动会对你很有帮助。冗余或重复的状态往往是缺陷的根源。在本节中&#xff0c;你将学习如何组织好状态&#xff0c;如何保持状态更新逻辑的可维护性&…

Web前端框架/库/工具

前言 前端从步枪&#xff08;原生js&#xff09;到了半自动武器&#xff08;jQuery&#xff09;并进化为全自动武器&#xff08;三大框架&#xff08;angular&#xff0c;react&#xff0c;vue及其生态链&#xff09;&#xff09;。 常说工欲善其事必先利其器。对于那些想要提…