摘要: 盒模型 box:盒子,每个元素在页面中都会会生成一个矩形区域(盒子,容器) 在游览器按F12或者右击检查可以在Elements的Styles找到盒模型 盒子类型 1. 行盒,display等于inline的元素 行盒在页面中不换行、块盒独占一行 常见的行盒: 2. 块盒,display等于block 阅读全文
posted @ 2020-03-07 14:25 懒惰ing 阅读(183) 评论(0) 推荐(0)
摘要: css中的声明冲突和继承 声明冲突:同一个样式,多次应用到同一个元素 层叠:解决声明冲突的过程,游览器自动处理(权重处理) 1. 比较重要性 重要性从高到低: 作者样式表:开发者书写的样式 1)作者样式表中的!important样式 2)作者样式表中的普通样式 3)游览器默认样式表中的样式 2. 比 阅读全文
posted @ 2020-03-06 20:04 懒惰ing 阅读(405) 评论(0) 推荐(0)
摘要: 选择器 选择器:帮助你精准的选中想要的元素 简单选择器 ID选择器 元素选择器 类选择器 通配符选择器 :选中所有元素 属性选择器 根据属性名和属性值选中元素 伪类选择器 选中某些元素的某种状态 书写顺序: 超链接未访问下的状态 超链接访问后的状态 鼠标悬停状态 激活状态,鼠标按下状态 爱恨法则:l 阅读全文
posted @ 2020-03-06 19:40 懒惰ing 阅读(171) 评论(0) 推荐(0)
摘要: 为网页添加样式 术语解释 css规则=选择器+声明块 选择器 用来选中元素,常见选择器 1. ID选择器: ID 2. 元素选择器:元素 3. 类选择器:.class 4. 通配符选择器: 声明块 出现在大括号 CSS代码书写位置 1. 内部样式表 书写在style元素中 2. 内联样式表 直接书写 阅读全文
posted @ 2020-03-06 19:34 懒惰ing 阅读(213) 评论(0) 推荐(0)
摘要: 多媒体元素 video 视频 audio 音频 video 1. controls:控制控件的显示,取值只能为controls 2. autoplay:布尔属性,自动播放 3. muted:布尔属性,静音播放 4. loop:布尔属性,循环播放 html html controls: autopla 阅读全文
posted @ 2020-03-06 18:58 懒惰ing 阅读(282) 评论(0) 推荐(0)
摘要: 图片元素 img元素 image缩写 空元素 1. src属性:图片地址(source) 2. alt属性:当图片资源失效式时,将使用该属性的文字替代图片 3. title属性:光标移动到图片上显示的文字 和a元素联用 和map(地图)元素 使用的方法是 1. 在map元素中添加一个name属性 2 阅读全文
posted @ 2020-03-06 18:02 懒惰ing 阅读(443) 评论(0) 推荐(0)
摘要: webpack的安装 安装webpack首先需要安装Node.js,Node.js自带了软件包管理工具npm 查看自己的node版本 全局安装webpack 指定版本号(这里我先指定版本号3.6.0,因为vue cli2依赖该版本) 局部安装webpack(后续才需要) save dev`是开发时依 阅读全文
posted @ 2020-03-06 14:45 懒惰ing 阅读(1104) 评论(0) 推荐(0)
摘要: 模块化开发 JavaScript原始功能 在网页开发的早期,js制作作为一种脚本语言,做一些简单的表单验证或动画实现等,那个时候代码还是很少的。 那个时候的代码是怎么写的呢?直接将代码写在 import指令用于导入模块中的内容,比如main.js的代码 如果我们希望某个模块中所有的信息都导入,一个个 阅读全文
posted @ 2020-03-06 14:18 懒惰ing 阅读(9042) 评论(0) 推荐(0)
摘要: 插槽 slot slot的基本使用 在真正学习插槽之前,我们需要先理解一个概念:编译作用域 官方给出了一条准则:父组件模板的所有东西都会在父级作用域内编译;子组件模板的所有东西都会在子级作用域内编译。 在子组件中,使用特殊的元素 按钮 哈哈哈 hehe lala xixi 我是组件 我是组件,哈哈哈 阅读全文
posted @ 2020-03-06 13:51 懒惰ing 阅读(235) 评论(0) 推荐(0)
摘要: 父子组件的通信 首先,我们指导正常情况下子组件是不能访问父组件或者Vue实例的数据的 但是,在开发中,往往一些数据确实需要从上层传递到下层 比如在一个页面中,我们从服务器请求到了很多的数据。 其中一部分数据,并非是我们整个页面的大组件来展示的,而是需要下面的子组件进行展示。 这个时候,并不会让子组件 阅读全文
posted @ 2020-03-06 13:35 懒惰ing 阅读(651) 评论(0) 推荐(0)