排序
混合开发模式是否可以在App备案制度下突围
网站 ICP 备案已施行了很久,我们也非常清楚必须在进行 ICP 备案后,网站才能在大陆范围合法运营,并且用户可以通过域名正常访问网站。 但是月初出了新规,明年起,国内的 App 也要像网站一样进...
Vue 框架下提升加载速度的一些实战经验分享
现在前端的框架有很多,甚至两只手已经数不过来,当然也完全没必要全部都学,还是应该深入的学习一两个被广泛使用的就好。其实我和大部分同学的想法一致,认为最值得我们深究的还是主流的 Vue ...
这个交互式个人博客能让你眼前一亮✨? ?
从构思到上线的全过程,开发中遇到一些未知问题,也都通过查阅资料和源码一一解决,小记一下望对正在使用或即将使用Nextjs开发的你们有所帮助。 那些年我开发过的博客 就挺有意思,域名,技术栈...
小狐狸学mini-vue(二、初始化和渲染流程)
16、实现初始化component功能 createApp的开始是先将传入的App组件转换成虚拟节点,调用createVnode将根组件转换成为vnode。 在一开始要搞清楚vnode的两种形态,当type是对象的时候表示要patch...
一文讲明白useState极简版
开篇 本文要求读者最起码大致了解: 基本fiber更新流程 基本fiber树渲染 不需要了解的很深刻也不需要了解完所有的更新渲染情况,但基本的流程需要已经了解过。如果没学习过的同学推荐先去学习一...
vue-router的报错,我是这样解决的
起因 事情的起因是这样的,我用vite构建了一个vue3的项目,vue-router以及pinia都是通过官网的下载方式下载的 下载之后我vue-router的版本以及pinia的版本分别是 'vue-router': '4' 以及 'pinia...
理解前端框架中的运行时和编译时
本文主要阐述前端框架中的运行时和编译时的区别。首先说明本文内容参考书籍 《Vue.js 设计与实现》,并加以自己的理解创作。有错误的地方还请指出。 运行时 运行时就是指代码实际执行时的阶段。...
前端渲染模式与框架简介
前端当前框架介绍 框架日新月异,作为普通开发者,我们可以站在更高的角度去审视这些框架的发展,避免随波逐流。希望借此机会把遇到的常见框架都梳理一下,方便我们在日常工作中,能客观对待框...
antv 源码查看
为什么看源码? 自搭组件库,目的是改造成我们自己的组件库。 后期大版本升级非常麻烦 文档网站怎么改? 'predev': 'npm run version & npm run collect-token-statistic & npm run tok...
部署:微前端初步完成
前言 前一段时间, 写了强盛集团管理系统(基于 BPMN 引擎的工作流系统), 打算使用 qiankun 改造下项目架构, 迈向微前端, 今天开始第七章部署: 微前端初步完成。 最终效果 展示强盛集团管理系统(...
React–Router(6.x版本)
路由概念 核心: 改变 URL ,但是页面不进行整体的刷新 作用:维护 URL 和渲染页面的映射关系 目的: 通过 JavaScript 监听 URL 的改变,并且根据 URL 的不同重新渲染页面 改变 URL 但不刷新页...
React–Hooks全系列
为什么需要Hook Hook 是 React16.8 的新增特性,可在不编写 class 组件的情况下,使用 state 以及其他 React 特性 class 组件相对于函数式组件的优势 从状态维护角度来说: class 组件可以定义 ...
数字时代的生产力工具:低代码开发平台
产业新周期背景下,最终用户的需求在快速变化并充满不确定性,企业所面临的市场竞争关系正从企业间转向产业链的全面竞争,传统企业数字化转向也逐渐由内向外,转向实现全产业链的数字化能力构建...
React–Redux③(异步数据流和模块拆分)
异步数据流(redux-thunk) 网络请求可以在类组件的 componentDidMount 中发送,所以可以有这样的结构: componentDidMount() { axios.get(url).then(res => { const banners =...
React–Redux④(RTK工具包)
RTK工具包 Redux Toolkit 是官方推荐用于编写 Redux 逻辑的工具包 由于 Redux 的逻辑编写过于繁琐,并且代码通拆分在多个文件中,Redux Toolkit 旨在成为编写 Redux 逻辑的标准方式,从而解决代...
React–Redux①(简介与基本使用)
为什么需要Redux 随着 JavaScript 单页应用日趋复杂,需要管理的状态或事件处理函数也越来越多,而且逐渐难以管理 其中包括服务器返回的数据、缓存数据、用户操作产生的数据等,也包括一些 UI ...
React–CSS使用方案
React中的CSS css 一直是 React 的痛点,在这一点上,Vue 的做法好于 React Vue 通过在 .vue 文件中的 <style> 标签来编写样式 通过 scoped 属性来决定样式是全局还是局部有效 通过 lang ...
Angular 指令组合 API—— hostDirectives
前言 有一种场景是给动态创建组件添加指令,当时可难坏了,因为 createComponent API 不支持绑定指令,所以我当时猜想是否可以在 @Component 注入或 @HostBindingDirective 绑定实现呢?找了很...
理解 reactive 响应式数据原理
前言 「响应式数据」在前端框架中被广泛使用,如我们熟知的 Vue 响应式数据劫持、React 生态 - 状态管理 Mobx。 这得益于 ES6 Proxy 对数据的 “拦截” 特性。外界对该对象的 访问和修改,都必...
React–受控组件和非受控组件
受控组件 在 React 中,HTML 表单的处理方式和普通 DOM 元素不太一样,表单元素(如 <input>、<select>等)通常需要维护自己的 state,并根据输入进行更新 React 中的可变状态通常保...