星野集-个人编程学习与开发笔记归档

分类
开发技巧

救了大命！我再也不用手动调 CSS 属性顺序了

开发技巧笔记

有没有过这种情况？你辛辛苦苦写的 CSS，保存后打开一看——position挤在width后面，color跑去了display底下，像菜市场摊位乱摆；或者同事改了个按钮样式，属性顺序全乱，你盯着代码半天反应不过来：“这行到底是管位置的还是管颜色的？” 上周我刚被这事儿烦到摔鼠标——帮新人改他的登录

视觉视口与逻辑视口：前端开发者必须搞懂的屏幕适配核心概念

开发技巧前端基础

作为前端开发者，你是否遇到过这样的困惑：明明在代码里设置了页面宽度为375px，但在不同手机上显示效果却不一样？或者为什么同样的CSS媒体查询，在某些设备上触发时机总跟预期有偏差？这就要从移动端特有的视觉视口(Visual Viewport)和逻辑视口(Layout Viewport)说起。一、先

CSS Emmet写法指南：新手也能秒懂的高效样式代码技巧

开发技巧笔记 CSS

前面我们聊完了HTML部分的Emmet写法，接下来重点说说CSS的Emmet写法——它同样能帮你省去敲重复属性的力气，尤其是写样式时经常要重复输入的margin、padding、color等属性，用Emmet几秒钟就能搞定。 CSS的Emmet语法和HTML不太一样，它更像是一套「属性缩写规则」，掌

Emmet写法：前端开发者的“快捷键外挂”（小白友好版HTML篇）

开发技巧笔记 HTML

如果你刚接触前端开发（比如学HTML/CSS），肯定遇到过这种情况：明明只是要写个简单的页面结构，却要反复敲<div>、</div>、class=""这些重复代码，手指都快抽筋了……这时候如果有人告诉你：“用Emmet写法，敲3个字母就能生成一整段代码”，你会不会眼前一亮？别急，这篇文章就用最生活

VSCode光标异常：输入字符总是替换？一招教你轻松解决

开发技巧

问题现象：我的VSCode怎么了？今天在写代码的时候，我遇到了一个特别烦人的问题。本来在VSCode里正常敲代码，突然发现每输入一个字符，原来位置上的字符就被替换掉了，就像打字机那样直接覆盖上去。更奇怪的是，我注意到光标也变得不太一样了，不再是平时那种细细的竖线，而是变成了一个实心的小方块。这种