前端

jQuery已“死”?为清除技术债,我们删掉了前端所有jQuery依赖

近期,英国公共部门信息网站 GOV.UK 前端开发主管 Matt Hobbs 宣布该公司删除了 jQuery 作为所有前端应用程序的依赖项,这意味着“在所有 13 个 FE 应用程序中,JS 大小减少了 32 KB(31% ~49% 之间)”。 图片 一些关键指标得到优化 Matt 也在推特上分享了几组数据,说明了在删除 jQuery 后一些关键指标得到了优化。 移除页面标签限制并查看所有页面 R

转转用例平台系列 - 脑图组件2.0

原文链接 前言 转转用例平台V5.0已经在内部发布使用。在这个版本里面: 接入了自动化用例平台,融入用例脑图。 重构了脑图组件。全新视图和交互,让页面更简约,更高效。 脑图组件2.0已开源至 NPM ,组件使用文档:zz-mind-react ,欢迎大家体验和使用。 这篇文章将主要介绍脑图组件2.0 一、组件介绍 1. 预览 升级前 不支持导出、页面菜单过于臃肿、节点操作很繁琐; 不

JQuery 拦截请求 | Ajax 请求拦截,在请求发出前进行操作

在某些情况下,我们需要拦截一部分 ajax 请求,比如在初始化文件中加上了非全局使用的请求,导致在不需要这些请求的页面也会进行请求,导致响应速度变慢。 而把这些请求从初始化文件中提取出来放到对应的页面代价太大,则可以在不需要这些请求的页面进行拦截。 拦截请求可以使用 Jquery 中的 ajaxSetup() 函数。 具体操作步骤如下: 在浏览器开发者工具中查看对应页面的请求调用链 im

浅谈提高微信小程序的应用速度

1、提高页面的加载速度: 从页面响应用户点击行为,开始跳转,到新页面onload事件触发,延迟大概在100-300ms之间。我们可以利用这段时间,预先发起新页面所需要的网络请求 2、用户行为预测: 在某些场景下,用户的行为可以预测,我们可以在用户还没点击的时候就预加载下个页面的数据。让下个页面秒开,进一步提升体验的流畅性。 3、减少默认的data的大小 4、组件化方案: 基类做的事情,就是把组件对

7.23

今天感觉很累,早上起来脑袋昏沉昏沉的,很懵很懵,下午也是。自习的一天,复习了昨天的知识点,今天又看了新的内容。 1.通过css进行三角形的制作。本质上来说就是对高度和宽度为0的盒子设置边框,再对部分边框颜色透明显示,就可以生成三角形。 放一个示例图。 小三角制作 还有三角强化,本质上都是一样的,通过设置边框进行显示。以下代码。 .box {      width: 0px;   

vue3+ts项目中使用mockjs

前后端分离的开发模式,前端需要向后端请求数据(ajax请求),但实际开发过程中,前后端会约定一份接口文档,但前后端开发进度并不一致,当后端没有完善接口功能时,前端需要在本地模拟数据返回,此时需要使用到mockjs。 安装mock npm install mockjs --save-dev 创建mock文件夹 mock下创建index.ts、types.ts 以及你需要使用到的模块的.ts文件。

vite vue3 config配置篇

关于vite初始化项目参考自 配置基于自生产上线项目所使用配置 vite.config.js 导入模块内容 import { defineConfig } from 'vite' #vite配置 import vue from '@vitejs/plugin-vue' #vue import vueJsx from '@vitejs/plugin-vue-js

react hooks父组件调用子组件方法

想要在 React Hooks 父组件中调用子组件的某个方法,可以通过使用 useRef 钩子和 forwardRef 方法来实现此功能。下面是一些简单的示例代码 子组件 子组件中,需要使用 forwardRef 方法将子组件向父组件暴露出一个 ref 属性,从而在父组件中可以获取子组件的引用 const ChildComponent = React.forwardRef((props, ref)

玩转MCP第一弹|手把手教你将 Figma 设计稿转化为前端代码

资料来源:火山引擎-开发者社区 明明听说 Trae 的 的模型上下文协议(MCP) 功能超实用,却陷入 “不知从何下手” 的迷茫?别担心!我们将开启 “玩转 MCP” 的系列内容,手把手教你使用 Trae IDE 借助 MCP 轻松实现多样化的开发需求! 本期,我们将