Vue2学习
Vue 创建Vue项目的命令： 1npm init vue@latest 文件结构 src: 这个文件夹就是我们主要进行写代码的文件夹。 page.json: 这个文件包括了项目版本运行，以及依赖导入版本等，这个文件有点像maven的配置文件一样。 vite.config.js: 这个是Vue的配置文件，这里会进行一些额外的配置，比如跨域请求的设置，以及一些打包的配置等。 Vue使用一种基于HTML的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的DOM上。所有的Vue模板都是语法层面合法的HTML，可以被符合规范的浏览器和HTML解析器解析。 文本插值： 最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法（即双大括号）： v-text： 12345678910111213<div id="app"> <h2 v-text="message"/> <h2>深圳{{message}}</h2></div><script>var app = new...
Web前端布局学习笔记
Web前端布局 标准文档流 标准文档流为从上到下排列 这样的布局显得呆板，如果想要横过来 浮动 所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中指定位置的过程。 注意：使用浮动那么接下来的不用浮动的元素记得清楚浮动，清除浮动操作详见塌陷解决和清楚同级子元素浮动。 选择器float: 属性值： 123div{ float: left;} 说明： 如果未有设置浮动的元素和其浮动的元素一起用，那么为设置浮动的将会占在浮动元素的本身位置上进行定位（其实是设置浮动的元素的碰撞箱没有了），也就是说会覆盖掉浮动位置的元素位置，除非两者都是浮动。 塌陷解决 如果有父元素包裹浮动元素那么就有可能造成塌陷，塌陷就是指父元素未定义长宽所以并不会被子元素撑开，想要防止塌陷那就要在父类的时候进行塌陷消除，那就要使用overflow属性设置为hidden。 123dicv{ overflow: hidden;} 第二种： 12345.father:after{ content: ""; display: block; clear:...
