排序
轻量级工作流引擎的设计与实现
一、什么是工作流引擎 工作流引擎是驱动工作流执行的一套代码。 至于什么是工作流、为什么要有工作流、工作流的应用景,同学们可以看一看网上的资料,在此处不在展开。 二、为什么要重复造轮子 ...
CSS 的新单位 vmin vmax 你了解吗?
众所周知,CSS 有许多不同的单位,用来表示长度、宽度、高度、字体大小等属性。 其中,有一种单位可能不太为人所知,但却非常实用,那就是 vmin 和 vmax。 大家好,我是渡一前端子辰老师,今天...
React–组件间通信
父传子props 父组件通过 属性 = 值 的形式来传递给子组件数据 const banners = ['新歌曲', '新MV', '新歌单'] <MainBanner banners={banners}/> 子组件通过 props 参数获取父组件传递...
微信小程序云开发快速入门(3/4)
前言 在《微信小程序云开发快速入门(2/4)》分享中,我们已经将列表的查询和分页全部搞定了,可以说对于备忘录来说已经非常好用了,此时此刻码仔在脑海中已经开始幻想自己走上了人生的巅峰场景...
秒启动的基石,vite 依赖预构建的原理
vite 在开发环境能够做到秒启动的原因有两个 No Bundle:即跳过打包,通过浏览器 ESModule 解析源文件 依赖预构建:将常用依赖提前编译和处理,从而在启动阶段大大减少了开销 依赖预构建不仅能...
掘力计划第 20 期: Pake —— 利用 Rust 轻松构建跨端轻量级应用
Pake —— 利用 Rust 轻松构建跨端轻量级应用 回放链接:live.juejin.cn/4354/jpower… 在掘力计划系列活动第20场前端工程师 Tw93(真名汤威)为我们分享了跨端开发与跨端技术实践。 汤威是一名...
双引擎的基础, vite 在 dev 的插件机制
我们都知道,vite 在开发时使用的是 esbuild 作为依赖预构建和 ts、jsx 文件转译工具,通过浏览器的 ESM 加载,而在生产打包时使用的是 Rollup 作为打包工具。这样的双引擎架构可以同时享受到到...
?拳拳到肉,深入源码,理解react如何渲染–shouldComponentUpdate篇
在讲本文之前,附一张shouldComponentUpdate的调用栈,本文所有的内容都是基于这个调用栈: shouldComponentUpdate 在发出fiber更新的过程,对于classComponent会调用updateClassinstance的方法...
封装h5调用App端原生方法工具函数
前言 随着业务越来越复杂,App应用越来越大,变成了巨石应用,对于项目的开发、部署、维护都是一个挑战,所以想借鉴于hybrid的方式,将应用进行拆分,变成一个个h5应用,然后通过web-view组件将...
vue3的runtime-core-实现组件slots功能
这一章来实现插槽,插槽主要分以下几种:默认插槽,具名插槽,作用域插槽,下面就一步一步实现,可能内容会比较多 slot 默认插槽 首先就是实现默认插槽,新建了个componentSlot文件夹用来测试 A...
Tauri vs Electron:真实项目的比较
Electron 是目前跨平台桌面软件的首选开发框架,Tauri 则是最近出现的一个替代品,试图解决前者的最大痛点:体积臃肿,资源占用高。 作者特意用 Tauri 写了一个桌面应用。本文是他的使用感受,...
令人直呼 “哇塞” 的一套移动端 Flutter 组件库
大家好,我是前端实验室的老鱼!一名资深的互联网玩家,专注分享大前端领域技术、面试宝典、学习资料等~ 在开始之前先问大家一个问题,你们都知道有哪些APP是使用Flutter开发的吗? 市面上后很多...
即时代码热更新,vite 热更新背后的原理
vite 热更新的主要作用是为了实现局部刷新的效果,这样之前操作的状态都能够保存 vite 热更新的基本实现方式如下 基于一套完整的 ESM HMR 规范,在文件发生改变时 vite 会检测到相应 ESM 模块变...
数字时代的生产力工具:低代码开发平台
产业新周期背景下,最终用户的需求在快速变化并充满不确定性,企业所面临的市场竞争关系正从企业间转向产业链的全面竞争,传统企业数字化转向也逐渐由内向外,转向实现全产业链的数字化能力构建...
TinyNG——开源Angular组件库,助力Web应用快速开发!
TinyNG 是基于 Angular + TypeScript 的前端 UI 组件库,旨在为开发人员带来更高效的开发体验和统一的视觉交互风格。TinyNG 已经在华为内部使用四年,支撑数百个企业产品,拥有强大的稳定性和...
Webpack5+Vue3+JSX+Jest从零配置
在实际项目中开发者很少会从0到1配置一个项目,基本上都是利用脚手架快速构建项目。但是,随着脚手架工具越来越丰富,开发者在各个脚手架之间不断切换,忽略了脚手架内部实现了哪些功能。特别是...
Angular 实战——配置使用环境变量
只想快速解决问题的,请直接看粗体部分。 为了更清晰,更快速的了解 Angular 环境配置的架构,请看此图: 下面具体内容也会按照图上所示来介绍。 添加环境配置文件 创建文件,不过这个步骤在使...
ByteMD编辑器源码阅读
背景 最近在研究编辑器偶尔看到了ByteMD挺有意思的,于是产生了兴趣,便研究了一下源码,想解决一下下面的疑惑。 ByteMD源码地址: github.com/bytedance/b… Demo地址: bytemd.js.org/playgroun...
React–Redux①(简介与基本使用)
为什么需要Redux 随着 JavaScript 单页应用日趋复杂,需要管理的状态或事件处理函数也越来越多,而且逐渐难以管理 其中包括服务器返回的数据、缓存数据、用户操作产生的数据等,也包括一些 UI ...
小程序本地测试:开发者工具能请求后台数据,手机预览却不行
在微信小程序本地开发测试过程中(这里指的是本地测试,本地测试,本地测试,重要的事说三遍),会遇到一个坑:在微信开发者工具中能正常请求本地后台数据,但在手机预览中却请求不到,如下图所...