240 发简信
  • 120
    深入浅出 CSS 层叠上下文

    我们在编写 CSS 样式时不少遇到这样的疑惑:“为什么这个元素会被覆盖?”、“为什么设置较高的 z-index 值还是不起效果?” 不妨先想想这...

  • 120
    CSS 权重详解

    对于 CSSer 来说,多多少少都会遇到过 “样式规则不生效?”、“样式规则被覆盖?” 等等问题,这些都与 CSS 权重有关系。 选择器匹配原理...

  • 120
    CSS 技巧收录

    【本文会持续更新!】 1、color 影响 border-color 当只设置元素的边框宽度和样式时,边框的颜色会取当前元素 color 属性的...

  • 120
    CSS 精确绘制三角形

    通常情况下,用 CSS 来实现一些简单的图形会比使用图片更有优势,譬如: CSS 可以随时调整图形的颜色; CSS 可以给图形加复杂动画; 图片...

  • Vue 和 jQuery 的图片容错处理方案

    网页在获取图片资源的时候,经常会由于 资源路径无效、网络环境不理想、服务器过载 等原因导致资源加载超时或失败。为了保证良好的用户体验,我们需要对...

  • 120
    数学的 H5 应用:拖动阻尼

    我们在 ios 应用(特别是浏览器)中经常看到这样的 “橡皮筋” 效果:当页面滚动到边缘时若继续拖动,其位移变化量和拖动距离成反比;就像橡皮筋一...

  • 120
    物理学的 H5 应用:模拟惯性滑动

    在移动端 H5 中,时间选择器(date-picker)、省市区选择器(area-picker)等组件经常会使用这样的交互效果: 这个 gif ...

  • JS 运算符技巧

    【本文会持续更新!】 1. 转换成数字 + 运算符 使用 +运算符可以把其他类型转换成数字类型,但在使用时要注意表达式的结构,避免被解析成字符串...

  • Git 使用技巧

    【本文会持续更新!】 1、.gitignore 不起作用 .gitignore 中设置的忽略规则只会对未跟踪的文件起作用。如果要让 git 忽略...

个人介绍
未来不迎,当时不杂,过往不恋。