【Html.js——Echarts图表】商品销量和销售额实时展示看板（蓝桥杯真题-2420）【合集】
2025-02-22双 11、618 是近些年来兴起的购物节，每到这个时候商品的销售数量和销售额都非常巨大。如此庞大的数据通过表格的形式很难观察其增减趋势，图表能更加直观的显示数据的变化。目前，云课后台已经实时统计了 1 小时平台课程的销售数量和销售额，本题需要使用echarts将这些数据用图表的方式显示到前端。准备步骤├── effect.gif├── css│ └── index.css├── index.html└── js ├── echarts.js └── index.js_双十一销售额实时销售看板
【CSS3——页面布局】画一只考拉（蓝桥杯真题-2341）【合集】
2025-02-22CSS3 的 Flex 弹性布局和 Grid 网格布局已经成为前端页面排版的主流选择。本次挑战将使用这两种布局方式来画一只考拉。准备步骤├── styles.css└── index.htmlstyles.css 是页面样式文件。index.html 是页面布局结构。选中 index.html 右键启动 Web Server 服务（Open with Live Server），让项目运行起来。打开环境右侧的 Web 服务，就可以在浏览器中看到未完成的考拉。目标效果创造
【CSS——功能实现】用户名片（蓝桥杯真题-2321）【合集】
2025-02-22CSS 样式是前端开发的必备技能之一，下面请用你丰富的经验帮小蓝完成一个漂亮的用户名片制作吧。准备步骤├── css│ └── style.css├── images└── index.htmlcss/style.css 是样式文件。images 是页面布局需要用到的图片素材。index.html 是主页面。目标效果实现卡片（class = card） 和用户头像（class = avatar） 元素水平垂直居中。左侧文字（class = level 和 clas_蓝桥杯用户名片代码怎么写
【CSS——效果实现】展开你的扇子（蓝桥杯真题-2449）【合集】
2025-02-22网站上为了让内容显示不臃肿，我们可以做一个折叠展开的效果。本题将使用 CSS3 实现元素呈扇形展开的效果。准备步骤├── css│ └── style.css├── effect.gif└── index.htmlcss/style.css 是样式文件。effect.gif 是最终实现的效果图。index.html 是主页面。cd /home/projectwget https://labfile.oss.aliyuncs.com/courses/9791/02.zip &
Vite Vue3 使用 cdn 引入依赖，并且把外部 css、js 文件内联引入
2024-11-05CDN 引入只有在 build 打包出来的才是 CDN 引入，本地开发走的还是 NPM 本地包引入， 所以先使用 NPM 方式引入。注意事项：element-plus 不能在 vite.config.js 中使用按需加载，需要在 main.js 中全局引入；，依赖变为 CDN 引入，外部的 js 文件和 css 文件集成到 index.html 中。_vue3 把指定库通过cdn引入,并在打包配置中排除
vue 不是spa 单页面应用吗？ 配置路由工作模式为history 后 ,为什么配置Nginx的 try_files 可以根据url 找到对应的文件？
2024-11-04Nginx 的try_files配置是为了处理 Vue.js 应用程序的历史模式路由，而不是真正根据 URL 返回不同的 HTML 文件。它的作用是将所有请求重定向到同一个入口点（即），然后由 Vue Router 在客户端处理 URL 变更。这样可以让应用程序看起来像多页面应用，但实际上仍然是一个单页面应用。Nginx 配置： 当您在 Nginx 中添加try_files指令时，它告诉 Nginx 如果请求的 URI 存在，则尝试查找该目录下的index.html文件。如果没有找到，它将回退到根目录下的。_history模式为什么需要nginx配置
Node服务器开发和部署
2024-11-02安装express：至此，项目创建成功，在根目录下创建server.js:在目录下新建index.html文件根目录下启动服务：打开浏览器，输入如下网址至此，第1步的node服务创建完成！安装koa和koa-router：至此，项目创建成功在根目录下再创建router.js:根目录下启动服务：浏览器访问：http://127.0.0.1:3000/api/test?aa=1 效果如下：至此，第一步的node服务创建完成！执行后如果提示_node项目部署
index.html 模版
2024-11-02注意，这个示例中的链接（如 CSS 和 JavaScript 文件）是假设你已经在同一目录下创建了这些文件。如果没有这些文件，你应该删除或修改。是网站的入口文件，通常被服务器设置为默认文档，当访问网站根目录时，如果没有指定具体的文件名，浏览器就会尝试加载。_index.html
菜鸟教程-HTML总结
2024-11-02一.html简介与注意事项HTML（超文本标记语言），是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。HTML文档也叫做web 页面 HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是成对出现的，比如 <b> 和 </b> 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签对于中文网页需要使用<m_菜鸟html
【npm i -g pnpm安装不成功】
2024-10-30我就去找这个目录（https://zhidao.baidu.com/question/2019922771970080508.html），发现npm\node_modules下确实有pnpm文件夹，那有可能是安装有问题。重点是npm下有pnpm.cmd文件，而npm\node_modules\pnpm\bin下面没有。想了想就把npm下的pnpm.cmd复制到npm\node_modules\pnpm\bin下，再去cmd执行pnpm。一下午 一晚上试了很多方法，绝望的下班了。3：降低node版本。_npm i -g pnpm