前言 flex 是常用的 css3 布局方式，可以用少量的代码高效的实现各种页面布局，是一个基础的但是必须会的基本技能，在面试中经常会用到。 例如，最基本的让你实现元素的水平／垂直居中，或在这个基础上延伸出更多其他复杂一些的问题。 下面我们 ...

-三列布局，中间宽度自适应，两边定宽； -中间栏要在浏览器中优先展示渲染； -允许任意列的高度最高； 1. 绝对定位 原理就是将左右两边的元素设置为绝对定位，中间的元素设置其左右的margin值为左右两个元素的宽度 <!DOCTYPE ht ...

一、HTML标签的简单使用 HTML标签其实是为了展示文档而发明的，而标签的出现是为了满足文档的展示效果。HTML 提供的标签有很多，比如 div、span、a、img、p 等等，其中 div、span在语义上不表示任何特定类型的内容，适合 ...

接下来我们继续暴力撸代码，我们来创建第一个页面——项目列表页面。代码所在地：https://gitee.com/underline/DataMock-Electron.git 首先，我们在pages目录下创建project-list文件夹 ...

我们一起用 React 开发一个井字棋（tic-tac-toe）。游戏规则，在九宫格内输入棋子“X”或“O”，首先在纵向、横向或斜方向上三个同一棋子连成一线为胜出。 通过这个简单的棋盘游戏我们学习下面这些知识点； 环境搭建 create-r ...

Unsplash 本次的系列博文的知识点讲解和代码，主要是来自于 七月老师 的书籍《微信小程序开发：入门与实践》，由个人总结并编写，关于更多微信小程序开发中的各项技能，以及常见问题的解决方案，还请大家购买书籍进行学习实践，该系列博文的发布 ...

CSS的作用是给 HTML 元素添加样式和布局，接下来利用CSS的 white-space 和 overflow 这两个属性让元素实现左右滑动，效果如下： 左右滑动的菜单.gif 点击按钮 day4-前端 菜单会滚动到中间，在iOS中想要实 ...

初级前端和高级前端有什么差别？在我看来，初级前端关注点在完成功能，高级前端能在完成功能的基础上，做的又好又快。做的好，就是代码质量高，做的快就是开发效率高。 本文讨论的主要内容是：提升代码质量的方法。 高质量的代码的重要性 高质量的代码体现 ...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: ...

1，安装vue-video-playernpm install vue-video-player --save2，在 ...