flex - javascript技术分享

关键字：flex

漫漫前端之路CSS布局(下)
新的一周开始了，冷风吹得人懒洋洋不想动弹.趁着总结iOS新特性之前继续学习CSS布局。 Absolute 绝对布局，破坏了流结构，会直接覆盖在其他流结构布局元素上。 position:absolute; ① 未设置left right bo ...
分类：阅读：556 发布时间：2020-04-12 19:53:46
web前端入门到实战：七个方法搞定CSS垂直居中
我们在编辑一个版面，通常都会用到水平居中和垂直居中来设计，而水平居中很好处理，不外乎就是设定margin:0 auto；或是text-align:center；，就可以轻松解决掉水平居中的问题，但一直以来最麻烦对齐问题，都是“垂直居中”这个 ...
分类：阅读：528 发布时间：2020-04-12 19:52:55
web前端入门到实战：浅谈CSS calc()函数的用法
CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() ...
分类：阅读：602 发布时间：2020-04-12 19:52:50
web前端入门到实战：CSS弹性伸缩盒子语法教程
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C ...
分类：阅读：609 发布时间：2020-04-12 18:48:19
使用纯CSS代码实现3D旋转效果
主要使用CSS中的 preserve-3d 、perspective 属性实现3D效果效果 GIF.gif HTML代码 <body> <div class="box"> <div class="face fron ...
分类：阅读：563 发布时间：2020-04-12 18:45:43
前端学习路线图--移动Web网页开发
黑马程序员的前端学习路线图大纲中第二阶段的学习是移动Web网页开发的学习：主要介绍了前端学习路线图的移动web网页开发的学习目标，前端学习路线图的移动web网页开发的市场价值，前端学习路线图的移动web网页开发的重点知识。前端学习路线图中 ...
分类：阅读：683 发布时间：2020-04-12 18:45:13
HTML + CSS 为何得不到编程界的认可？
有好多次，别人说我算不上程序员，因为我在用HTML + CSS编程。我非常伤心，因为别人都不认为我是开发人员。我们讨论了好几个小时，网上也有很多关于这个话题的讨论。但仍然还有人否认这一点，那么就让我们在本文中好好探讨一番。在深入探讨之前， ...
分类：阅读：680 发布时间：2020-04-12 18:44:48
flexible.js分析
//立即执行函数 (function flexible(window, document) { // 获取的html 的根元素 var docEl = document.documentElement; // ...
分类：阅读：944 发布时间：2020-04-12 18:41:57
vue组件基础
定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的 ...
分类：阅读：714 发布时间：2020-04-12 17:55:04
常用flex布局
//盒模型.flex { display: flex; }/* 纵向排列 */.flex_d_c { flex-direction: column;}/* 横向居中对齐 */.flex_j_c { justify- ...
分类：阅读：717 发布时间：2020-04-12 17:52:38

暂无数据