CSS
12篇文章 · 0订阅
  • 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践
    不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…
    CSS JavaScript
    中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践
  • 网页布局都有哪种？一般都用什么布局？
    随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…
    CSS
  • 不可思议的纯 CSS 实现鼠标跟随效果
    直接进入正题，鼠标跟随，顾名思义，就是元素会跟随着鼠标的移动而作出相应的运动。大概类似于这样： 通常而言，CSS 负责表现，JavaScript 负责行为。而鼠标跟随这种效果属于行为，要实现通常都需要借助 JS。 当然，本文的重点，就是介绍如何在不借助 JS 的情况下使用 CS…
    CSS 动效 前端
    不可思议的纯 CSS 实现鼠标跟随效果
  • 怎么实现一个3d翻书效果
    这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…
    CSS JavaScript 前端
    怎么实现一个3d翻书效果
  • CSS性能优化的8个技巧
    我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…
    CSS 浏览器 前端
  • 愈发熟练的 CSS 技巧
    rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位；simple-flexible是根据手淘团队lib-flexible
    CSS JavaScript 前端
  • 50道 CSS 基础面试题（附答案）
    1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin …
    CSS
  • 能解决 80% 需求的 10个 CSS动画库
    大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 1. Animista 2. Animate CSS 3. Vivify 4. Magic Animations CSS3 5. cssanimation.io 6. Angrytools 7. Hover.c…
    CSS JavaScript
  • 请收下这72个炫酷的CSS技巧
    CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…
    CSS
    请收下这72个炫酷的CSS技巧
  • 前端团队代码评审 CheckList 清单
    前端团队有评审代码的要求，但由于每个开发人员的水平不同，技术关注点不同，所以对代码评审的关注点不同，为了保证代码质量，团队代码风格统一，特此拟定一份《前端团队代码评审 CheckList 清单》，这样代码评审人员在评审代码时，可以参照这份清单，对代码进行评审。从而辅助整个团队提…
    代码规范
    前端团队代码评审 CheckList 清单