CSS

• 站长2年前CSS
  UnoCSS给了我一个不用tailwindcss的理由相同的原由&前言如果你没有听说过或者，请先return先去了解一下😝。书接上回之前我写过一篇文章，极力推荐使用来提升开发效率和体验，尤其是样式代码的体验会有质的提升。当然样式代码打包体积的减少也可以起到优化我们整体前端项目的作用。但是为什么有这篇文章了呢？因为托尼老师给了我不用的理由，无法拒绝的理由，就是我们今天的主角为什么我换到了UnoCSS和都是原子化CSS模式实现的一种，为什么现在我更推荐
  • 573
  • 0
  • 0
• 站长2年前CSS
  前端食堂技术周刊第 64 期：Node.js 19、Interop 2022、SvelteKit 1.0本期摘要大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。技术资讯1.2.3.Svelte也有了自己的元框架，SvelteKit发布1.0，并提供了。下面我们来看技术资料。技术资料1.衡量和优化网站速度的方式一直在变化：新的标准、新的工具、新的衡量指标。本文整理了2022年Web性能方面的变化：2.经过多年的稳定统治，Node.js仍然是最受欢迎的JavaScript
  • 895
  • 0
  • 0
• 站长2年前CSS
  2022前端面试总结，看完弄懂，工资少说加3K前言文章涉及的内容可能不全面，但量很多，需要慢慢看。来源于各个地方，我花了很长的时间整理，希望对大家有帮助。前端目录Html相关1html语义化意义：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。注意：1.尽可能少的使用无语义的标签div和span；2.在语义不明显时，既可以使用div或者p时，尽量用p,因为p在默
  • 1102
  • 0
  • 0
• 站长2年前CSS
  前端工作中常用Css知识点整理1.1文字溢出省略号:文字单行溢出:多行文字溢出:1.2css变量：CSS变量又称CSS自定义属性，通过在中自定义属性与函数组成，用于引用自定义属性。谈到为何会在中使用变量，以下使用一个示例讲述。1.3渐变：渐变分为、，这里笔者直接记录的使用方式，也是为了使用的时候更加的直观，这里说下，在使用线性渐变的时候，使用以及去控制渐变，会更加的灵活使用方式:边框渐变:有个的属性，类似也有个一样,通过为其设
  • 666
  • 0
  • 0
• 站长6个月前CSS
  CSS+JS实现一些常见的动画效果我们在开发设计网站的时候经常会使用一些常见的动画效果，以下是我本次分享的活动倒计时、轮我们在开发设计网站的时候经常会使用一些常见的动画效果，以下是我本次分享的活动倒计时、轮播图以及通过flexbox的布局方式实现百叶窗的效果以及源代码：\js制作倒计时效果代码js实现网页轮播图效果：slide01slide02slide03slide04css制作百叶窗效果代码
  • 269
  • 0
  • 0
• 站长6个月前CSS
  自查？走查？一文弄懂设计检查那些事（附资源）哈喽，小摹来啦~ 最近几年的设计圈始终盛行着“设计检查”相关的话题，但可能很哈喽，小摹来啦~最近几年的设计圈始终盛行着“设计检查”相关的话题，但可能很多设计师在查阅相关文章时，基本概念都没有弄清楚。比如走查（Walkthrough）这个词，英文本意是指“排练”或者“演习”，那么严格一点讲，“走查”是限定了特定时间阶段的：即产品开发结束到正式上线前。所以，如果一款产品已经到了设计走查阶段，其内容和品质可以认为基本尘埃落定。如果说，明知道自家的产品更大的困难在于业务本身的规划
  • 273
  • 0
  • 0
• 站长6个月前CSS
  前端开发中的响应式设计原理与实践什么是响应式设计？ 响应式设计是一种网页设计方法，旨在使网页能够自动适应不同设备（如台式前言：在当今移动互联网时代，人们使用各种设备和屏幕尺寸来访问网站和应用程序。为了确保用户在不同设备上获得一致的良好体验，响应式设计成为了前端开发中至关重要的概念。本文将介绍响应式设计的原理与实践，探讨在前端开发中实现响应式设计的常用方法和技巧。什么是响应式设计？响应式设计是一种网页设计方法，旨在使网页能够自动适应不同设备（如台式机、平板电脑、手机）的屏幕尺寸和分辨率。通过使用响应式设计，网页可以根
  • 200
  • 0
  • 0
• 站长6个月前CSS
  摹客RP，新增图文选项卡组件！Hello，小伙伴们，又到了摹客的新功能播报时间。 本月更新，摹客RP新增新的组件——图文Hello，小伙伴们，又到了摹客的新功能播报时间。本月更新，摹客RP新增新的组件——，可用于快速制作手机项目底部导航等模块。摹客协作针对任务管理模块做了不小的调整，评论功能可插入图片，优化了新建任务的流程。摹客DT优化了项目的选中方式，让大家的体验操作更顺畅！当然，我们不止新增/优化了这些功能，还有其他惊喜，等你来发现！接下来一起来看看具体更新内容吧：摹客RP摹客协作摹客DT摹客RP新增图文选项卡
  • 233
  • 0
  • 0
• 站长6个月前CSS
  CSS篇2——有关布局的那些事前言 本文理一下CSS布局的一些事。CSS布局要注意哪些点。其实CSS布局是有技巧的，不同前言本文理一下CSS布局的一些事。CSS布局要注意哪些点。其实CSS布局是有技巧的，不同人布局页面，最后出来的效果可能差不多，但是一些布局细节可能差很多。本文不讲stikyfooter布局，圣杯双飞翼等等的布局方式，就说一下一些常用的布局技巧。一、少用定死宽度布局的时候，少用定死的宽度，假如真的用宽度，外层用就可以，尽量让宽度和影响宽度的padding\border(有时候也包含margin),分
  • 217
  • 0
  • 0
• 站长6个月前CSS
  CSS中BFC的概念及外层div包裹内层div处理方法从事前端工作三年来，对于div和css的用法，自己认为还是比较熟练前言从事前端工作三年来，对于div和css的用法，自己认为还是比较熟练的。但是对于一些概念性的东西，知之甚少，比如，今天看到有个BFC的概念，不知道CSS的BFC是啥意思。经过查阅资料，才知道这个概念。其实，虽然我们并不知道BFC是啥意思，因为在项目中，没有人会说什么BFC。但是我们在项目中经常用到BFC，每一个css布局基本上都会用到。为了消灭这一盲点，今天说一下什么是BFC吧。BFC的概念BF
  • 211
  • 0
  • 0