小廖搬砖日记
Oreo奥利奥团队
奥利奥团队知识代码库
展开
-
[小廖搬砖日记]如何在本地运行vue项目,然后打包扔到服务器?(前端向)
一、在本地运行一个vue项目 1、前言 vue慢慢成为了前端程序员最主流的框架之一,与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合,所以被越来越多人所接受。 因此,当我们从github上爬取别人的vue项目之后如何在本地运行呢?那么进入正题。 2、安装node.js Node.js 是一个运行在服务端的框架,它的底层就使用了 V8 引擎,虽然作用与Java的servlet类似,都能开发动态网页。但是Node.js转载 2020-08-21 16:49:18 · 504 阅读 · 0 评论 -
[小廖搬砖日记]Flex伸缩盒子详解+实操——容器属性完结
Flex伸缩盒子详解+实操——容器属性完结 justify-content属性 属性详解: justify-content属性定义了块元素在主轴上排列的方式。 justify-content属性定义了5种值: flex-start(默认值):左对齐 flex-end:右对齐 center: 居中 space-between:两端对齐,项目之间的间隔都相等。 space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。 代码实操 index.html <div c转载 2020-07-19 11:05:40 · 113 阅读 · 0 评论 -
[小廖搬砖日记]Flex伸缩盒子的实操+详解——flex-wrap属性
Flex伸缩盒子的实操+详解——flex-wrap属性 flex-wrap属性定义,如果项目在一条轴线上排不下的话,如何进行换行,或者选择不换行。 flex-wrap属性定义了三种值,分别是: nowrap (默认值) 如果排不下不进行换行 wrap 进行换行,第一行在上面 wrap-reverse 进行换行,第一行在下面 代码实操 首先定义12个高为300px的矩形 index.html <body> <div class="box"> <div class="sq转载 2020-07-03 22:31:02 · 284 阅读 · 0 评论 -
[小廖搬砖日记]Flex伸缩盒子的实操+详解
Flex伸缩盒子的实操+详解 Flex布局能够针对CSS重难以实现的的类似:垂直居中、线轴排序、交叉轴对齐等进行封装。我们就可以简便、完整、响应式地实现各种页面布局 一、 flex-direction属性 flex-direction属性决定主轴的方向(即项目的排列方向)。 它含有四个值,分别是: row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-reverse:主轴为垂直方向,起点在下沿。 首转载 2020-06-23 16:16:00 · 115 阅读 · 0 评论