前端flex布局详解
前端flex布局详解
flex属性(父元素)flex-direction(设置排列方向,确定主轴交叉轴)
默认为 row(横向排列),可选参数: row-reverse | column | column-reverse
row:
column
row-reverse
column-reverse
注意left和right盒子的位置
flex-direction确定主轴后,与之相反的轴就是交叉轴
justify-content(主轴对齐方式)
可选参数:center | start | end | flex-start | flex-end | space-between|spa
vue基础语法总结
vue基础语法总结插值表达式1.作用:利用表达式进行插值,渲染到页面中表达式:是可以被求值的代码,JS引擎会将其计算出一个结果
以下的情况都是表达式:
1234567891011121314151617money + 100money - 100money * 10money / 10price >= 100 ? '贵':'便宜'obj.namearr[0]fn()obj.fn()
2.语法插值表达式语法:
12345678910111213<h3>{{title}}<h3><
智慧商城笔记01-初始化项目
智慧商城笔记01-初始化项目接口文档:https://apifox.com/apidoc/shared-12ab6b18-adc2-444c-ad11-0e60f5693f66/doc-2221080
演示地址:http://cba.itlike.com/public/mweb/#/
01. 项目功能演示1.明确功能模块启动准备好的代码,演示移动端面经内容,明确功能模块
2.项目收获
02. 项目创建目录初始化vue-cli 建项目1.安装脚手架 (已安装)
1npm i @vue/cli -g
2.创建项目
1vue create hm-shopping
选项
123456789V
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo ser