- 博客(21)
- 收藏
- 关注
RSS订阅原创 14 个你需要知道的实用 CSS 技巧
让我们学习一些实用的 CSS 技巧，以提升我们的工作效率。这些 CSS 技巧将帮助我们开发人员快速高效地构建项目。
2023-02-17 13:14:29
232
原创 使用CSS计数器美化数字有序列表的实现方法
CSS计数器是网页范围变量，其值可以使用CSS规则更改。首先，使用属性设置计数器。是此处使用的变量名。div.list {接着，使用 counter-increment属性来增加计数器的值。现在，每次出现元素时，变量都会增加一。最后，使用含有设置content属性和counter()函数的:before伪元素来展示数字。div.list {/** 可以在:before 为元素中使用 counter-increment **/现在我们还没有完全达到目标。
2023-01-29 15:56:56
405
原创 常见电脑屏幕分辨率
显示分辨率就是屏幕上显示的像素个数，分辨率160×128的意思是水平方向含有像素数为160个，垂直方向像素数128个。屏幕尺寸一样的情况下，分辨率越高，显示效果就越精细和细腻。屏幕上显示多少信息的设置，以水平和垂直像素来衡量。就相同大小的屏幕而言，当屏幕分辨率低时（例如 640 x 480），在屏幕上显示的。少，单个像素尺寸比较大。屏幕分辨率高时（例如 1600 x 1200），在屏幕上显示的像素多，单个像素尺寸比较小。屏幕分辨率是指纵横向上的像素点数，单位是px。10.4、12.1、14.1、15寸。
2023-01-28 14:45:41
3049
原创 网页制作——不同分辨率显示不同页面
有一种办法就是让单独的一个页面作为主页，让这个主页检测分辨率，之后转到相应的页面，你可以试一试，把下面的“页面一”、“页面二”、“页面三”、“页面四”改成你的网页，不影响速度。做项目时，遇到大屏页面在不同分辨率电脑上显示不同的效果。因为页面中模块有很多不同，所以决定做不同的页面，在不同分辨率的电脑上显示不同的路径，怎么做呢？直接把修改后的下面的文件存储为一个网页即可。
2023-01-28 13:51:16
553
原创 CSS实现滚动高度自动变小的粘滞效果
可以看到默认页面的 header 头部元素高度挺高的，随着滚动的进行，头部固定定位了，同时高度也变小了，减小对页面高度的占用。
2022-11-30 15:45:08
427
原创 改变文本选择框的默认样式
文件选择框有个非常诟病的问题，那就是浏览器默认的样式太丑，且无法自定义。如果大家希望隐藏按钮后面的“未选择任何文件”的文字，可以对当前。伪元素应运而生，专门匹配文件选择输入框样式中的按钮。
2022-11-30 10:07:27
1204
原创 代码合并svg
我们常常会使用svg，但如果引入的svg过多时，将他们整合成一个svg图会是更好的选择，可以减少请求次数以及保证多个图标同时加载出（避免出现svg加载顺序差异造成体验不好）此时，我们的svg已经很完备了，但是就是不够优雅，毕竟那么一大堆代码放在html里，我们只要用JS动态创建插入body中就好了。由于svg标签本身是占空间的，所以上面那一个svg也会在页面占据空间，这不是我们所希望的，所以我们要把它隐藏掉。
2022-11-29 17:43:05
2446
原创 Vue.js 九个性能优化技巧
通过这篇文章，我希望你能了解到 Vue.js 的九种性能优化技巧，并能运用到实际的开发项目中。除了上述技巧之外，还有懒加载图片、懒加载组件、异步组件等等常用的性能优化手段。在做性能优化前，我们需要分析性能的瓶颈在哪，才能因地制宜。另外，性能优化都需要数据支撑的，你在做任何性能优化前，需要先采集优化前的数据，这样优化后才能够通过数据对比看到优化的效果。希望你在日后的开发过程中，不再只满足于实现需求，写每一行代码的时候，都能思考它可能产生的性能方面的影响。本文首发于公众号「老黄的前端私房菜」，欢迎关注。
2022-11-29 16:10:10
3003
原创 现代CSS样式重置最佳实践！
如果您正在尝试迁移一个大型的预先存在的项目以使用 border-box，这可能是一个有用的策略。这是行不通的，因为在流式布局（CSS 中的主要布局模式）中，高度和宽度的操作原理完全不同。元素的宽度是根据其父元素计算的，而元素的高度是根据其子元素计算的。在上面的例子中，粉色框宽度为 200 px，内部内容框的宽度将缩小到 156 px（200 px - 40 px - 4 px）。如果图像的原始尺寸为 800×600，即使将其放入宽度为 500px 的父元素中，其宽度也将是 800px。
2022-11-28 10:27:02
1351
原创 Vue超全资源，收藏！
在这里，我们提到了一些非常有用的VueJS资源。当你使用VueJS项目时，你肯定需要一些工具，UI组件库，管理模板等。因此，为了帮助节省时间，我们在这里收集了一些惊人的资源，这样你就不必在这里和那里搜索。你可以查看下一个项目。
2022-10-26 11:15:37
505
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人