关键字:比例
  • web前端入门到实战:汇总css布局模型和常见代码缩写与长度单位
    知识点一:css布局模型:布局模型是建立在盒模型基础之上,在网页中,元素有三种布局模型:1.流动模型(Flow)2.浮动模型 (Float)3.层模型(Layer)。 一、流动模型:默认的网页布局模式。也就是说网页在默认状态下的 HTML ...
  • web前端入门到实战:CSS浏览器的视图与坐标
    为什么Flex box跟Grid box的是以start、end为排列规则,而不是常规的top 、right 、bottom 跟left? 现在各位看官有答案了吗? 因为上一篇中有提到过CSS 逻辑属性的变革,从物理概念跳跃到了逻辑概念,也 ...
  • html2canvas+jspdf踩坑之路
             最近刚完成了项目中所有模块的详情页导出pdf功能。本来开始后端接了这个活,前端只要传过去单号就好,可是做到最后一直实现不来,页面总是显示一半,于是,后端把活让给了我?          还好,同组的其他伙伴项目中有用到过, ...
  • web前端入门到实战:深入解析CSS FlexBox
    Flexbox是一个CSS3的盒子模型(box model),顾名思义它就是一个灵活的盒子(Flexible Box)。 Flexbox模型概念 第一步要来看Flexbox的盒子模型,根据W3C文章所描述,flex的盒子模型如下图所呈现,与 ...
  • 弹性盒模型
    Flex的基本概念 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display:flex; } 行内样式也可以使用Flex布局 .box{ ...
  • angular7 echarts中国散点图
    angular7中引入中国地图 最近项目中需要做一个数据大屏,用中国地图散点图展示一些数据, 图表用的是echart4.2.1,angular版本是7.1.0 下面简要介绍一下实现过程: 第一步: 在angular.json中引入china ...
  • 漫漫前端之路CSS布局(下)
    新的一周开始了,冷风吹得人懒洋洋不想动弹.趁着总结iOS新特性之前继续学习CSS布局。 Absolute 绝对布局,破坏了流结构,会直接覆盖在其他流结构布局元素上。 position:absolute; ① 未设置left right bo ...
  • web前端入门到实战:浅谈CSS calc()函数的用法
    CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() ...
  • web前端入门到实战:CSS弹性伸缩盒子语法教程
    网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C ...
  • 是!我是不想当程序员了,但我更不想考公务员
    曾经梦想仗剑走天涯,曾经也想当个优秀的程序员,指点江山,搭的了框架,码的了代码。想象着一串专业的术语从自己嘴里说出来是多少的自豪,可是现实不是,重复着干着同样的活儿,不求甚解,只为了工作完成,久而久之,弊端就出来了,技术越来越差,越来越想换 ...

暂无数据