摘要: 开篇:为什么选择Docker部署Vue项目? 作为前端开发者,我们经常遇到这样的场景:"这代码在我本地跑得好好的,怎么到服务器上就不行了?" Docker就是为了解决这类"在我机器上能跑"的问题而生的。今天就用Docker部署一个Vue项目,从此告别环境配置的烦恼。 一、准备工作 1. 确保你的开发 阅读全文
posted @ 2025-04-25 15:57 icon-icon 阅读(1640) 评论(0) 推荐(0)
摘要: 如果我们的项目需要在多个现场部署,那版本控制和持续集成是非常重要的环节。我们需要明确的知道每个现场部署的是哪个版本,这样出问题之后,就可以及时定位bug。 Git作为最流行的版本控制工具,commit message 中包含了代码提交的详细信息。在Vue项目打包时,将这些Git commit信息嵌入 阅读全文
posted @ 2025-02-20 11:14 icon-icon 阅读(93) 评论(0) 推荐(0)
摘要: 最近需要在小程序中完成一个图表,其中需要导入一些自定义的图片来显示。 使用echarts-for-weixin项目之后,发现报了如下错误: ReferenceError: Image is not defined 经查看源码发现,Echarts.Js文件中是使用New Image来创建图片的,而小程 阅读全文
posted @ 2024-12-12 16:56 icon-icon 阅读(352) 评论(0) 推荐(0)
摘要: 需求场景分析 开发过程中经常遇到这样的布局需求: 父容器包含 N 个子元素 每行显示 M 列(M 随屏幕宽度变化) 子元素间距保持一致 布局需要完美适配各种设备尺寸 方案一:CSS Grid 实现 CSS Grid 是专为二维布局设计的现代 CSS 模块,特别适合复杂的网格布局需求。 核心代码 <d 阅读全文
posted @ 2024-09-12 16:14 icon-icon 阅读(218) 评论(0) 推荐(0)
摘要: 学习成果 阅读全文
posted @ 2024-06-11 17:06 icon-icon 阅读(17) 评论(0) 推荐(0)
摘要: 学习5 阅读全文
posted @ 2024-03-26 10:11 icon-icon 阅读(17) 评论(0) 推荐(0)
摘要: 平常开发vue项目时,我们经常会在style标签中加上scoped这样一个属性,我们都知道这个是为了样式隔离,那它是怎么做到样式隔离的呢?除了这种方式还有别的方式可以做到样式隔离吗?除了vue别的前端框架里是怎么实现样式隔离的呢?嘿嘿,今天就详细了解一下吧! 1、CSS Scoping 样式作用域 阅读全文
posted @ 2024-03-19 13:15 icon-icon 阅读(20) 评论(0) 推荐(0)
摘要: 一、meta标签 1、如何实现ppt自动播放的功能? <meta http-equiv="Refresh" content="5;URL=page.html"> 上述代码将会在5s后跳转至page.html页面,因此只需要在每个页面设置好下一个页面的路径即可实现ppt页面自动跳转 2、每隔1分钟刷新 阅读全文
posted @ 2024-03-12 09:45 icon-icon 阅读(18) 评论(0) 推荐(0)
摘要: 面试题如下: 请分析下边的代码输出什么? var foo = { bar: 1 }; var arr1 = [ 1,2,foo]; var arr2 = arr1.slice(1); arr2[0]++; arr2[1].bar++; foo.bar++; arr1[2].bar++; consol 阅读全文
posted @ 2024-02-26 10:16 icon-icon 阅读(17) 评论(0) 推荐(0)
摘要: 最近做项目遇到一个需求,需要给卡片添加一个边框环绕的效果,当鼠标移入卡片时,出现边框。 这里我主要是使用:before 和 :after来辅助实现这个功能。 在很多时候,我们可以巧用:before 或者 :after 来实现一些看起来较为复杂的效果。 我们先看看效果: 代码如下,希望大家能受到些许的 阅读全文
posted @ 2023-09-14 12:19 icon-icon 阅读(604) 评论(0) 推荐(0)