前端

Vue中的内置指令与自定义指令

一、内置指令 1、v-text指令 :向标签中添加文本 2、v-html指令:向指定恒点中渲染包含html结构的内容。 2-1、与插值语法的区别: (1).v-html会替换掉节点中所有的内容,{{xx}}则不会 。 (2).v-html可以识别html结构。 2-2、严重注意: v-html有安全性问题!!! (1).在网站上动态演染任查HTML是非常危险的,容易导致XSS攻击。 (2).定要

开源:各种前端设计和动效,这个项目里一应俱全

一、简述 经过了两个月的精心打磨,该项目也趋于稳定,我想是时候与大家见面了,今天就向大家隆重介绍这个开源项目:visualization-collectio,一个专注于前端视觉效果的集合应用,里面有大量的前端设计和丰富的动效案例,包括有Html视觉、Css动效、Canvas动效、Echarts交互、Three.js3D、人工智能应用和图片处理工具这七大模块。 该项目也是我在工作之余完

redux

1.先创建count和person两个组件 2.创建count的store相关的文件夹。 store/modules/count 1.constant.js 2.createActions.js 3.index.js 4.reducer.js index.js import { legacy_createStore as createStore } from "redux"; import co

Neo4j的图可视化

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

玩转ClaudeCode:使用Figma-MCP编写前端代码1:1还原UI设计图

目录本轮目标具体实践一、开启 Figma 的 MCP 服务器二、Claude Code 连接 Figma MCP三、Claude Code 代码实现 Figma 设计稿本轮目标本轮目标是制作数字化大屏的一个前端组件,要求和UI设计图还原度达到1:1。本轮目标需要我们提前准备好figma客户端,且登录帐号具有开发模式的权限(没有可以去某夕)

Vue3.0 | vue3的新特性

Vue3的变化 官网地址: 一、对比vue2的变化 1.优点 vue3支持vue2的大多数特性,实现对vue2的兼容 vue3对比vue2具有明显的性能提升 打包大小减少41% 初次渲染快55%,更新快133% 内存使用减少54% 更好的支持TypeScript 使用Prox

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

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

在vue3中(vite)引入unocss,安装配置unocss

前言: 不了解unocss的朋友,建议先阅读此文章 简单来说,unocss是一个css引擎,用过Tailwind CSS和windi CSS的不会陌生,不一样的是,unocss本身不提供任何类名css,它只是解决Tailwind以及windi的编译和打包的某些问题,也就是它可以配合Tailwind或者wi

Vue组件化开发

✍目录总览:(组件化概念、组件注册、数据存放、组件数据共享、组件插槽、使用步骤) 一、组件化概念 1. 组件化开发思想 组件化思想的特点:标准、分治、复用、组合 2. 组件定义 **组件化**开发:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。 3. Vue中的组件化开发 **vue** 是一个**支持组件化开发的前端框架**。