2020年10月27日
css盒模型
摘要： #盒子模型有两种 1.标准盒模型:一个块的总宽度(页面中占的宽度)=width+margin(左右)+padding(左右)+border(左右) 2.怪异盒模型:一个块的总宽度=width+margin(左右)(即width已经包含了padding和border值)(IE浏览器) #标准和怪异模型 阅读全文
posted @ 2020-10-27 14:33 林9九 阅读(93) 评论(0) 推荐(0) 编辑
必背面试题
摘要： ##css盒模型 盒模型有两种 1.标准盒模型:width+padding+margin+border 2.怪异盒模型:width+margin(width里面包括padding和border) 转换标准盒模型:box-sizing:content-box 转换怪异盒模型:box-sizing:bo 阅读全文
posted @ 2020-10-27 13:50 林9九 阅读(74) 评论(0) 推荐(0) 编辑
2020年10月21日
前端常见浏览器兼容性问题解决方案
摘要： 前言: 不同浏览器内核不同,所以各个浏览器对网页的解析存在一定的差异 浏览器内核主要分为两种，一个是渲染引擎,另一个是js引擎 所以浏览器兼容性问题一般指：CSS兼容,js兼容 浏览器 内核（渲染引擎） Chrome谷歌 之前Webkit，已改Blink内核 FireFox火狐 Gecko Safa 阅读全文
posted @ 2020-10-21 08:31 林9九 阅读(214) 评论(0) 推荐(0) 编辑
2020年10月20日
link与@import区别
摘要： 应用场景: <head> <!-- link是标签，引入外部样式表 --> <link rel="stylesheet" href="./a.css"> <style> /* @import 在css环境中 导入外部css */ @import url('./b.css'); .box{ width 阅读全文
posted @ 2020-10-20 16:16 林9九 阅读(82) 评论(0) 推荐(0) 编辑
src 与 href 的区别
摘要： #src 与 href 的区别 src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系。 src 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和 f 阅读全文
posted @ 2020-10-20 11:50 林9九 阅读(102) 评论(0) 推荐(0) 编辑
h5新特性和css3新特性
摘要： #h5新特性 1.语义化标签：header、footer、section、nav 2.增强型表单：input的多个type(date,time,number,color ,search) 3.新增表单属性：placehoder、min和max 4.音频视频：audio、video 5.Canvas 阅读全文
posted @ 2020-10-20 11:45 林9九 阅读(172) 评论(0) 推荐(0) 编辑
BFC
摘要： #1.面试题-双边距(边距重叠) 1.什么是边距重叠? 2.什么情况下会发生边距重叠？ 3.如何解决边距重叠？ 边距重叠:两个box如果都设置了边距,那么在垂直方向上，两个box的边距发生重叠,以绝对值大的那个为最终结束显示在页面上。 BFC意为”块级格式化上下文” #2.什么时候会触发BFC呢？ 阅读全文
posted @ 2020-10-20 11:38 林9九 阅读(93) 评论(0) 推荐(0) 编辑
盒模型
摘要： #1.什么是盒子模型? 在我们HTML页面中,每一个元素都可以被看作一个盒子,而这个盒子由:内容区(content)、填充区(padding)、边框区(border)、外边界区(margin)四部分组成。 #2.盒子模型有两种 1.标准盒模型:一个块的总宽度(页面中占的宽度)=width+margi 阅读全文
posted @ 2020-10-20 10:09 林9九 阅读(95) 评论(0) 推荐(0) 编辑
2020年10月15日
一张图秒懂js盒模型
摘要： ![](https://img2020.cnblogs.com/blog/2107358/202010/2107358-20201015081614615-1321942008.png) 阅读全文
posted @ 2020-10-15 08:17 林9九 阅读(69) 评论(0) 推荐(0) 编辑
2020年10月14日
Vue组件通信(父传子、子传父、兄弟通信)
摘要： #一.父组件传到子组件 父组件是通过props属性给子组件通信的 1 . 父组件parent.vue代码如下： <template> <div class="parent"> <h2>{{ msg }}</h2> <son :fa-msg="msg"></son> <!-- 子组件绑定faMsg变量 阅读全文
posted @ 2020-10-14 08:54 林9九 阅读(161) 评论(0) 推荐(0) 编辑