前端

前端限制打包文件数量

前言: 之前有过这样的项目经历:我们写的程序是前端打包给后端,后端再打包成jar包上传到甲方的云市场,使用就在云市场里点击应用打开。 当时甲方云市场做了一次升级,但是没有给我们这边说,直到后面整个系统不能用了,然后给我们反馈了:“你们系统进入页面的时候请求了太多静态资源,导致我们系统直接认定是网络攻击,直接挂掉了”。然后我就去看了一下,前端项目的打包文件,其中js文件和css文件最多,为了性能,对

微前端架构:从单体到模块化的前端新革命

在信息技术(IT)的迅猛发展中,前端开发领域正迎来一场颠覆性的变革 —— 微前端架构(Micro - Frontends)。2025 年,随着 Web 应用的复杂性激增、团队协作需求的增长以及用户对无缝体验的期待,微前端从实验性概念迅速成长为前端开发的热门趋势。它将传统的单体前端拆分为独立、可复用的模

vue小宋总结

Vue 知识点 原理篇 一、Vue 响应式原理 Vue2 中,是通过 ES5 中的defineProperty api 来对对象的属性进行 get 和 set 操作的拦截,在进行拦截操作时还创建了一个 watcher 用来跟踪对应的 value 的变化,因为这种方式无法对数组进行拦截,所以在 vue 中,要实现数组的响应式,需要调用其内置的 set 的用法),defineProperty 是一个

初识 Flutter 的绘图组件 — CustomPaint

简介 在有些场景中,我们会需要绘制一些高度定制化的组件,比如 UI 设计师给我们出了个难题 —— 弄一个奇形怪状的边框。看在 UI 设计师是一个漂亮小姐姐的份上,又不好意思说这个做不了(那样也很没面子😂)。这个时候我们就不能直接使用 Flutter 自带的那些组件了,而是需要手动绘制组件,那就会需要用到 CuntomPaint 组件。CustomPaint 组件和前端的 Canvas差不多,允许我

Flutter 优化:布局时尽量用 const

一、说明 看到很多 Flutter 构建 UI 时会比较多用到 const,为什么不直接创建实例,而要在前端加一个 const 呢 ? child: const Text('加 const'); VS child: Text('不加 const'); 二、尽量用 const 的理由 当我们调用 setState() 后,Flutter 会调用 build 方法,并且 rebuild 其中

后台管理系统究极保姆级教学(看了必会)!!!

1.分析项目 项目大概可以分为8个部分 1.基础配置 2.登录模块 3.用户模块 4.权限管理模块 5.商品模块 6.订单模块 7.数据统计模块 8.打包优化 1.基础配置: 新建一个vue2的项目,安装aixos,element-ui,vuex-persistedstate固化插件 对axios进行第一次封装,在src下新建unitils文件夹,里面新建一个request.js文件(名字自定

vue2升级vue3:composition api中监听路由参数改变

vue2 的watch回顾 我们先回顾一下vue2中watch 《watch性能优化:vue watch对象键值说明-immediate属性详解》 《vue中methods/watch/computed对比分析,watch及computed原理挖掘》 watch和computed很相似,watch用于观察和监听页面上的vue实例,当然在大部分情况下我们都会使用computed,但如果要在数据变化的

React中使用redux

要将store注入到组件当中,必须用<Provider store={store对象}></Provider>标签将组件包裹   <Provider></Provider>组件引入自"react-redux"核心包 import { Provider } from 'react-redux'; import store from './store

vue3.2最新语法如何使用socket.io实现即时通讯

socket.io是即时通讯必需的插件,要和后端配合使用socket.io才可以,前端使用【socket.io-client】,旨在让你少走弯路~ 先安装【socket.io-client】 yarn add socket.io-client -S 安装后再新建ts,以插件形式引入 2.1 在utils文件夹下新建socket.ts,代码如下 // 新建ts 以插件形式引入 im

React-CSS

1. React中的样式 React并没有像Vue那样提供特定的区域给我们编写CSS代码 所以你会发现在React代码中, CSS样式的写法千奇百怪 2. 内联样式 内联样式的优点: 内联样式, 样式之间不会有冲突 可以动态获取当前state中的状态 内联样式的缺点: 写法上都需要使用驼峰标识 某些样式没有提示 大量的样式, 代码混乱 某些样式无法编写(比如伪类/伪元素) clas