前端

Neo4j的图可视化

有三种类型 可直连接的库 无直连接的库 面向非开发者的独立产品 可直连接的库 包括 Neovis.js(Neo4j Lab 官方出品), Popoto.js(基于 D3.js). 它们都能够直接连接 Neo4j 数据库, 无需其它后端支持。 无直连接的库 不能直接操作 Neo4j 数据库,需要通过 API 做数据转换。 常见的库有 D3.js, Vis.js, Sigma.js, Vivag

vue的动态组件 keep-alive

1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div>

前端流式输出实现详解:从原理到实践

前端流式输出实现详解:从原理到实践 前言 一、流式输出核心原理 1.1 什么是流式输出? 1.2 技术优势对比 1.3 关键技术支撑 二、原生JavaScript实现方案 2.1 使用Fetch API流式处理 关键点解析: 2.2 处理SSE(Server-Sent Events&#xff09

Windows 搭建 Gitea

一、准备工作1. 安装 Git:Gitea 依赖 Git 进行代码管理,所以首先需要确保系统中安装了 Git。下载地址: 安装数据库(可选)默认情况下,Gitea 使用 SQLite 作为内置的轻量级数据库,但如果需要&#xff0c

在 Vue3 中使用 Mammoth.js(在 Web 应用中预览 Word 文档)的详解、常见场景、常见问题及最佳解决方案的综合指南

一、Mammoth.js 简介与核心功能Mammoth.js 是一个专用于将 .docx 文档转换为 HTML 的库,适用于在 Web 应用中预览 Word 文档。其核心特点包括: 语义化转换:基于文档样式(如标题、段落)生成简洁的 HTML 结构,忽略复杂样式(如居中、首行缩进)。 轻量高效:适用于需要快速预览文档内容的场景,如后台管理系统、教育平台等。 浏览器端支持:可直接在前端

小程序页面之间(传值)传递数据的方法

1、给html元素添加data-*属性来传递值,然后通过e.currentTarget.dataset或onload的param参数获取(data- 名称不能有大写字母,不可以存放对象) 2、设置id 的方法标识来传值,通过e.currentTarget.id获取设置的id值,然后通过设置全局对象的方式来传递数据 3、在navigator中添加参数数值 4、使用全局遍历实现数据传递 5、页面跳转或

前端面试时被问到项目中的难点和解决方案

前端面试中,一定都会被问过项目中的难点,但是很多人都答不出来。为了让大家接下来的面试中有充足的准备,给大家整理了一些有难度又高频的面试题,希望你们求职顺利。 我们先来汇总JavaScript的笔试题: (1)介绍一下JS的基本数据类型: Undefined、Null、Boolean、Number、String (2)介绍一下JS有哪些内置对象: Object 是 JavaScrip

通过 tree shaking 移除无用代码

tree shaking 依赖于ES Module 的静态语法分析,在项目编译时移除无用的代码以减少文件体积。 usedExports 在文件中,我们可能定义了变量但是暂时又没有用到,这样会造成空间的浪费。在 mode 为 production 时,会默认做一些配置,将无用的代码删除。为了看到没有做处理时编译后的文件效果,在 webpack 中做如下配置。 module.exports = {

Inertia.js 是什么,如何工作的

Inertia.js Inertia是为开发团队和独立开发者设计的,这些人员通常使用Laravel,Ruby on Rails或Django等框架构建服务器端渲染的应用程序。他们一般通过创建控制器,从数据库中获取数据,然后数据传递给模板,然后呈现视图。 image.png 使用 Inertia,您可以像使用所选的服务器端 Web 框架一样构建应用程序。您可以使用框架的现有功能进行路由、

link和@import 的区别

从从属的关系来说:link是 html 标签,不仅可以加载 css 文件,还可以定义 RSS,rel链接属性,而@import 是 css 的语法,只有导入样式表的作用 2.加载顺序:页面被加载时,link 会和 html 标签同时加载;@import 引入的 css 将在页面加载完毕之后被加载 3 兼容性:@import 是 css2.1的语法,link 是标签不存在兼容性的问题 4 DOM: