排序
在React中使用Redux(一)—— 初识Redux
大家早上中午下午晚上好呀,这里是小黑的前端频道。如题,这是一篇很详细的redux教程,看完还不懂,那就看第二遍,第三遍?... Redux的核心思想 纯函数 在写Redux的核心思想之前,我们需要先理解...
ByteMD编辑器源码阅读
背景 最近在研究编辑器偶尔看到了ByteMD挺有意思的,于是产生了兴趣,便研究了一下源码,想解决一下下面的疑惑。 ByteMD源码地址: github.com/bytedance/b… Demo地址: bytemd.js.org/playgroun...
CSS 的新单位 vmin vmax 你了解吗?
众所周知,CSS 有许多不同的单位,用来表示长度、宽度、高度、字体大小等属性。 其中,有一种单位可能不太为人所知,但却非常实用,那就是 vmin 和 vmax。 大家好,我是渡一前端子辰老师,今天...
封装h5调用App端原生方法工具函数
前言 随着业务越来越复杂,App应用越来越大,变成了巨石应用,对于项目的开发、部署、维护都是一个挑战,所以想借鉴于hybrid的方式,将应用进行拆分,变成一个个h5应用,然后通过web-view组件将...
我终于成功登上了JS 框架榜单,并且仅落后于 React 4 名!
前言 如期而至,我独立开发的 JavaScript 框架 Strve.js 迎来了一个大版本5.6.2。此次版本距离上次大版本发布已经接近半年之多,为什么这么长时间没有发布新的大版本呢?主要是研究 Strve.js 如...
框架开发使用注解处理器APT优雅提效
概述 在现在的很多开源框架中,我们经常能在源码中看到注解处理器的影子,比如我们熟悉的阿里的ARouter,Android开发中的替代findViewById神器黄油刀ButterKnif,事件总线EventBus等都使用了注解...
对比 React,用10个例子快速上手 Svelte
Svelte 和 React、Vue 一样,都是用于开发前端界面的响应式 UI 框架,让开发者能够以组件的形式组织页面代码。前几天看到油管博主 fireship 发布了一个视频,其中用十个例子比较了 React 和 Sve...
前端必会的 UI 组件库打包和发布
最新闲来无事,把近半年写的一些 UI 组件优化了一下。然后就来了兴趣,又写了一个使用说明文档,还研究了一下 gulp 和 rollup 的打包方式,最终实现了可按需加载的 UI 组件库。库已经丢到 npm ...
如何用好 useMemo 和 useCallback:你可以移除它们中的大多数
如何用好 useMemo 和 useCallback:你可以移除它们中的大部分 本文源于翻译:How to useMemo and useCallback: you can remove most of them useMemo 和 useCallback 是React中的两个钩子函数,...
轻量级工作流引擎的设计与实现
一、什么是工作流引擎 工作流引擎是驱动工作流执行的一套代码。 至于什么是工作流、为什么要有工作流、工作流的应用景,同学们可以看一看网上的资料,在此处不在展开。 二、为什么要重复造轮子 ...
iOS 轻量化图像下载缓存框架实现
一、背景 日常开发过程中,图片的下载会占用大量的带宽,图片的加载会消耗大量的性能和内存,正确的使用图片显得尤为重要。 同样也经常需要在各类型控件上读取网络图片和处理本地图片,例如:UI...
React Router 机制解析
什么是 Web 路由? 一个比较直观的解释:路由就是 URL 到函数的映射。 /users -> getAllUsers() /users/count -> getUsersCount() 服务端路由(Server-side Routing) 对于服务器来说,当...
Tailwind CSS 导论
Tailwind CSS 导论 作为前端开发,您是否曾经为在 HTML 和 CSS 之间不断切换而感到困扰?是否正在寻找一个可以帮助快速开发网页的 CSS 框架?如果是这样,那么 Tailwind CSS 一定是你的不二之选...
轻量化滤镜图像和GIF框架分享到你~
一、背景 日常开发过程中,经常需要在各类型控件上加载显示图像orGIF,例如:UIImageView、UIBtton、NSImageView、NSButton等等。 这时候有个网络图像库就会便利太多太多,很多人这时候会说,对...
TinyNG——开源Angular组件库,助力Web应用快速开发!
TinyNG 是基于 Angular + TypeScript 的前端 UI 组件库,旨在为开发人员带来更高效的开发体验和统一的视觉交互风格。TinyNG 已经在华为内部使用四年,支撑数百个企业产品,拥有强大的稳定性和...
学习vue3系列-路由编
目标 vue-router基础使用 vue-router数据结构 meta数据结构定义 路由守卫 路由鉴权过程 路由permisson逻辑实现 vue-router基础使用 vue项目的开发是离不开vue-router的。vue作为一个mvvm框架,...
灵活使用冻结对象提升代码效率,原理又是什么呢?
大家好,我是渡一前端子辰老师。 众所周知,前端开发是一个不断追求优化的领域,无论是在代码质量、性能效率还是用户体验方面,都需要不断地探索和创新。 今天我们以 Vue 为例,介绍一个常见的...
?拳拳到肉,深入源码,理解react如何渲染–shouldComponentUpdate篇
在讲本文之前,附一张shouldComponentUpdate的调用栈,本文所有的内容都是基于这个调用栈: shouldComponentUpdate 在发出fiber更新的过程,对于classComponent会调用updateClassinstance的方法...
React教程 – Hooks
import React, { useState } from 'react'; import { Button } from 'antd'; import './Demo.less'; // Hook实现 export default function UseStateDemo() { const [num, setNum] = useState(0)...
使用Electron打桌面端需要知道哪些
Electron 打桌面端 Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Wi...