css
11篇文章 · 0订阅
  • CSS实现水平垂直居中的10种方式
    划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将
    React.js
  • 我写小程序像菜虚鲲——3、你能17张牌把我秒杀，我当场把电脑屏幕吃掉
    可能是我不够骚了(或者发的时间不对)，不过还是建议阅读下「逆向微信小程序」那部分内容。本节来肝下「微信小程序中布局」相关姿势点。希望你学完本章后，可以：根据设计尸给的设计稿，堆砌控件。本节内容较多，建议点赞收藏以后有时间再看，毕竟 收藏了≈我会了，本文姿势点安排如下： ① 「物…
    前端 微信小程序
    我写小程序像菜虚鲲——3、你能17张牌把我秒杀，我当场把电脑屏幕吃掉
  • CSS优秀起来真没JS什么事
    最近我在CodePen上发现了一个纯CSS实现，具有渐变倒影和3D旋转效果的栅栏动画，他的实现方式是：利用10个<div>元素创建10个栅条，接着再复制整份<div>元素，并创建一个渐变遮罩形成渐变效果，以此作为栅栏的倒影。 这听起来有点像用左脚的脚趾去抓你的右耳背部（译者理解…
    CSS
  • 16种方法实现水平居中垂直居中
    熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…
    前端 CSS
    16种方法实现水平居中垂直居中
  • 在微信小程序中用一张 PNG 展示两个动效
    1. 使用 gif 图 无法控制 gif 图的执行过程，需要通过切换图片源来实现两个动效的切换。 图片放在代码包中：动效的 gif 图尺寸一般比较大，放在代码包中会超出代码包 2M 大小的限制。 2. 使用 APNG 问题同 gif，兼容性也有一定的问题。 3. 使用 PNG …
    微信小程序
  • 2019年了，你还不会CSS动画？
    今年我面试了很多同学，只要看到简历上写“熟练掌握CSS3”的，我都会问问动画相关知识。然而我发现：都 2019 年了，还有很多同学不会 CSS 动画。 即，一个小球从向右匀速移动 200px，然后移动回来，再移动过去，最后停留在 200px 处。 就是需求这么简单的一个动画，然…
    CSS
  • Vue教程00：MVC、MVP、MVVM模式的区别，服务端渲染与客户端渲染的区别
    阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 最上层是View（视图层），即提供给用户的操作界面。 中间层是Controller（控制层），它会根据用户从View（视图层）输入的指令，对Model（数据层）中相关的数据进行操作，产生最终结果。 最底层是Mod…
    Vue.js
  • 给2019前端的5个建议
    2019 农历新年即将到来，是时候总结一下团队过去一年的技术沉淀。过去一年我们支撑的数据相关业务突飞猛进，其中两个核心平台级产品代码量分别达到30+万行和80+万行，TS 模块数均超过1000个，协同开发人员增加到20+人。由于历史原因，开发框架同时基于 React 和 Ang…
    React.js 前端 TypeScript
    给2019前端的5个建议
  • CSS 常见布局方式
    本文思维导图，欢迎补充 本文首发于我的个人网站：http://cherryblog.site 前言 温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局，以及 C…
    CSS 前端
    CSS 常见布局方式
  • 老司机手把手带你做 UI 自动化测试
    互联网产品的迭代速度远高于传统软件，尤其是移动 APP 不但更新频繁，还需要在不同硬件、系统版本的环境下进行大量兼容测试，这就给传统测试方法和测试工具带来了巨大挑战。为满足产品敏捷开发、快速迭代的需求，自动化测试逐渐流行起来。自动化测试是把以人为驱动的测试行为转化为机器执行的一种过程。
    测试