排序
布局: 左侧栏折叠与面包屑
前言 前一段时间, 写了强盛集团管理系统(基于 BPMN 引擎的工作流系统), 打算使用 qiankun 改造下项目架构, 迈向微前端。在上一章的基础上, 搭建基座应用的布局, 此章为折叠左侧栏和面包屑。 先...
第六章 标准库 6.8 JSON
6.8 JSON JSON 格式 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,通常用于 Web 应用程序之间的数据传输。它的历史可以追溯到 20 世纪 90 年代初期,当时网景公司(Netscape...
如果让你设计一个弹幕组件,你会怎么做???
大家好,我是前端小张同学,这次给大家更新一个开发中常见的需求,接下来我会将我的弹幕实现以及设计思路一步一步描述出来,并分享给大家,希望大家喜欢。 今天我们的主题是 ,用vue手写一个弹...
Rust学习笔记之面向对象编程
外界有多纷扰,内心就有多丰饶 大家好,我是柒八九。 今天,我们继续Rust学习笔记的探索。我们来谈谈关于面向对象编程的相关知识点。 如果,想了解该系列的文章,可以参考我们已经发布的文章。...
可拖拽式看板(可以做到低代码的效果,很酷炫丝滑)
我正在参加「掘金·启航计划」 前言 最近老板想给看板升级,看板都是些图表或者数据排列天气等,需求是可以对各个卡片进行拖拽,添加些没有的图表,简单来说,把页面的设计交给用户。 直接实战 ...
Vue如何适配移动端?
前言 关于Vue适配移动端目前有几种方案:rem、vh/vw等等,各有优缺吧,根据自己项目的特点我选用的是postcss,它可以自动将px转换成rem,所以是rem方案的一种。 下面来看看如何使用它。 postcss...
你现在还会使用原生的Ajax吗?
前言 之前在参加蓝桥杯的时候,有一道题目需要使用原生的Ajax来发送请求,但是由于我们经常在项目中使用的都是axios或者第三库进行请求数据,导致原生请求数据的方式忘记了,今天来复习一下如何...
JavaScript最佳实践:从基础到高级
JavaScript的开发过程中,可以采用一些最佳实践来提高代码质量、性能和可维护性。这篇文章将介绍一些JavaScript的最佳实践,从基础到高级。 1. 基础实践 使用严格模式 在编写JavaScript代码时,...
前端用数据库但不会写Sql怎么办?用Sequelize吖!
Sequelize介绍 官方:Sequelize 是一个基于 promise 的 Node.js ORM, 目前支持 Postgres, MySQL, MariaDB, SQLite 以及 Microsoft SQL Server. 它具有强大的事务支持, 关联关系, 预读和延迟加载...
vue使用Element-ui组件库-按需引入
按需引入就是一不同于全部引入,不会一上来引入全局的组件和样式,而是看使用了哪些组件,根据使用的组件进行注册,并且只引入这些组件相关的样式,下面开始操作 首先就是先把完整引入的代码进...
canvas中的矩阵变换
前言 学习目标 canvas 内置变换方法里的矩阵逻辑 知识点 translate(x,y) rotate(ang) scale(x,y) transform(e0,e1,e3,e4,e6,e7) 前情回顾 之前我们完成了图案编辑器的整体架构,创建了vue+vite+...
扫描枪扫码在vue中的使用教学
1.扫描枪使用原理浅析。 扫描枪的使用原理其实很简单:就是把光信号转换成电信号,再将电信号通过模拟数字转换器转化为数字信号传输到计算机中处理。其实可以简单理解为:二维码/条形码 转换成 ...
我把文件重新编码后,加载速度提升300%!
3个月前,我写过一篇关于性能优化的方法论(《前端天花板低?来学点性能优化思想模型吧!》),里面有提到过,我对PCD文件进行二进制转码处理后,效果非常好。 但那篇文章主要是分享方法论和思...
什么是微格式
微格式是一种用于在HTML文档中嵌入语义化信息的简单而轻量级的标记语言。它们通过使用已有的HTML标签和类名来表示结构化数据,以便机器能够更容易地理解和处理这些数据。 微格式的目标是为了让...
Electron功能调研总结
浅谈ipc通讯 因为大部分功能都会涉及主进程和渲染进程通讯,所以首先了解一下主进程是怎么和渲染进程通讯的。 渲染进程通过 ipcRenderer 模块给主进程发送消息,官方提供了三个方法: ipcRender...
Vue3——404、重定向以及导航守卫
Vue3跳转404页面 在路由配置中添加一个名为“NotFound”的路由,用于处理404页面: import NotFound from '@/view/NotFound/404.vue' { path: '/:pathMatch(.*)', //访问主页的时候 重定向到ind...
什么是SEO
SEO是搜索引擎优化的缩写,它是一种通过优化网站和网页,以提高其在搜索引擎中的排名和可见性的技术和实践。 搜索引擎是人们在互联网上查找信息的主要工具,常见的搜索引擎包括Google、Bing和小...
BFC详解
BFC(Block Formatting Context)是一个独立的块级格式化上下文,它定义了元素如何在文档中布局,并且与其他元素之间的相互作用。BFC中的元素在布局上是相互隔离的是一个独立的布局环境,BFC内...
Context的实现流程
useContext的实现 本系列是讲述从0开始实现一个react18的基本版本。通过实现一个基本版本,让大家深入了解React内部机制。 由于React源码通过Mono-repo 管理仓库,我们也是用pnpm提供的workspac...
Matter.js 插件:matter-wrap(世界是圆的)
本文简介 点赞 + 关注 + 收藏 = 学会了 记得以前看爆笑校园里有一集讲到,一个人对着前面开了一枪,过了一阵子弹打中他自己的后脑勺。作者想通过这个冷笑话告诉大家一件事:地球是圆的。 在 Mat...