------------------------------------盒子模型常用的八个属性--------------------------------- Js盒子模型 Js盒子模型指的是通过js提供的一系列的属性和方法，获取页面中元素的样式信息值 client系列(当前元素的私有属性) clientWidth/clientHeight:内容的宽度/高度+左右/上下填充，（和内容溢出没有关系） clientLeft:左边框的宽度(borderLeftWidth) clientTop:上
[获取元素具体的某个样式值] 1.[元素].style.xxx 操作获取 只能获取所有写在元素行内上的样式(不写在行内上,不管你写没写都获取不到,真实项目中我们很少会把样式写在行内上),outer.style.width =>'' (width是写在样式表中的) 2.获取当前元素所有经过浏览器计算的样式 经过计算的样式：只要当前元素可以在页面中呈现（或者浏览器渲染它了），那么它的样式都是被计算过的 不管当前样式写在哪,不管你是否写了(浏览器会给元素设置一些默认样式) 标准浏览器(IE9+) window.getComputedStyle([元素],[伪类,一般都写null]) 获取到当前元素所有被浏览器计算过的样式(对象) IE6~8 [元素].currentStyle 获取经过计算的样式
我们经常使用元素的width:100%和height:100%将元素的宽度和高度扩充至父元素的宽度和高度。但是前提是需要对其父元素显示设置宽度和高度，否则无效。
尽管存在 prop 和事件，有的时候你仍可能需要在 JavaScript 里直接访问一个子组件。为了达到这个目的，你可以通过 ref 特性为这个子组件赋予一个 ID 引用。ref可以用在普通的Dom元素上，也可以用在父级组件上，还可以用在子组件上，通过this.$refs对象访问，
第一章 一、内联块 display: inline-block; 1、特征： 1.1 块级元素在一行显示 （得到内联元素的属性） 1.2 内联元素支持宽高 （得到块的属性） 1.3 没有宽度的时候，内容撑开宽度 （得到内联元
在上一篇《常用的web方法 web API(一)》中我们学习了：绑定事件的几种方式、解绑事件的几种方式、创建元素的几种方式、获取节点的几种方式本篇我们将继续学习：轮播图的js方法、offset系列相关属性、scroll系列属性、client系列以及获取元素计算后的样式属性值。好了，接下来我们接着学习：
子元素找父元素同理，只是父元素需要主动将this暴露给子元素，子元素接收父元素即可。
这是我们比较熟悉的方式，主要是父子组件之间的传递方式，父传子使用props，子传父使用$emit.
在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的
在前端页面的布局过程中,作者遇到了,这样一个问题 当子元素为浮动元素时,父元素设置相应属性后可以被子元素撑开,但无法实现子元素的均分布局,在网络上找了半小时的资料,没有符合要求的布局示例, 今天自
虽然有时确实会让我们花蛮多时间去实现，但从一方面想这也是个机会，让我们更深入了解的浏览器布局方式。
② 页面加载时间过慢，需要查找的元素程序已经完成，单页面还未加载，此时可以加载页面等待时间
在组件入门这篇教程中，学院君已经给大家演示了插槽（slot）功能的基本使用，插槽的主要作用就是在组件中分发父作用域的内容，这个父作用域可以是 Vue 全局容器（可以看作是一个全局的「根组件」），也可以是父组件。
https://github.com/vuejs/vue-devtools#vue-devtools
采用浮动，绿色块左浮，蓝色块右浮，利用浮动特性实现宽度超出另一行显示的效果，并是动态的。
cookies、sessionStorage、localStorage的区别是什么？(浏览器)
jQuery.parent(expr)，找父亲节点，可以传入 expr 进行过滤，比如 $("span").parent() 或者 $("span").parent(".class")
jQuery就是为了更方便快速操作DOM，里面封装了很多方法，后续用jQuery对象调用这些方法即可。
不知不觉打卡群已经坚持一个多月啦，希望能持续更长的时间，帮助更多的朋友提高前端水平。接下来赶快进入正题，总结一下第五周的打卡笔记。
项目是用的element ui 中的 那个级联选择器，为了实现一个需求：当手动全选某个父数据下的子数据后，右边自动显示当前所有子数据的父数据
如果App.vue内对应插槽什么值都没有传递，则在 MyComponent.vue 文件中进行定义。
如果父组件传递了一些属性到子组件，但子组件并没有声明这些属性，则它们称之为attribute，这些属性会直接附着在子组件的根元素上
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？ 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家，坐着一屋子的陌生人，相互之间怎么称呼，这时就需要先知道自己和他们之间是什么样的关系。 vue组件中关系说明:
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家，坐着一屋子的陌生人，相互之间怎么称呼，这时就需要先知道自己和他们之间是什么样的关系。vue组件中关系说明:
前端基础打卡已经基本结束了,内容从css基础,动画,js基本算法,作用域,闭包,节流防抖这些基本的web知识大家有没有都掌握了呢?年后会出一个进阶路线规划图,希望笔者可以带着大家,一起进步,一起成长.
vue是数据驱动视图更新的框架，所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？
本篇文章带大家详细了解一下vue中8种组件通信方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
通过以上三种方式， 我想你应该能解决绝大多数父子组件通信的场景了，但让我们再仔细考虑一下上面的通信场景，就会发现它们还可能存在的问题： 从子组件向父组件传递数据时，父子组件中的数据仍不是每时每刻都同步的,
每个浏览器不同的内核，不同的处理引擎，不同的渲染引擎就会导致写同一条样式的时候出现差异 这个现象叫做做兼容
由 vue-router 产生的每个页面，它本质上也是一个组件（ .vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。
jQuery是对JavaScript的封装，它是免费、开源的JavaScript函数库，jQuery极大地简化了JavaScript编程。
父子关系即是组件 A 在它的模板中使用了组件 B，那么组件 A 就是父组件，组件 B 就是子组件。
这篇文章主要给大家介绍关于vue的相关资料，是一篇很完整的vue教程，本文通过理论及示例代码的形式展示给大家。
当给父元素div(类名为box)设置font-size,color,text-align这些属性时,由于这些属性具有继承性,所以该父元素下的所有子元素(p,span,div)都会默认继承这些属性
别踩白板这个游戏相信大家都玩过，这个是基于HTML5打造的简单小游戏，在PC端和移动端都能够运行，适应多种平台，今天我们使用原生JS搭配JQuery构建这个小游戏--别踩白板。
1.2.1 重要的图片用img标签（例如头部banner等包含特定信息的内容图片），不重要的底板用背景形式显示，例如底部背景
1、H5页面（APP端） 1.1 APP端页面用HTML5制作，头部需要加适配信息： <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no" /
有时候会做一些小的宽度变换, 比如居中到居左的变换, 例如上面的搜索的placeholder
本文通过介绍如何利用flex和letter-spacing实现过渡动画效果，以及介绍一些实现动画的方式。同时，文章还讨论了如何利用flex实现居中效果，以及如何利用letter-spacing实现宽度改变时字母间距不变的效果。但是，文章也提到了一些缺陷，例如中文和英文的宽度不同，需要使用不同的letter-spacing值，以及动画时间不可控等问题。此外，文章还介绍了一种通过改变容器宽度来实现过渡动画的方法，但是这种方法也存在一些缺陷，例如需要使用will-change属性来减少paint范围等。总的来说，这篇文章提供了一些实现过渡动画效果的技巧，但是需要根据具体情况进行选择。"
JavaScript中的盒子模型通常指的是HTML元素在页面中的表示和排列方式，由浏览器处理和管理。盒子模型描述了一个元素在页面布局中所占据的空间，包括元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）。
props定义了这个组件有哪些可配置的属性，props最好用对象的写法，这样可以针对每个属性设置类型、默认值或自定义校验属性的值。
当我们创建这样一个Vue实例后,它就挂在到了一个id为app的dom对象上,我们就不再需要和HTML直接交互了,我们仅仅需要利用Vue实例操作即可
导航分析（nav)： 源码文件： _navs.scss：导航模块 Mixins/_nav-divider.scss：分隔线 Mixins/_nav-vertical-align.scss：垂直对齐 1、只是用css进行了样式修饰，对Js没有任何依赖 2、导航模块可以包含下拉模块 3、实现了水平、垂直、水平平均分配（table-cell实现，4.0移除）、tabs、胶囊等样式 4、Nav-divider：有一个像素的高度实现分隔线 5、Nav-stacked：垂直对齐实现 6、提供了tab-content类，
Web前端技术由html、css和 javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。
JPEG,GIF,PNG,最流行的是jpeg格式，可以把文件压缩到最小 在ps以jpeg格式存储时，提供11级压缩级别
DOM操作是非常昂贵的，因此我们需要尽量地减少DOM操作。这就需要找出本次DOM必须更新的节点来更新，其他的不更新，这个找出的过程，就需要应用diff算法
这12个问题，基本上就是HTML和CSS基础中的重点个难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。
领取专属 10元无门槛券
手把手带您无忧上云
