善假于物

this是JavaScript中定义的关键字，作用就是谁调用指向谁，没用明确定义的对象的时候，就会指向默认对象，默认绑定全局对象。还是对他的定义有不是很理解的地方，就让我们仔细看这篇文章吧。函数在调用时，JavaScript默认给this绑定一个值this的绑定和定义的位置没有关系this的绑定和调用方式以及调用的位置有关this是在运行时被绑定的从特点来看，this是调用函数才有，不调用就没有明确定义，在调用的时候调用方式和调用位置起到了重要作用。

在React开发中，我们或许经常遇到要将。后面的第一个字为大写字母，并且去掉。后的属性转换为字符串类型，代码如下。,如下我自己写了个类，正则匹配。

本文介绍了，React的组件化开发，React组件生命周期，React组件间的通信，React组件插槽用法，React非父子的通信，setState的使用详解

【代码】React脚手架解析(三)

本文介绍了：认识JSX语法，JSX的基本使用，JSX的事件绑定，JSX的条件渲染，JSX的列表渲染，JSX的原理和本质

React是什么？React：用于构建用户界面的 JavaScript 库；React的官网文档：https://zh-hans.reactjs.org。

vue2响应式原理主要是通过Object.definePropert()函数实现的，而Vue3实现原理主要是由Proxy（）代理实现的......

Vue3中实现动画，淡入淡出，使用标签以及css中 v-enter-to,v-enter-from,v-leave-to,*-leave-from等等属性......

JSX在Vite和web pack中如何使用,并附带在setup函数中，在Compoitison-Api中和Options-Api的使用案例......

h函数需要在render函数中使用，本文介绍了什么是h函数，以及h函数分别在options Api中和Compitons Api中如何使用，以及setup函数中的使用情况

认识Vue插件,插件模式可以有两种编写方式，对象类型和函数类型。对象类型中必须包含一个install的函数......

Vue3异步组件和Suspense中的是默认方案，然而是应急方案，先展示fallback等数据加载完毕后显示default方案

在组件化开发中，我们封装一个组件A，在另一个组件B中使用，但是某些情况下，我们希望组件不是挂载在这个组件树上的，可能是移动到Vue app之外的其他位置:

自定义指令时间格式化案例,将时间戳通过自定义指令的方法来实现格式化

自定义指令参数修饰符值,我们使用的是mounted(el,bindings)中的第二个参数bindings中可以获取标签里包裹的内容

Vue3中自定义指令的生命周期,详细说明了created，beforeMounted，mounted，beforeUpdate，update，beforeUnmount，unmounted

Vue3的高级部分,自定义指令,分为局部定义和全局定义,Componistion API语法和options API语法

React上注册的事件最终会绑定在document这个DOM上，而不是React组件对应的DOM（减少内存开销就是因为所有的事件都绑定在document上，其他节点没有绑定事件）React自身实现了一套事件冒泡机制，所以这也就是为什么我们event.stopPropagation()无效的原因。React通过队列的形式，从触发的塑胶向父组件回溯，然后调用他们JSX中定义的callbackReact有一套自己的合成事件 SyntheticEventrender(){return (

在React中，类组件基于ES6，所以在constructor中必须使用super在调用super过程中，无论是否传入props，React内部都会将porps赋值给组件实例porps如果只调用了super（），那么this.props在supper（）和构造函数结束之间仍是undefind。

store/counter.jspinia的核心Statestore/user.jspinia的核心Gettersstore/counter.js网络请求stores/counterstores/home感谢大家观看，我们下次见

引入 store/index.js。

Vue-Router的使用，学习笔记。欢迎大家观看指正...

Vue3的Composition-API开发模式，学习笔记

第一步，把基础库设置成，2.16.0。第三步，重新加载编译程序。第二步，清除所有缓存。第四步，查看成功打印。

app/controller/chat.js// app/controller/chat.jsconst Controller = require('egg').Controller;class ChatController extends Controller { // 连接socket async connect() { const { ctx, app } = this; if (!ctx.websocket) { c.

router.js // 发送消息 router.post('/chat/send',controller.chat.send);app/controller/chat.js// app/controller/chat.jsconst Controller = require('egg').Controller;class ChatController extends Controller { // 连接socket async connect() { .

chat.jsimport $U from "./util.js";class chat { constructor(arg) { this.url = arg.url this.isOnline = false this.socket = null // 获取当前用户相关信息 let user = $U.getStorage('user'); this.user = user ? JSON.parse(user) : {}, // 初始化聊天对象 this.T.

chat.jsimport $U from "./util.js";class chat { constructor(arg) { this.url = arg.url this.isOnline = false this.socket = null // 获取当前用户相关信息 let user = $U.getStorage('user'); this.user = user ? JSON.parse(user) : {} // 连接和监听 if(this.u.

chat.jsimport $U from "./util.js";class chat { constructor(arg) { this.url = arg.url this.isOnline = false this.socket = null // 获取当前用户相关信息 let user = $U.getStorage('user'); this.user = user ? JSON.parse(user) : {} // 连接和监听 if(this.u.

router.js'use strict';/** * @param {Egg.Application} app - egg application */module.exports = app => { const { router, controller } = app; router.get('/', controller.home.index); // 用户注册 router.post('/reg',controller.user.reg); // 登录 .

apply-list.vue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="好友申请列表" showBack :showRight="false"> </free-nav-bar> <free-list-item v-for="(item,index) in applyList" :key="index" :title="item..

直接看效果图如下是主页面代码login.nvue<template> <view class=""> <view v-if="show" class="position-fixed top-0 bottom-0 left-0 right-0 bg-light flex align-center justify-center"> <text class="text-muted font">正在加载...</text> .

直接上效果图下面是页面代码add-moment.nvue<template> <view class="px-3"> <!-- 导航栏 --> <free-nav-bar showBack :showRight="true"> <free-main-button name="发表" slot="right" @click="submit"></free-main-button> </free-n.

不废话，直接上图下图是代码search.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="我的收藏" showBack :showRight="false"> <input type="text" value="" placeholder="请输入关键字" style="width: 650rpx;" class="font-md" /.

效果图代码fava.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="我的收藏" showBack :showRight="false"></free-nav-bar> <view class="pt-3 px-3"> <view class="bg-white rounded p-3"> &l.

不废话先看效果图，由于我们没有二维码名片所以先用一个照片代替下面是代码部分code.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="二维码名片" showBack :showRight="false"></free-nav-bar> <view class="p-5"> <view class="bg.

先看效果图代码如下图所示userinfo.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="个人资料" showBack :showRight="false"></free-nav-bar> <free-list-item title="头像" showRight :showLeftIcon="false" @click="u.

不废话，直接看效果图下面是实现代码moments.nvue<template> <view> <free-transparent-bar :scrollTop="scrollTop"></free-transparent-bar> <view class="position-relative" style="height: 620rpx;"> <image src="https://douyinzcmcss.o.

用户投诉user-report.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="用户投诉" showBack :showRight="true" bgColor="bg-white"> <free-main-button name="投诉" slot="right" @click="submit"></free-main-butt.

实现推荐名片的设计，并且把推荐名片弹出层封装成组件send-card.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="选择" showBack :showRight="true"> <free-main-button :name="muliSelect ? '发送 ('+selectCount+')' : '多选'" slot="right".