front-end
22篇文章 · 0订阅
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • BetterScroll：可能是目前最好用的移动端滚动插件
    BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API…
    Vue.js JavaScript 前端框架
  • BetterScroll 2.0 发布：精益求精，与你同行
    BetterScroll v1 版本发布至今已经两年多，这期间 BetterScroll 无论是在我们公司内部的业务以及社区内，经受住了大量的场景考验，同时也新增了不少特性。无论是我们内部开源组件库的 cube-ui，还是社区内的 mpx、taro、vue-better-scr…
    前端 开源
  • 2023前端高频面试题--CSS篇
    css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图： 图中的内层是content依次是padding border margin。通常我们设置背景时就是内容…
    前端 CSS
    2023前端高频面试题--CSS篇
  • 如何在 CSS 背景图片中对 SVG 图片进行着色
    如何在 CSS 背景图片中对 SVG 图片进行着色
    SVG CSS 图片资源
    如何在 CSS 背景图片中对 SVG 图片进行着色
  • 未来布局之星Grid
    Grid-layout不是为了取代flex-layout，它是flex的补充。grid擅长二维布局，flex擅长一维布局。他们需要各司其职。 千呼万唤始出来的grid-layout终于在2017年3月开始支持得到了部分浏览器的支持。 flex并不能满足我们对于页面整体布局的需求…
    CSS 前端 算法
  • 能让你开发效率翻倍的 VSCode 插件配置（上）
    工欲善其事必先利其器，软件工程师每天打交道最多的可能就是编辑器了。入行几年来，先后折腾过的编辑器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，现在仍高频使用的就是 …
    Sublime Text 前端 Atom
  • 设计原则总结：最全的交互设计原则和理论汇总
    设计是有原则和方法论的，鉴于网上各种文章和原则比较零碎，这次统一将交互设计的方法和理论汇总，不足之处也希望各位能够提出，一起补全。
    设计 产品 交互设计
    设计原则总结：最全的交互设计原则和理论汇总
  • CSS 写作建议和性能优化小结
    还有几天就到国庆中秋了，快要放假了，先祝大家节日快乐！之前写过js的写作建议和技巧，那么今天就来聊聊css吧！说到css，每一个网页都离不开css，但是对于css，很多开发者的想法就是，css只要能用来布局，把效果图排出来就可以了，其它的细节或者优化，不需要怎么考虑。但是我觉得…
    HTML CSS
  • 你的网站可以一键变色吗？
    若干年前写过一个叫「网站换色精灵」的小工具，原理是调整网站所有图片的色相、饱和度和亮度。然而并没有什么人用……或许是因为做得不好，又或许这本身就是一种伪需求。得益于 Web 标准的发展和设计风格的变化，前端开发者从通过切图还原设计逐渐变为通过…
    CSS 前端 设计
    你的网站可以一键变色吗？