排序
vue插槽的使用(匿名插槽、后备内容、具名插槽、作用域插槽)
一、前言 插槽就像放在组件中的占位标签,使用组件时我们将要放到占位标签处的DOM结构写入组件标签体中即可。 通俗点来讲,插槽就是在自定义组件中预留一个位置,这个位置的内容可以由使用组件...
任意图形的变换原理
前言 学习目标 基于某一基点变换任意图形 知识点 矩阵变换 1-基点变换的思路 此时我突然想起一句让人午夜惊醒的话:来,咱们再把这件事情的来龙去脉从头捋一遍。 我现在就想着把这个基点变换的...
Vue中的自定义指令directive
为什么要有自定义指令directive 希望input标签在加载的时候就处于focus的状态 1.使用自定义指令directive之前 【敲代码】 const app = Vue.createApp({ mounted(){ this.$refs.input.focus() },...
Monday Apps 开发初体验(二)- 创建 App
背景 上一篇文章《Monday Apps 开发初体验(一)- 基本概念了解》初步了解了一下 Monday 的基本概念,有了这些概念基础,再去开发 App 就比较顺畅了,我们主要参考 Quickstart guide,开搞! Ap...
Angular Router中的常用类
Angular Router 常用类 Angular Router模块提供了几个重要的类来处理路由信息。以下是一些常用的类: Router:Router是Angular Router模块中最重要的类之一。它提供了导航和路由操作的方法,用...
学习 React 中的本地存储:创建明暗主题切换器应用程序
什么是本地存储? 本地存储是一种网络存储 API,允许您在网络浏览器中存储键值对。它是一个持久存储选项,这意味着即使在浏览器关闭并重新打开后,数据仍保留在浏览器中。本地存储对于记住用户...
时隔多年,从新认识浮动float
开场白 随着css的发展,在加上各种优秀ui库的兴起。 我们在项目中浮动用的很少。 但并不意味着我们不使用浮动了。 曾几何时,浮动这个属性是那个遥远时代的'超级明星' 排版,布局,都需要使用他...
【手撸低代码工具】二次封装UI库(八)封装行内编辑的列表 —— 批量修改
目录 【手撸低代码工具】二次封装UI库(一)简单介绍一下想法 【手撸低代码工具】二次封装UI库(二)表单里的各种组件的封装 【手撸低代码工具】二次封装UI库(三)表单与表单内各组件的那点事 ...
TypeScript内置数据类型:从布尔到Never
作为一门类型安全的编程语言,TypeScript 提供了多种内置数据类型,帮助我们更好地定义和操作数据。 1. 布尔类型(boolean) 首先,让我们来了解一下布尔类型。布尔类型代表了一个逻辑值,只有...
从零开始实现RSC – 第 1 部分:Server Component
原文:github.com/reactwg/ser… 原标题:RSC From Scratch. Part 1: Server Components 作者:gaearon (dan) 译者注:虽然这篇文章很长,而且有三个部分(目前仅更新了第一部分)。但是可以帮...
构造函数和原型链相关
面向对象和原型链应该是很明朗的一个知识点了,本文希望从设计以及理解的角度,把它们讲清楚。 为什么函数是一等公民,或者说它有何特殊之处? 我们都知道js中有基本数据类型和引用类型。typeof...
从尤雨溪这两天微博募捐,思考开源如何赚大钱
这两天,尤大在他的微博表示,他打算开启国内开源捐赠计划,截止本文发帖为止,已经有 6k / 月的固定充电了。 这个数额目前还是比较小的,企业级别的 sponsor 应该还没有出现,光靠个人捐赠的话...
React源码学习(二):fiber分析与学习
一. Fiber是什么 在fiber出现之前,react的架构体系只有协调器reconciler和渲染器render。 当前有新的update时,react会递归所有的vdom节点,如果dom节点过多,会导致其他事件影响滞后,造成卡...
【Unity3D】魔方
1 需求实现 绘制魔方 中基于OpenGL ES 实现了魔方的绘制,实现较复杂,本文基于 Unity3D 实现了 2 ~ 10 阶魔方的整体旋转和局部旋转。 本文完整代码资源见→基于 Unity3D 的 2 ~ 10 阶魔...
上车WebGL——初探图形学的数学基础
哈喽大家好啊,我是广州小井。上一小节我们初步接触了图形的二维变换,但每一个变换我们都是通过不同的数学公式计算顶点坐标实现的,那有没有统一的计算方式呢?不急,我们先来学点数学知识吧! ...
手把手教你用纯CSS实现液体球特效
前言 这次给大家带来的是一个具有视觉效果的液体球特效。液体球特效是一种视觉特效,它可以模拟出液体在球体中运动的效果,让大家感觉到液体在球体内部自由流动、变形、翻滚等动态效果,从而增...
跳出继承限制:TypeScript mixin 提升代码复用性
在前端开发中,我们经常需要在不同的组件或类之间共享功能代码。Mixin 提供了一种非常灵活的方式,可以让我们在不破坏继承关系的前提下,将功能代码复用到多个对象中。 什么是 mixin? Mixin 是...
十个你必须要会的TypeScript技巧
我正在参加「掘金·启航计划」 1. 泛型的使用 泛型可以让我们编写更具灵活性、可重用性和类型安全性的代码。在 TypeScript 中,泛型通常使用类型参数来定义一个通用的类型或函数,并在使用时指...
进阶开发,跟我一起拿捏webpack loader原理
前言 上一篇是日常开发,我该掌握哪些webpack loader知识,这一篇主要从源码层面分析,webpack内部是怎么控制loader执行,让我们不仅知道怎么用,还能知道为什么这么用,最后还会分析常用loader...
当锚点定位遇上固定定位导航栏
文章主要用于记录遇到固定定位导航栏时,锚点定位元素应如何避免被导航栏遮挡。 零、锚点定位的实现方法 1、利用url上的hash 利用hash进行锚点定位是一种传统的锚点定位方法。如url为www.xxx.co...