前端

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

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

vue3+ts项目中使用mockjs

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

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

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

7.23

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

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

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

快学快用系列:一文学会java后端WebApi开发

文章目录 第一部分:Web API开发基础概念 1.1 什么是Web API 1.2 RESTful API设计原则 第二部分:开发环境搭建 2.1 环境要求 2.2 创建Spring Boot项目 2.3 配置文件 第三部分:项目架构设计 3.1 分层架构 3.2 包结构设计 第四部分:数

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

HTTP Cookie深入解析:Web会话追踪的秘密

🍑个人主页:Jupiter. 🚀 所属专栏:Linux从入门到进阶 欢迎大家点赞收藏评论😊 目录 ` HTTP Cookie` `定义` `工作原理` `分类` `安全性` `用途&#

【摸鱼神器】UI库秒变低代码工具——表单篇(二)子控件

上一篇介绍了表单控件,这一篇介绍一下表单里面的各种子控件的封装方式。 主要内容 需求分析 子控件的分类 子控件属性的分类 定义 interface。 定义子控件的的 props。 定义 json 文件。 基于 UI库 进行二次封装,实现依赖 json 渲染。 通过 slot 、 “字典”,实现自定义子控件。 做个工具维护 json 文件。(下篇介绍) 需求分析 表单里面需要各种各样的子控件

vue生命周期

1.什么是 vue 生命周期?有什么作用? Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期。 各个生命周期作用 beforeCreate(创建前) :组件实例被创建之初,组件的属性生效之前 created(创建后) :组件实例已经完全创建,属性也绑定,但真实 dom 还