07 2022 档案
直播平台对比
摘要：1、抖音 定位是娱乐直播，日活量3-4亿不允许留微信和联系方式。 这类型的平台看似简单，但是想做要也没有这么容易，因为需要主播有很强的创意，对内容质量要求比较高，和粉丝互动率较低。 经常由于主播之间市场进行撕逼大战，因此整体名声并不是很好。而抖音对流量控制得很严，无法从抖音建立私域流量。 2、快手
阅读全文
第三方直播SDK对比（腾讯云，阿里云，网易云信，七牛云，金山云，声网，即构科技）
摘要：首先看过各个平台直播SDK后大致知道平台SDK分为有2种： 直播：传统方式，1个主播，多个观众 互动直播：与普通的单向直播相比，赋予了**观众****“露脸发声”**的权利，因此对实时性、抗回声的要求更高；主打“连麦”、“多画面特效”等能力。 以下内容是基于拥有连麦技术做的对比 目录 主要功能对比
阅读全文
typescript的?? 和?: 和?.是什么意思？还有!:
摘要：?:是指可选参数，可以理解为参数自动加上undefined function echo(x: number, y?: number) { return x + (y || 0); } getval(1); // 1 getval(1, null); // error, 'null' is not a
阅读全文
react中实现路由缓存和组件缓存
摘要：该思路适合单页面应用。 1.新建一个缓存组件，我们叫它componentCache,其核心方法就是每一个缓存组件都对应一个唯一的id，id都对应挂载再window对象上的productCache属性里,即id为pageA的缓存组件，它的缓存数据再window.productCache.pageA里
阅读全文
type 和 interface的区别
摘要：对typescript 有一定了解的,会发现 interface 和 type 很相似,类型定义上，很多时候，用两种方式都能实现。 三分钟直入主题， 除了语法不同外，interface和type主要有区别 1 类型别名可以用于其它类型 （联合类型、元组类型、基本类型（原始值）），interface不
阅读全文
阻止默认事件，阻止冒泡，阻止捕获
摘要：一、阻止默认事件： event.preventDefault(); let aEle = document.getElementsByTagName("a")[0]; aEle.addEventListener("click", e => { let event = e || window.even
阅读全文
当你代码写错分支时就用git stash吧
摘要：stash的原理：将本地没提交的内容(git commit的内容不会被缓存 但git add的内容会被缓存)进行缓存并从当前分支移除，缓存的数据结构为堆栈，先进后出 stash的参数详解：#1. git stash/git stash savegit stash与git stash save是一样的
阅读全文
手写react中的useContext
摘要：https://blog.csdn.net/qq_28992047/article/details/105985257
阅读全文
手写react中的useRef
摘要：https://www.pudn.com/news/62490fa3ce850076c9be561d.html https://www.csdn.net/tags/NtjaIg0sNzQ2OTgtYmxvZwO0O0OO0O0O.html
阅读全文
手写react中的useMemo和useCallback
摘要：https://www.csdn.net/tags/NtzaQg2sNDA0MzQtYmxvZwO0O0OO0O0O.html http://www.manongjc.com/detail/20-hxqljfikavyujxx.html
阅读全文
手写react中的useState
摘要：https://blog.csdn.net/Zong_0915/article/details/116709801 https://blog.csdn.net/weixin_46797477/article/details/120875565 https://developer.aliyun.com
阅读全文
我为什么从Redux迁移到了Mobx
摘要：Redux是一个数据管理层，被广泛用于管理复杂应用的数据。但是实际使用中，Redux的表现差强人意，可以说是不好用。而同时，社区也出现了一些数据管理的方案，Mobx就是其中之一。 Redux的问题 Predictable state container for JavaScript apps 这是
阅读全文
Vue和React对比学习Hooks
摘要：不知道大家有没有发现随着版本的升级 vue 和 react 越来越像了。 2019年年初，react 在 16.8.x 版本正式具备了 hooks 能力。 2019年6月，尤雨溪提出了关于 vue3 Component API 的提案。笔者理解这其实是 vue 版本的 hooks。 Vue 和 Re
阅读全文
vue3中自定义hooks
摘要：hook: 直译[hʊk] 钩子 Hooks在前端领域并没有明确定义，借用知乎大佬的定义：在JS里是callback,事件驱动，集成定义一些可复用的方法。 Vue3官方文档并没有对自定义Hooks做任何定义，却无处不在在使用这个技巧，很多开源项目也在用这个技巧，所以作为一个合格的Vuer学会自定义H
阅读全文
react中如何自定义hooks
摘要：首先技术栈 react hooks + prop-types + jsx封装纯函数组件。类组件和typeScript在这不做讨论，大家别白跑一趟。 接下来会说一下封装可复用组件的思路，比如一个新手应该怎么去封装，都需要注意哪些东西。 然后说一些复杂组件需要的功能，比如闭合标签内部dom怎么处理，其实
阅读全文
uni-app面试题
摘要：1. uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？ 通过 #ifdef、#ifndef 的方式 H5 ： H5 MP-WEIXIN ： 微信小程序 2. uniapp的配置文件、入口文件、主组件、页面管理部分 pages.json 配置文件 main.js 入口文件 App.v
阅读全文
react hook 实现use-watch
摘要：import { useEffect, useRef } from 'react'; const defaultCompare = (prev, next) => prev next; export const useWatch = ( callback, value, { initialValue
阅读全文
React中useEffect return的函数什么时间执行
摘要：import React, { useState, useEffect } from "react"; import ReactDOM from "react-dom"; function App() { const [visible,setVisible] = useState(true) ret
阅读全文
navicat premium 12 激活码
摘要：NAVDP2EALVFHJM2K
阅读全文
Sourcetree提交代码husky报npm: command not found
摘要：使用Sourcetree提交代码时，报错 .git/hooks/pre-commit: line XXX: node: command not found 解决方法：在 .husky目录下的pre-commit文件中添加环境变量 mac PATH=$PATH:/usr/local/bin:/usr/
阅读全文
基于 styled-components 实现一套皮肤系统
摘要：styled-components 使用模版字符串特性，让我们可以保持原有 CSS 的书写习惯来编写 CSS，同时，利用 ${ props => props.theme.xxx } 的方式，实现皮肤系统中挖空填值的能力。 import styled from "styled-components";
阅读全文
css-in-js中的styled-components 使用总结
摘要：一、官网地址 https://www.styled-components.com/二、styled-components 1、styled-components 样式化组件，主要作用是它可以编写实际的CSS代码来设计组件样式，也不需要组件和样式之间的映射，即创建后就是一个正常的React 组件，并且
阅读全文
mobx mobx-state-tree 使用总结
摘要：背景 mobx：简单、可扩展的状态管理。相当于 redux。 mobx-state-tree：MobX 是一个状态管理“引擎”，MobX-State-Tree 为其提供了应用程序所需的结构和常用工具。 mobx-react：使用 React 组件包装器打包以将 React 与 MobX 相结合。导出
阅读全文
