web网页精选-CSDN博客

原创两个若依系统，不能同时登录问题解决方案

当用户从B系统访问A系统时，由于B系统覆盖了cookie中的token，A系统尝试使用这个由B系统颁发的token进行认证，自然在A系统的后端（如Redis）中找不到对应的记录，导致认证失败，用户被迫重新登录A系统。这可以确保系统间的token隔离，防止互相干扰。问题根源在于两个独立的系统（A系统与B系统）共享了同一cookie键名来存储各自用户的认证令牌（token）。：后端也需要相应地调整，以支持各自系统的token认证流程，确保token的生成、存储和验证都在对应系统的上下文中进行。

2024-08-14 17:11:25 426

原创 html+css+js+jquery实现一个飘零的树叶

【代码】html+css+js+jquery实现一个飘零的树叶。

2024-08-08 17:11:44 337

原创 echarts折线图设置每两秒自动选中tooltip

【代码】echarts折线图设置每两秒自动选中tooltip。

2024-07-31 16:30:06 451

原创 el-tree 标题文本过长设置鼠标经过显示全部文本

【代码】el-tree 标题文本过长设置鼠标经过显示全部文本。

2024-07-19 15:45:38 152

原创 maptalks点聚合切换坐标系后点聚合消失

解决方法：切换坐标系后，重新把请求到的点位数据插入到的图层删除掉，重新插入图层就可以解决了。原因：因为坐标系投影问题。

2024-07-16 09:26:41 333

原创 three.js实现3D地图+地名

【代码】three.js实现3D地图+地名。

2024-06-10 11:04:46 622

原创 vue+高德地图实现区域掩模

【代码】vue+高德地图实现区域掩模。

2024-06-05 21:08:48 755 1

原创 echarts tooltip数据量大添加分页多数据显示问题解决方案

思路：设置5个一换行。

2024-06-05 17:08:34 321

原创 html写一个table表

【代码】html写一个table表。

2024-06-05 13:53:00 336

原创 echarts数据更新没反应解决方案

【代码】echarts数据更新没反应解决方案。

2024-06-05 09:57:16 735

原创 vue使用Echarts代码

1.设置一个渲染盒子。

2024-06-05 09:24:13 186

原创 html three.js 引入.stl模型示例

html three.js 引入.stl模型示例

2024-06-02 11:42:18 418

原创 three.js实现3D地图

转换成坐标轴xy值，在地图区域及边界线加载到场景后，通过包围盒计算完整地图的max和min坐标，再根据max和min的值重新计算每个地图区域的uv坐标，如果不重新计算uv坐标会导致贴图显示异常。node_modules包里面找到three.module.js文件大概第7177行，加四行数据解决。依赖，我这里使用的是three r153版本。3.完整代码（json替换成自己的数据）8.海岸群岛demo，去除三沙市案例。1、下载three.js及。

2024-06-01 09:13:53 643

原创打开python.exe弹出商店+cmd下运行python弹出windows应用商店解决方法

1.打开管理应用执行别名。

2024-05-29 14:56:10 283

原创 el-tabs中的下拉框被覆盖解决方法

【代码】el-tabs中的下拉框被覆盖了。

2024-05-29 11:08:18 261

原创 el-select与treeselect下拉框重叠解决方法

【代码】el-select与treeselect下拉框重叠解决方法。

2024-05-09 15:27:10 168

原创 elementUI 文件流下载文件自定义文件名

【代码】elementUI 文件流下载文件自定义文件名。

2024-05-08 17:04:07 203

原创适用于Pinia的持久化储存插件 pinia-plugin-persistedstate

将插件添加到pinia实例上。

2024-04-26 17:23:07 550

原创 Touch Punch在移动设备上面增加jQuery UI的触摸支持 JQuery UI 支持移动端触摸滑动等

jQuery UI是我们前台开发常用的UI前端类库，但是目前的jQuery UI用户界面类库在互动和widget上并不支持touch事件。这意味着你在桌面上设计的优雅的UI可能在触摸设备，例如，ipad，iphone和 Android上并不能正常工作。因为jQuery UI监听的是mouseover，mousemove和mouseout事件，不是触摸事件，touchstart，touchmove和 touched。

2024-04-24 10:20:32 315

原创项目上线流程（保姆级教学）

注册阿里云账户注册阿里云账户。

2024-04-23 09:40:26 842

原创 vite(vue3)配置内网ip访问的方法步骤

如果没有进行配置，运行项目之后，看到的访问地址是本地访问地址，其他人访问不了。

2024-04-18 15:04:02 1832

原创 css设置文字撑满盒子

【代码】css设置文字撑满盒子。

2024-04-12 11:32:37 595

原创 vue-treeselect下拉打开的时候滚动条滚到回显数据的位置

【代码】vue-treeselect下拉打开的时候滚动条滚到回显数据的位置。

2024-04-12 10:40:55 238 3

原创使用unplugin-auto-import页面不引入api飘红

"./auto-imports.d.ts"即可。tsconfig.json文件夹加上。

2024-03-28 17:52:05 514

原创 vue做移动端自适应插件实现rem

amfe-flexible：为html、body提那家font-size，窗口调整的时候重新设置font-size。（1）rootValue根据设计稿宽度除以10进行设置，这边假设设计稿为370，即rootValue设为37.5；// 引入amfe-flexible 根据窗口调整html-font-size大小。（2）propList是设置需要转换的属性，这边*为所有都进行转换。postcss-pxtorem：将px转换为rem。2.创建postcss.config.js配置文件。如果出现报错，降低版本。

2024-03-28 11:12:21 484

原创若依菜单栏伸缩页面大小变化 Echarts自适应方法

写一个监听侧边栏事件，监听到重新渲染ecahrts就可以了。

2024-03-05 15:00:37 797

原创不规则图片多边形点击区域实现方法

不规则图片多边形点击区域实现方法

2024-02-27 09:10:54 314

原创 maptalks多边形区域和点位-vue组件

【代码】maptalks多边形区域和点位。

2024-02-19 15:25:38 511

原创在线地图服务

UrlTemplateImageryProvider加载xyz的时候如下：注意是z/y/x。一个4326的影像瓦片服务。

2024-02-18 13:51:04 419

原创 maptalks卫星图添加地名

默认是加载矢量图的，那么当我们默认使用影像底图的时候只有影像底图，没有地名注记，开发文档没有明确说明如何添加，经过个人理解，可以通过下面的方法添加注记。将定义的图层放入图层组，图层组索引越大图层越靠顶层，然后把图层组layers添加至地图，创建地图实例，完成地图实例创建。TMAP_TERRAIN_HYBRID_MAP 此地图类型展示地形和路网的混合视图。TMAP_HYBRID_MAP 此地图类型展示卫星和路网的混合视图。TMAP_SATELLITE_MAP 此地图类型展示卫星视图。

2024-02-18 09:49:26 630

原创 GIS工具maptalks——初始化

1、官网——https://maptalks.org/2、npm地址——https://www.npmjs.com/package/maptalks3、基础示例——https://maptalks.org/getting-started.html4、api参数（英文）——https://maptalks.org/maptalks.js/api/1.x/Map.html5、英文单页面模型集合——https://maptalks.org/examples/en/map/load/

2024-02-18 09:20:58 1127

原创 console.log导致内存泄露打包时自动去掉console.log方法

然后直接打包就会自动去掉console.log，不影响开发环境。webpack通过工具：terser。如果是vue3+vite。

2024-02-04 23:17:48 1641

原创更改el-radio的颜色

【代码】更改el-radio的颜色。

2024-02-02 16:54:43 924

原创 VUE3安装vite-plugin-vue-setup-extend 直接script写name

可以script直接写name。

2024-01-29 19:24:55 275

原创 el-table 自定义表头

【代码】el-table 自定义表头。

2024-01-29 11:28:36 1062

原创 el-upload 自定义查看大图、下载、删除

【代码】el-upload 自定义查看大图、下载、删除。

2024-01-25 19:21:21 695

原创 maptalks 右键删除坐标点位

【代码】maptalks 右键删除坐标点位。

2024-01-24 19:12:27 501

原创 maptalks 右键删除多边形电子围栏

【代码】maptalks 右键删除多边形电子围栏。

2024-01-24 19:10:06 433

原创 el-dialog被el-dialog覆盖层级问题

加上append-to-body。

2024-01-19 10:49:05 541

原创 element选择时间范围不带年月日

【代码】element选择时间范围不带年月日。

2024-01-17 14:32:16 571

JDK-API 中文版文档

JDK_API 中文版文档

2024-07-21

java JDK8版本安装包

2024-07-10

java JDK17版本安装包

2024-07-10

Snipaste截图测量安装包

2024-07-08

Navicat Premium 15安装包

2024-07-08

html+js+css实现一个手机商城页面

内容概要本项目聚焦于一个功能完备的手机商城页面设计与实现，采用HTML、CSS和JavaScript作为核心技术栈。页面不仅外观现代、交互流畅，而且具备良好的响应式设计，确保在不同设备上都能提供优质的用户体验。项目中包含丰富的商品展示、分类导航、购物车管理以及模拟结账流程，旨在提供一个全面的电商平台界面示例。适用人群大学生：特别针对计算机科学、软件工程及相关专业的大学生，旨在帮助他们深入理解前端开发的基本原理，掌握HTML、CSS和JavaScript的实际应用，同时培养解决实际问题的能力和团队协作精神。使用场景及目标使用场景：作为大学课程项目的一部分，学生可以在教师指导下，分组合作完成此项目的开发与优化。此外，项目也可作为个人实践的素材，用于自我学习和技能提升。目标：通过参与本项目，学生将能够：熟练掌握HTML和CSS用于网页布局和样式设计。掌握JavaScript基础语法及其在动态效果和交互逻辑中的应用。学习如何使用现代前端框架或库（如React、Vue等）来提升开发效率（可选部分）。增强团队合作能力和项目管理技巧，通过分工协作完成项目开发仅用作学习参考使用

2024-07-08

vue实现一个移动端茶商城

2024-07-05

vue实现一个秀米排版插件

2024-07-05

基于vue实现在线小说网站含报告

创建一个基于Vue.js的在线小说阅读网站是一个充满挑战且极具教育意义的项目。通过这个项目，开发者不仅能够深入了解Vue.js框架的核心特性与最佳实践，还能掌握前后端交互、响应式设计、状态管理以及如何构建高性能的现代Web应用等多方面的技能。首先，在项目启动阶段，你会学习如何使用Vue CLI脚手架工具快速搭建项目骨架，理解Webpack配置及模块热替换等开发环境优化技巧。接着，深入Vue.js的核心概念，包括组件化开发、指令系统、计算属性与侦听器、插槽、路由管理和异步数据加载等，这些都将是你构建功能丰富、用户体验流畅的小说网站的基石。其次，数据持久化和服务器端交互是必不可少的一环。你可以借此机会学习Axios或Fetch API进行HTTP请求，以及如何与RESTful API或GraphQL服务进行高效通信。同时，了解如何使用Vuex进行复杂状态管理，保证数据的一致性和可维护性，对于大型应用来说尤为重要。再者，为了提供优质的阅读体验，响应式设计和性能优化同样关键。你将学会使用Flexbox或Grid布局，配合媒体查询实现自适应不同设备的界面设计；同时，通过懒加载。。。。

2024-07-05

html+js+css实现一个鲜花商城

内容概要本项目以构建一个美观且功能完备的“在线鲜花商城”为蓝本，全面融合HTML、CSS和JavaScript三大前端核心技术。在这个项目中，你将亲手设计并实现一个包含商品展示、购物车功能、用户登录与注册的电子商务平台。项目不仅仅关注界面的布局与美化，更重视于通过JavaScript实现动态交互，如商品筛选、数量选择、页面跳转等，为用户营造流畅的在线购物体验。适用人群前端初学者：刚接触Web开发，希望通过实战项目加深对HTML、CSS、JavaScript基础语法的理解。设计爱好者：希望将创意设计转化为实际网页，学习如何用代码实现视觉效果。电商项目开发者：想了解电商网站的基本架构和功能实现，为后续复杂项目打下基础。使用场景及目标场景设定想象你是一位独立开发者，受委托开发一款面向广大消费者的在线花店平台。用户需能轻松浏览各类鲜花产品，查看详细信息，加入购物车，并最终完成购买流程。同时，网站需要具备吸引人的视觉设计，确保良好的用户体验。学习目标 HTML基础：掌握标签的使用，构建页面结构，理解语义化的重要性。 CSS技能：运用选择器、盒模型、布局技术如Flexbox等

2024-07-02

web前端学生静态网页设计实现2个漫威网页设计 html+css

在设计实现两个漫威主题的静态网页过程中，作为Web前端学生，你将深入应用HTML与CSS这两种基石技术，并可能涉及JavaScript以增强页面的交互性。这一实践不仅巩固了基础技能，还促进了对前端开发更深层次的理解，以下是具体的技术应用及其对开发者成长的帮助分析。技术栈概览 HTML（HyperText Markup Language）: 构建网页的结构骨架，用于定义页面内容的类型和层级关系，比如段落、标题、图片、链接等。在漫威主题网页设计中，HTML用于组织英雄介绍、影片资讯、新闻更新等内容模块，为网页提供清晰的信息架构。 CSS（Cascading Style Sheets）: 负责网页的外观和布局，通过样式定义使网页美观且具有良好的阅读体验。在本项目中，CSS将被用来设计英雄人物的卡片样式、导航栏效果、背景图像、颜色搭配、响应式布局等，确保网页在不同屏幕尺寸上的适应性和视觉一致性。响应式设计: 利用CSS的媒体查询和弹性布局（Flexbox或Grid），使网页能够在手机、平板和桌面电脑等不同设备上自适应展示，提升用户体验。技术应用对开发的帮助基础技能强化，仅用于个人学习

2024-06-28

jQuery实现一个轮播图

jQuery轮播图是一种常见的网页元素，它用于在有限的空间内循环展示一系列图片或内容，常用于网站主页、产品展示等场景，以吸引用户注意力并提供丰富的视觉体验。下面将详细介绍如何使用jQuery来实现一个基本的轮播图功能，包括其核心概念、实现步骤及关键代码示例。核心概念容器与幻灯片：轮播图通常包含一个外部容器，用于包裹所有的幻灯片（即需要展示的内容）。自动播放与手动切换：支持自动循环播放的同时，也应提供左右按钮让用户手动切换幻灯片。过渡效果：平滑的过渡动画增强用户体验，常见如淡入淡出、滑动等。指示器：底部的小圆点或其他图标，指示当前显示的是哪一张幻灯片，提供直观的导航。

2024-06-28

前端大作业 vue学生简易购物平台

本项目旨在开发一个面向学生的简易购物平台，采用Vue.js作为前端框架，结合Node.js处理后端逻辑，并利用MySQL数据库存储商品信息、用户数据及交易记录，实现一个完整的购物流程。此平台不仅能够提供给学生用户便捷的商品浏览、搜索、购买体验，同时也作为一个学习实践项目，深入探索现代Web全栈开发的技术栈。技术选型 Vue.js：作为前端框架，Vue以其轻量级、易上手以及强大的组件化能力著称，非常适合构建用户界面丰富的Web应用。通过Vue Router实现页面路由管理，Vuex管理应用状态，为购物平台提供流畅的单页应用体验。 Node.js：作为后端服务端技术，Node.js以其高性能、异步非阻塞I/O模型，成为构建高并发Web服务的理想选择。配合Express框架，快速搭建RESTful API，处理HTTP请求，连接前后端通信。 MySQL：作为关系型数据库，MySQL用于存储平台的核心数据，如商品信息（包括名称、价格、库存、图片等）、用户账户（用户名、密码、联系方式）、订单详情等。通过Sequelize ORM简化数据库操作，提升开发效率和安全性。

2024-06-28

课程设计 vue校园招聘项目

项目概述 Vue校园招聘项目是一个专注于前端技术的实战课程设计，完全基于Vue.js这一现代化的前端框架构建，旨在模拟并实现一个功能丰富的在线校园招聘平台。尽管不涉及后端技术如Node.js，本项目依然深刻体现了Vue.js在构建单页面应用程序（SPA）中的强大能力和灵活性，同时融入了现代前端开发的最佳实践，如组件化、状态管理、路由控制以及与第三方API的集成，为学生提供了一个全方位学习Vue.js的实践环境。技术栈与核心功能 Vue.js：作为项目的核心，Vue.js以其简洁的语法、高效的组件系统以及强大的数据绑定机制，驱动整个应用的开发。参与者将学习到如何构建可复用的UI组件、管理组件间的状态传递以及实现复杂的页面交互逻辑。 Vuex：为了管理应用程序中共享的状态，项目采用Vuex作为状态管理模式。通过定义actions、mutations和getters，确保数据流的清晰与一致性，提升应用的可维护性。 Vue Router：实现前端路由管理，使用户能够在不同的招聘页面（如职位列表、职位详情、个人中心等）之间无缝切换，而无需重新加载页面，提升用户体验。用于学习开发、练习技术。

2024-06-28

web前端大作业课程设计 React悦享小说用于学习练习

悦享小说——一个基于React技术栈构建的Web前端大作业项目，旨在为用户提供沉浸式的小说阅读体验。该项目不仅是一个学习与实践React及其生态体系的理想平台，更是对现代Web开发技术和设计理念的一次深度探索与应用。通过本项目的开发，参与者将能够全面掌握前端开发的核心技能，并在实际项目中深化对React框架及周边技术的理解。项目概述悦享小说是一个功能齐全的在线小说阅读平台，集书籍搜索、分类浏览、个性化推荐、书架管理、阅读进度同步等功能于一体。采用React作为主要开发框架，结合Redux进行状态管理，确保应用状态的一致性和可预测性。此外，项目还融入了React Router实现页面路由管理，使得多页面间的切换平滑无阻。技术栈亮点 React.js：利用其组件化开发的特点，提高代码复用率和可维护性。通过状态（State）与属性（Props）机制管理组件间的数据流动，实现界面的动态更新。 Redux：作为全局状态管理工具，Redux帮助开发者集中管理应用的所有状态，通过action和reducer的模式处理数据流变更，简化复杂状态逻辑。 React Router：实现SPA单页。

2024-06-28

HTML5期末前端大作业仿苏宁易购移动端 19页自适应响应式

本次HTML5期末前端大作业以“仿苏宁易购移动端”为主题，旨在通过实践的方式深入学习和掌握现代Web开发的核心技术——HTML5、CSS3以及JavaScript，并结合Bootstrap等流行框架实现一个自适应、响应式的移动电商网站。本项目共包含19个精心设计的页面，涵盖了商品浏览、搜索、详情、购物车、用户登录与注册等多个核心功能模块，全面模拟了真实电商平台的用户体验。学习要点概览： HTML5基础与进阶：通过本项目，你将熟练掌握HTML5的新标签如<header>, <nav>, <article>, <section>等，以及表单元素的增强功能，如日期选择器、email输入验证等，提升网页结构的语义化。 CSS3高级应用：深入理解CSS3的Flexbox与Grid布局系统，实现复杂页面的高效布局。学习CSS动画与过渡效果，为网站增添动态交互体验，同时利用媒体查询实现响应式设计，确保网站在不同设备上的良好展示。 JavaScript交互开发：实践JavaScript编程，实现页面的动态加载、表单验证、按钮点击事件处理等交互逻辑。通过Ajax技术与后端数据交互，实现商品列表的异步

2024-06-28

three.js嵌套obj模型

three.js嵌套obj模型代码，使用.html引入three.js代码，实现obj模型的嵌套，注意需要vscode的live server插件进行启动，不能直接双击打开html文件。在学习和实践Three.js嵌套OBJ模型的过程中，你将深入理解WebGL库Three.js的强大功能，尤其是在3D模型处理、场景构建以及交互式Web应用开发方面的应用。通过本示例，你不仅能够学会如何在网页中加载和展示3D模型，还能掌握如何将多个3D模型嵌套在一起，为你的项目增添丰富的视觉效果和深度。学习要点： Three.js基础：了解Three.js的基本概念，包括场景（Scene）、相机（Camera）、渲染器（Renderer）等核心组件的设置与使用。 3D模型导入（OBJ格式）：学习如何使用Three.js加载OBJ格式的3D模型。OBJ是一种广泛支持的3D模型文件格式，常用于交换几何数据。模型嵌套与层次结构：掌握如何在一个场景中嵌套多个模型，并管理它们之间的层次关系，这对于创建复杂的场景结构至关重要。（使用Live Server进行本地项目的预览）

2024-06-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

JDK-API 中文版文档

java JDK8版本安装包

java JDK17版本安装包

Snipaste截图测量安装包

Navicat Premium 15安装包

html+js+css实现一个手机商城页面

vue实现一个移动端茶商城

vue实现一个秀米排版插件

基于vue实现在线小说网站 含报告

html+js+css实现一个鲜花商城

web前端学生静态网页设计 实现2个漫威网页设计 html+css

jQuery实现一个轮播图

前端大作业 vue学生简易购物平台

课程设计 vue校园招聘项目

web前端大作业 课程设计 React悦享小说 用于学习练习

HTML5期末前端大作业 仿苏宁易购 移动端 19页 自适应响应式

three.js嵌套obj模型

coolingTower.stl模型

H5实现websocket聊天对话

H5 微场景动画网页制作

空空如也

基于vue实现在线小说网站含报告

web前端学生静态网页设计实现2个漫威网页设计 html+css

web前端大作业课程设计 React悦享小说用于学习练习

HTML5期末前端大作业仿苏宁易购移动端 19页自适应响应式