关键字:容器
  • 弹性盒模型
    Flex的基本概念 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display:flex; } 行内样式也可以使用Flex布局 .box{ ...
  • web前端入门到实战:CSS通用数据类型
    CSS中属性的值有着许多种格式。为了让用户代理(即浏览器)能够识别一个值是否有效,则需要确认该值是否符合该类值支持的格式的其中一种。这些属性值所支持的格式叫做数据类型,在规范中用的形式标识。 CSS中存在两种数据类型——特定数据 ...
  • 漫漫前端之路 CSS -- Flexbox和Position布局讲解
    之前因为客户端引入Facebook的YOGA库,以及微信小程序学习的原因,对于前端的布局有一定的了解。书读百遍其义自见,不经常使用的工具还是需要时不时学习,比如Flexbox和Position布局。 1. 流式布局 在未设置其他任何布局的情 ...
  • JavaScript 实现屏幕截图
    方法一 需要安装file-saver,html2canvas插件 handleExport() { let htmlDom = document.querySelector('#centerPark'); var ...
  • web前端入门到实战:CSS :placeholder-shown伪类实现输入框浮动文字效果
    在这篇文章中,我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果,使用纯CSS实现。 浮动的文字标签 当我们处理输入框时,会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的: label标签是关联表单 ...
  • 漫漫前端之路CSS布局(下)
    新的一周开始了,冷风吹得人懒洋洋不想动弹.趁着总结iOS新特性之前继续学习CSS布局。 Absolute 绝对布局,破坏了流结构,会直接覆盖在其他流结构布局元素上。 position:absolute; ① 未设置left right bo ...
  • 10分钟搭建私服NPM
    最近因为公司项目需要搭建一个私服 npm,安排我来研究,这两天也踩了不少坑,于是记录下踩坑经历,避免小伙伴们踩坑。私服 npm 能做什么?如果一个公司的项目非常多,而且有很多的方法、组件、api都是可以共用 ...
  • web前端入门到实战:浅谈CSS calc()函数的用法
    CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() ...
  • web前端入门到实战:使用CSS创建一个炫酷的球体动画效果
    一个纯CSS实现的球体动画效果: 经过研究上面的效果实现起来大致可以分为五个步骤,下面就来一一介绍。 1.使用Jade和SCSS生成一个圆圈 创建一个圆圈的第一步是生成所有组成圆圈的粒子。有了Jade,我们不用一个一个的写出200个div。 ...
  • Vue.js 入门:从零开始做一个极简 To-Do 应用
    写作时间:2019-12-10 版本信息:Vue.js 2.6.10 官网文档:https://cn.vuejs.org/ 前言 学习 Vue 的最佳方式之一是「请立刻查阅 Vue.js 的官方文档」,简单看一下「基础」部分,配合本文食用更 ...

暂无数据