- 博客(63)
- 收藏
- 关注
原创 每个元素后面加“、”,但最后一个元素不加
在 Angular 中,如果你想使用 *ngFor 遍历一个数组,并在每个元素后面加“、”,但最后一个元素不加标点符号,你可以使用 $last 这个由 *ngFor 提供的上下文变量来判断是否是最后一个元素。假如在vue 里 每个元素后面加“、”,最后一个不加 warningPromptSkuList = [‘A001’, ‘B002’, ‘C003’]
2025-05-23 17:57:55
202
原创 前端项目中实现页面看起来像是浏览器缩放到了80%的效果
需要注意的是,直接缩放整个html标签可能会导致一些布局问题,特别是在考虑页面宽度和滚动条时。因此,你可能需要根据具体的设计进行调整,比如设置合适的视口(viewport)或者父容器的样式以确保布局正确。要在前端项目中实现页面看起来像是浏览器缩放到了80%的效果,你可以通过CSS来调整整个页面的缩放比例。zoom属性是非标准的CSS属性,但广泛支持于大多数桌面浏览器中(除了大部分移动浏览器)。使用transform与scale函数是一种更符合标准且跨浏览器兼容性更好的方法,包括对移动设备的支持也很好。
2025-05-22 09:54:27
306
原创 在 Angular 中, `if...else if...else`
或者,如果可能的话,考虑将这些逻辑移至组件类中,并通过一个方法返回需要显示的内容,这样可以保持模板的整洁。假设你有一个变量 status,你希望根据它的值显示不同的内容。指令结合其else模板功能来实现类似的效果。在 Angular 中,模板语法本身并不直接支持。这样的多条件分支结构。不过,你可以通过使用。
2025-05-14 14:50:10
391
原创 vue3使用tailwindcss报错问题
注意: 要看清版本 现在安装的tailwindcss 是4.x 官网是3.x。地址:https://tailwindcss.com/
2025-05-10 09:45:10
533
原创 要从给定的数据结构中提取所有的 itemList 并将其放入一个新的数组中
【代码】要从给定的数据结构中提取所有的 itemList 并将其放入一个新的数组中。
2025-04-24 16:36:16
267
原创 el-table中使用el-image图片预览被其他表格遮挡,使用z-index层级设置无效
【代码】el-table中使用el-image图片预览被其他表格遮挡,使用z-index层级设置无效。
2025-01-17 16:30:25
676
原创 Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
【代码】Component name “index“ should always be multi-word.eslintvue/multi-word-component-names。
2024-08-22 10:18:07
253
1
原创 text-indent 的用法
在使用 text-indent 时,确保考虑了这些属性的潜在影响。使用相对单位:使用 em 或 rem 等相对单位可以确保 text-indent 的效果与元素的字体大小保持一致,从而在不同设备和屏幕尺寸上提供更一致的视觉效果。测试在不同浏览器和设备上的表现:由于不同浏览器可能会有不同的实现,确保在多个浏览器和设备上测试 text-indent 的效果,以确保一致的用户体验。避免在非文本内容上使用:虽然 text-indent 可以应用于任何块级元素,但最好将其用于文本内容,以避免不必要的布局问题。
2024-05-06 10:41:27
512
原创 Angular错误NG6002:出现在AppModule的NgModule.imports中,但无法解析为NgModule类
【代码】Angular错误NG6002:出现在AppModule的NgModule.imports中,但无法解析为NgModule类。
2024-03-22 11:01:02
827
原创 ng : 无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
ng : 无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
2024-01-12 15:35:00
1061
原创 Vue3中使用tinymce, tinymce上传图片,tinymce使用emoji表情
【代码】Vue3中使用tinymce, tinymce上传图片,tinymce使用emoji表情。
2023-12-13 15:46:24
873
1
原创 yarn : 无法加载文件 D:\nodejs\node_global\yarn.ps1,因为在此系统上禁止运行脚本
如果返回和我们设置的值一样,就说明修改成功啦,接下来,可以继续去编辑器执行。
2023-12-04 15:53:14
777
原创 CSS中的object-fit和background-size, object-position和background-position属性。
9. object-position属性常与object-fit一起使用,一般用于img和video标签,它规定了元素内容在容器内显示的位置,默认为居中。该属性同样不被IE15及以前的浏览器支持。三、 object-position和background-position属性。一、background-size 属性。二、 object-fit。
2023-11-06 11:36:50
187
原创 【前端面试题】—常见NodeJS基础面试题
执行中的事件叫IO事件, setlmmediate在当前队列中立即执行,setTimout/setInterval把执行定时到下一个队列, process. nextTick在当前队列执行完,下次遍历前执行。(2)功能强大,非阻塞式I/O,在较慢的网络环境中,可以分块传输数据,事件驱动,擅长高并发访问。(1)简单, Node. js用 JavaScript、JSON进行编码,简单好学。(3)轻量级, Node. js本身既是代码又是服务器,前后端使用同一语言。(5) jasmine/mocha单元测试。
2023-08-28 15:26:40
107
原创 溢出的文字省略号显示 css
1、单行文本溢出显示省略号–必须满足的三个条件。多行文本省略号显示大致和单行一致。一、单行文本溢出显示省略号。二、多行文本用省略号显示。
2023-06-12 11:03:09
1141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人