前端开发ZEHAN

从部署到实践，即刻拥有你的专属龙虾助手

OpenClaw开发者专区🦞🦞🦞

自行/邀约他人一键搬运博客，享价值百万资源包

腾讯云自媒体同步曝光计划

往期视频·干货材料·成员作品 最新动态

腾讯技术创作特训营知识专栏

分享玩虾心得，最高赢 Mac mini🍎

腾讯云OpenClaw玩虾大赛，发文最高赢 Mac mini🍎

新邀入驻腾讯云开发者社区，福利多多！

vue组件之间的传值大致分为三种：父组件给子组件传值，子组件给父组件传值，兄弟组件之间传值 本文主要介绍vue组件之间简单的数据传递，如果组件之间传递的数据比较复杂，建议使用vue的状态管理模式 vuex

组件传值

<div id="app">
  <router-link to="/login">登录</router-link>
  <router-link to="/reg">注册</router-link>
  <router-view></router-view>
  <h3>{{msg}}</h3>
</div>
<body>
  <script>
    const login = {
      template: `<h1>登陆组件</h1>`
    }
    const reg = {

watch监听函数小案例

1.父子组件通信
父传子
（1）通过在父组件v-model绑定数据，在子组件进行用props进行数据的接收
父组件

VUE组件之间的通信

正则元字符

DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。

js事件冒泡

flex属性是 flex-grow + flex-shrink + flex-basis 的缩写

css属性为 { flex: 1 }时表示的意思

我们第二个请求获取列表的时候需要使用第一个请求得到的code值，只有code值为0时，才能请求，而且当做参数传进去，那么我们看一下常规的做法吧

如何使用ES6的新特性async await进行异步处理

这句话很重要，函数执行之前也就是在这段程序开始之前，浏览器对马上要执行的函数进行预编译！！
预编译四部曲

javascript预编译（执行期的上下文）

两个最简单的例子理解变量声明提升和函数声明提升

一、变量提升
变量提升即将变量声明提升到它所在作用域的最开始的部分
例1：

js变量提升 和函数提升

第一段代码中函数在执行时，是找不到变量i的值的，所以要往上一层作用域中找
他的上一层作用域是全局作用域，也就是不符合循环条件的值 为 2

let和var和const

::before 是一个伪类元素，代表生成的内容元素，表示相应元素的可抽象样式的第一个子元素，即：所选元素的第一个子元素 利用::before可以把需插入的内容插入到元素的其他内容之前，并且默认内联显示。::before需要使用content属性来指定内容的值。

关于：before和：：before的区别 至 伪类和伪元素的区别

作为原型和原型链的基础，先了解清楚构造函数以及它的执行过程才能更好地帮助我们学习原型和原型链的知识。

1、什么是构造函数
2、为什么要使用构造函数？
3、构造函数的执行过程
4、构造函数的返回值
5、构造函数首字母必须大写吗？
6、不用new关键字，直接运行构造函数，是否会出错？如果不会出错，那么，用new和不用new调用构造函数，有什么区别？

js构造函数的理解

1.原型链继承
2.构造函数继承
3.组合继承
4.寄生组合继承
5.extends继承

JS继承

JavaScript中的 this 对于初学者来说是个难点，对于老手也会困惑。之前有一个小伙伴一直问我this的相关问题，所以今天抽出点时间深入的带大家理解this。希望通过我的理解能够对正在处于对this困惑的你指引方法，让你再也不用怕JavaScript中的this了，让你明白在各种情况下使用this。JavaScript 的 this 关键词是很不一样，因为 JavaScript 本来就不是一门基于类的面向对象编程语言。this 就是一个指针，指向我们调用函数的对象。

如何理解JavaScript中的this

javascript采用的静态作用域，也可以称为词法作用域，意思是说作用域是在定义的时候就创建了，
而不是运行的时候。此话对于初学者很不好理解，看看下面这个例子：

作用域和作用域链的简单理解

闭包是JavaScript语言中的难点，很多刚入行的（包括我在内）一时对他很难理解，于是在网上各种搜罗有关闭包的学习资料，但是无数的文章介绍闭包，但都是了解一个皮毛。说实在的我到现在也不敢和大家百分百的肯定掌握它。所以今天我就把我的整理的学习笔记分享给大家，希望能够对大家有用。

JavaScript闭包实例讲解

2、所有的引用类型都有一个’_  proto _'属性(也叫隐式原型，它是一个普通的对象)。

JS中的原型和原型链

群友发的
预览：


源码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>页面不翼而飞！</title>

<style>


仿bilibili弹幕样式的404页面

本文作者分享了JavaScript类型判断的四种方法：1.typeof、2.instance of、3.Object.prototype.toString.call()、4.constructor，希望对你有所帮助。

JavaScript类型判断的四种方法

import Vue from 'vue'
import Vuex from 'vuex'

Vuex是怎样进行状态管理的

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

腾讯云开发者社区推出了前端开发ZEHAN专栏，为你提供了前端开发ZEHAN的相关文章，致力于帮助开发者快速成长与发展。

前端开发ZEHAN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐