随笔分类 - web前端
前端知识
摘要：要厘清这些问题，我们需要结合 JavaScript 类继承规则 和 React 类组件的初始化机制 来分析，以下是关键知识点的拆解： 一、关于 propTypes 和 defaultProps 的校验逻辑 你的理解偏差：“props 要做校验通过后才会做后续的操作” 正确逻辑： propTypes
阅读全文
摘要：对于class继承以及构造函数、原型链有些疑惑，学的不是很好，如果你也想重新学习这块内容请耐心看完 你对 ES6 Class 的理解方向是对的！它确实是构造函数的「语法糖」，但背后封装了更清晰的继承逻辑。我们通过具体例子一步步拆解，从基础到继承，再到 prototype 和 __proto__ 的核
阅读全文
摘要：当 flex 容器的主轴方向是垂直（flex-direction: column）时： 默认情况下，flex 项的高度会先基于内容自身高度（height: auto）计算，再分配剩余空间。 问题出现：如果某个 flex 项的内容高度不确定（如文本、图片或动态内容），浏览器会优先用内容高度占用空间，可
阅读全文
摘要：知道JS有模块化开发的说法，也偶尔听过requireJs,AMD,CMD等等名字，甚至使用node的时候，还用过require之类的方法，但是对这些一直没有一个明确的认识和概念。想必这就是许多新手刚接触这方面知识时的一个普遍状态。其实仅仅做一些基础的活儿的时候，并不需要对它们有太多的了解，知道怎么用
阅读全文
摘要：display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-template-columns 作用：定义网格容器里有多少列，以及每列的宽度。 repeat(auto-fit, ...) repeat
阅读全文
摘要：Proxy 是什么 Proxy 是 ES6 引入的一个新特性，它可以对对象的基本操作（如属性读取、属性设置、枚举、函数调用等）进行拦截和自定义处理。Proxy 接收两个参数：目标对象（target）和处理程序对象（handler）。处理程序对象中可以定义各种拦截操作的方法，这些方法被称为陷阱（tra
阅读全文
摘要：Vue 3 的 nextTick 源码位于 packages/runtime-core/src/scheduler.ts 文件中，下面是简化后的源码 import { isFunction } from '@vue/shared' import { currentFlushPromise } fro
阅读全文
摘要：这个错误是由于 Windows 系统的执行策略限制导致的，它禁止运行 PowerShell 脚本，vue.ps1 就是一个 PowerShell 脚本，所以无法正常执行。以下为你详细介绍解决该问题的方法： 方法一：临时更改执行策略（适用于当前会话） 如果你只是想临时允许运行脚本，在当前的 Power
阅读全文
摘要：新年快乐！！！蛇年大吉 uni-app 不支持 animate 类型。 原生微信小程序 支持 animate 类型 。 当前需求可基于 原生微信小程序 的 Page 实例类型 扩展 uni-app 的 Page 实例，参考代码 👇 // 基于小程序的 Page 实例类型扩展 uni-app 的 P
阅读全文
摘要：/** ts-微软开发包含js(最终变异为js)的扩展语言（js的超集）适合大型项目开发 数据类型、逻辑漏洞、低级书写错误、属性访问漏洞 静态类型检查（运行前检查） / /* tsc --init tsc --watch npm i typescript -g tsc xxx.ts / /* 类型大
阅读全文
摘要：在CSS（层叠样式表）中，border和outline都用于给元素添加边框效果，但它们之间存在一些区别： 最重要的一点outline外边框不占用空间 1. 用途和功能 border 主要用于定义元素的边框，是元素盒模型的一部分。它可以用于控制元素的大小和布局，因为边框的宽度会影响元素的总宽度和总高度
阅读全文
摘要：点击查看代码 wx.getSetting({ success(res) { // 判断已授权的scope是否含有保存到相册的授权 if (!res.authSetting['scope.writePhotosAlbum']) { // 没有授权过，走完整的授权逻辑 wx.authorize({ sc
阅读全文
摘要：
阅读全文
摘要：  
阅读全文
摘要：由于 js 是单线程，DOM 解析是自上而下的，遇到 link 或 script 标签，去暂停主线程去下载资源，然后再继续解析，主线程在等待网络线程下载的这个时间段就会造成浪费，而 HTML资源提示符 就能很好解决这个问题。 async 异步下载 js 资源，不会阻止 DOM 解析，会在下载完成后立
阅读全文
摘要：在CSS3中，确实有一些属性可以用来创建3D效果和调整景深。主要的属性包括perspective和transform系列属性。下面分别介绍这些属性的使用方法和使用场景。 perspective perspective属性用于为3D空间中的元素设置景深。它决定了观察者与元素之间的距离，从而影响3D变换
阅读全文
摘要：
阅读全文
摘要：模块中的导入：在 app.module.ts 中导入 HdService 是为了告诉 NestJS 框架这个服务需要被注册为提供者，使其可以在依赖注入容器中使用。 控制器中的导入：在 app.controller.ts 中导入 HdService 是为了使用 TypeScript 的类型检查和智能提
阅读全文
摘要：说明：连接状态，客户端ID，在线状态，连接中，当前聊天会话ID，当前聊天对象ID，总未读数， 聊天功能实现首先要保证当前用户已经登录状态 监听登录时更新会话列表 监听退出时更新会话列表 发起聊天的时候，其他人个人空间的时候核心按钮旁边有一个聊天的入口按钮点击不仅要做进入聊天页面还要更新tabbar页
阅读全文
浙公网安备 33010602011771号