代码编织梦想

具有强大的功能和良好的可扩展性的智慧物流视频监控平台开源了。-爱代码爱编程

智慧物流视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒,省去繁琐重复的适配流程,实现芯片、算法、应用的全流程组合,从而大大减少企业级应用约95%的开发成本。用户只需在界面上进行简单的操作,就可以实现全视频的接入及布控。 项目搭建地址 基础项目搭建地址:yihecode-server: 本项目

react jsx基础概念和本质-爱代码爱编程

什么是jsx jsx是JavaScript和XML(HTML)的缩写,表示在js代码中编写HTML模板结构,它是react中编写UI模板的方式 const message = 'this is message' function App(){ return ( <div> <h1>this is title</

【react】创建react项目:使用 create-爱代码爱编程

在本文中,我们将介绍如何使用 create-react-app 创建一个名为 react-basic 的 React 应用。以下步骤将帮助你快速搭建一个新的 React 项目。 1. 确保已安装 Node.js 和 npm

前端效果ᅳ1、react实现时间上下轮播特效-爱代码爱编程

1、效果展示 2、代码 import React from 'react'; import Swiper from 'swiper'; //引入swiper 样式 import 'swiper/dist/css/swi

vue-爱代码爱编程

摘要:随着移动设备和PC的普及,为了满足不同设备的需求,开发一个能够自适应手机、平板和PC的后台管理系统变得至关重要。本文将介绍一个基于Vue3.x、Typescript、Vite、Element Plus等技术的开源模板库——Vue-Next-Admin,帮助开发者快速构建响应式的后台管理系统。 一、引言 随着移动互联网的发展,应用程序需

vue3项目实现预览图片、旋转图片功能_uview 图片 旋转-爱代码爱编程

一、需求: 在点击图片时,能预览大图,弹出一个包含旋转图片功能按钮的弹窗。用户可通过点击按钮实现对图片的旋转操作 二、思路: 点击图片预览: 用户通过点击图片触发预览功能。接收图片的 URL,弹出一个模态框展示大图。 旋转图片功能: 在模态框内添加一个“旋转图片”按钮。定义两个变量:rotationAngle 用于记录当前旋转角度,ro

el-爱代码爱编程

<div v-for="(item,index) in url_list" :key="index" style="margin-right: 10px;"> <el-image style="width: 100px; height: 100px" :src="item"

element ui表格组件样式错乱解决_elementplus 表格没有id就会错乱-爱代码爱编程

1. 我的场景         element表格组件被二次封装为A组件,根据业务需求又将A组件二次封装为B组件。此时有一个场景:根据tab栏切换展示不同表格,其中表格仅仅只是表头不一致。所以直接使用B组件,仅传入表头属性值不同。当表头列数不一致时,会出现样式错位现象。 错乱样式 2. 其他可能出现场景        

解决elementui列表的疑难杂症,排序显示错乱的问题_el-爱代码爱编程

大家好,在使用elementUI表格时,有时会出现一些意料之外的问题,比如数据排序正常但表格显示、排序错乱等。 在网上搜索后一般有2种解决方法: 1.给表格每一项的el-table-column添加唯一的id用于

uniapp-爱代码爱编程

基于为了一个项目而学习unipp的后端学生,讲句实话前端真的是爱了又爱,恨了又恨的,学了一下,过段时间就给忘了,vue3真的后端不怎么动手,就给它忘记了,可以步入正题吧。 配置 我是直接用的hbuiderX来学习,接通微信开发者小程序,大家可以选择用自己喜欢的hbuider制作公司的工具。 官网地址:uni-app官网 (dcloud.net.c

hbuilderx打包发布android端app(.apk文件)_hbuilderx 打包apk-爱代码爱编程

一、下载HBuilderX开发工具 官网下载HBuilderX编辑器(前端app常用开发工具,内置多种app组件) 地址栏直接输入https://www.dcloud.io 下载后直接解压即可 二、新建uni-app项目 项目名称建议使用英文 采用默认模板 创建好后会显示如下项目结构 三、生成安卓证书 推荐使用一门app网站一

ruo-爱代码爱编程

一、开发环境检查 JDK >= 1.8 (推荐 1.8 版本) Mysql >= 5.5.0 (推荐 5.7 版本) Maven >= 3.9 以上链接点击即可访问如何查看自己软件的版本,其中jdk、my

前端路由手写hash和history两种模式-爱代码爱编程

文章目录 1. Hash模式:简洁而广泛适用2. History模式:更自然的用户体验3. 结论 在现代Web开发中,单页面应用(Single Page Applica

react框架对excel文件进行上传和导出_react 怎么导入文件xlsx文件类型-爱代码爱编程

1.首先需要安装xlsx第三方的库库 引入插件 npm install xlsx 在react引入 import * as XLSX from 'xlsx'; 1,首先设置jsx部分的  以下代码包含有导入excel文件和导出excel文件,读着可以根据需要,自己选择想要实现的功能  代码如下(示例): // import React fr

react高阶组件(hoc),让组件复用与扩展变得简单,省时、省力又省心_react hoc组件-爱代码爱编程

计算机网络 HTTP 缓存 你知道 302 状态码是什么嘛?你平时浏览网页的过程中遇到过哪些 302 的场景? HTTP 常用的请求方式,区别和用途? HTTPS 是什么?具体流程 三次握手和四次挥手 你对 T

react的hoc高阶组件使用场景及用法_你能用hoc做什么-爱代码爱编程

 一. HOC的概念         HOC本质上是一个纯函数,只是参数和返回值都是组件,主要有以下特性:   1、抽离重复代码,实现组件复用   2、条件渲染、渲染拦截   3、拦截、组件生命周期 使用技巧: function(componentA) { return componentB } 日常使用示例: function HDC(Wra

uni-爱代码爱编程

项目场景: 提示:这里简述项目相关背景: uni-app微信小程序分享 分享使用制定图片 onShareAppMessage() { let materialUrl = this.oss + this.materialLi

前端框架前置知识之node.js:模块化、导入导出语法、包的概念、npm介绍-爱代码爱编程

什么是模块化? 在Node.js中,每一个文件都被视为一个单独的模块 概念:项目是由很多个模块文件组成的 好处:提高代码复用性,按需加载,独立作用域 使用:需要标准语法导出和导入进行使用 导入导出语法 CommonJS 标准 使用: 1. 导出:module.exports = {} 2. 导入:require('模块名或路径')

vue项目中多种格式文件在线预览功能_vue展示txt文件-爱代码爱编程

复盘下项目中用到的docx、xlsx、pdf、txt格式的文件预览功能; 主要代码如下: 1.弹框代码 <el-dialog :visible.sync="centerDialogVisible" width="70%" center append-to-body> <!-- pdf --> <i

vue3框架搭建2:axios+typescript封装-爱代码爱编程

仓库地址:https://github.com/buguniao5213/LuArch 1、安装axios npm install axios 2、创建文件 先创建一个文件夹: ├── src/ │ ├──