地方 , 都可以使用 " 公有继承 " 的 派生类 ( 子类 ) 对象 替代 , 该 派生类 ( 子类 ) 得到了 除 构造函数 和 析构函数 之外的 所有 成员变量 和 成员方法 ; 功能完整性 :..." 应用场景 : 直接使用 : 使用 子类对象 作为 父类对象 使用 ; 赋值 : 将 子类对象 赋值给 父类对象 ; 初始化 : 使用 子类对象 为 父类对象 初始化 ; 指针 : 父类指针 指向...子类对象 , 父类指针 值为 子类对象 在 堆内存 的地址 , 也就是 将 子类对象 地址 赋值给 父类类型指针 ; 引用 : 父类引用 引用 子类对象 , 将 子类对象 赋值给 父类类型的引用 ; 二...); } 2、使用 子类对象 为 父类对象 进行初始化 定义父类对象 , 可以直接使用 子类对象 进行初始化操作 ; // II....类型兼容性原则 : 使用 子类对象 为 父类对象 进行初始化 Parent parent = child; 3、完整代码示例 #include "iostream" using namespace
一、鼠标移动到元素上方显示 / 移出盒子范围隐藏案例要点分析 ---- 1、子绝父相 这里要 在一个 div 盒子上方套一层遮罩 , 遮罩就需要 使用绝对定位将其覆盖到其它元素中 ; 子元素使用了 绝对定位..., 父元素必须使用 相对定位 ; 2、显示隐藏元素对象 使用 display: none; 样式 隐藏元素 , 使用 display: block; 样式 显示元素 ; 3、鼠标经过样式设置 鼠标经过...链接 中的 one 元素 , 需要使用如下选择器 进行设置 ; /* 鼠标经过时 one 作为遮罩 显示出来 */ .box a:hover .one { /* 设置显示元素 none 为隐藏...block 为显示 */ display: block; } 4、半透明遮罩设置 使用 background 复合写法 , 设置半透明背景 , 背景图片 , 背景图片位置 ; /* 设置背景...*/ .box { /* 子绝父相 : 子元素需要使用绝对定位相互覆盖 父元素必须设置相对定位 */ position: relative; /* 内存尺寸 300
debounce过滤器：延迟处理器一定的时间执行 七、Class与Style绑定 1.可以传给v-bind:class一个对象，以动态地切换class，v-bind:class指令可以与普通的class...、.xxx-enter、.xxx-leave 3.只使用js钩子时，为js过渡显式声明css:false，Vue.js将跳过CSS检测，这样也会防止css规则对过渡的干扰 九、Method 1.所有的Vue.js...，所以子组件需要显式地用props选项来获取父组件的数据 3.组件通信：this....$root，不过子组件应当避免直接依赖父组件的数据，尽量显式地使用props传递数据，在子组件中修改父组件的状态是非常糟糕的做法，会导致父子紧密地耦合，很难理解父组件的状态 4.solt作为原始内容的插槽...，父组件的内容将被抛弃，除非子组件模板包含，标签的内容视为回退内容，回退内容在子组件的作用域内编译，当宿主元素为空并且没有内容插入时显示这个回退内容 5.混合以一种灵活的方式为组件提供分布利用的功能
jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换 使用 $()得到的是一个jQuery对象。...它封装了很多 DOM 对象的操作，但是它和 DOM 对象之间是不同的。...只有当 obj是一个DOM对象时才能使用 obj.innerHTML；相应地，如果是jQuery对象应该使用 obj.html() 。...从 DOM 对象转到 jQuery 对象： $(obj) 从 jQuery 对象转到 DOM 对象： obj[0] 比较正规地从 jQuery 对象到 DOM 的转换，是使用 jQuery 对象的 get...父节点 .parent().parents().parentUntil() 父节点选择
显示模式转换 | inline-block 改块元素为行内块元素示例 | 为块元素设置浮动 | 为块元素设置定位 ) 【CSS】使用 固定定位 实现顶部导航栏 ( 核心要点 | 固定定位元素居中设置...| 代码示例 ) 【CSS】使用绝对定位 / 浮动解决外边距塌陷问题 ( 为父容器 / 子元素设置内边距 / 边框 | 为子元素设置浮动 | 为子元素设置绝对定位 ) 【CSS】元素显示与隐藏 ( display...隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 ) 【CSS】鼠标移动到元素上方显示 / 移出盒子范围隐藏案例 ( 子绝父相 | 显示隐藏元素对象 | 鼠标经过样式设置...中的 静态定位 是 默认的定位方式 , 就是无定位 , 设置该定位方式 , 定位盒子不生效 ; 为盒子模型 设置 静态定位 模式 , 该 盒子模型 就会按照标准流的方式 摆放布局 , 没有任何 边偏移...在 标准流的父盒子 中 , 添加一个 标准流子盒子 ; 如果 子盒子设置 100 像素的外边距 , 父盒子也会被带下来 , 这就是外边距塌陷 ; 下面的示例 1 中 , 父盒子 和 子盒子 没有添加任何外边距
HTML，为页面动态应用新样式等手段来操作 HTML 和 CSS。...：最好设置父节点的position为relative， 原则“子绝父相”。...函数：`go(url);` document（在浏览器中用 DOM 表示）是载入窗口的实际页面，可以用这个对象来返回和操作文档中 HTML 和 CSS 上的信息。...() 警告框 prompt() 对话框 confirm() 确认框 window.open("URL"); setTimeout(); 以一个回调函数和一个以毫秒为单位的延迟作为参数...当调用 setTimeout() 时，它将启动一个设置为给定延迟的计时器，当时间过期时，它就会调用给定的回调函数。
-- 父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted...-- 父beforeDestroy -> 子beforeDestroy -> 子destroyed ->父destroyed -->常见的CSS布局单位常用的布局单位包括像素（px），百分比（%），em...一般认为子元素的百分比相对于直接父元素。（3）em和rem相对于px更具灵活性，它们都是相对长度单位，它们之间的区别：em相对于父元素，rem相对于根元素。em： 文本相对长度单位。...z-index属性在下列情况下会失效：父元素position为relative时，子元素的z-index失效。...在 JavaScript 中，基本类型是没有属性和方法的，但是为了便于操作基本类型的值，在调用基本类型的属性或方法时 JavaScript 会在后台隐式地将基本类型的值转换为对象，如：const a =
()匹配父元素的最后一个子元素 :root匹配元素在文档的根元素。...*top: 检索或设置对象与其最近一个定位的父对象顶部相关的位置 right: 检索或设置对象与其最近一个定位的父对象右边相关的位置 bottom...: 检索或设置对象与其最近一个定位的父对象下边相关的位置 *left: 检索或设置对象与其最近一个定位的父对象左边相关的位置 9.... transition-delay 检索或设置对象延迟过渡的时间 15.... 检索或设置对象动画延迟的时间 animation-iteration-count 检索或设置对象动画的循环次数 animation-direction
，父组件和子组件各拥有各自独立的钩子函数，这些父子组件的这些钩子是如何交融执行，且执行顺序又是怎样的呢?...updated 更新过程（异步和同步相同） 父beforeUpdate->子beforeUpdate->子updated->父updated 销毁过程（异步和同步相同） 父beforeDestroy->...子beforeDestroy->子destroyed->父destroyed 总结： 异步父子组件的渲染，更新，销毁，更新和销毁的生命周期和同步组件相同，但是渲染与同步的不同， 父组件的beforeCreate...： 同步引入时生命周期顺序为：父组件的beforeCreate、created、beforeMount –> 所有子组件的beforeCreate、created、beforeMount –> 所有子组件的...区别 1>router 和 route 的区别 router：router 为 VueRouter 实例(路由实例)，是路由的操作对象，对象包括了路由的跳转方法，钩子函数等。
改写父进程，在子进程死后要为它收尸。具体做法是接管SIGCHLD信号。子进程死后，会发送SIGCHLD信号给父进程，父进程收到此信号后，执行waitpid()函数为子进程收尸。...孤儿进程 #父进程运行结束，但子进程还在运行(未运行结束)的子进程就称为孤儿进程。...序列和反序列化 1. 定义： # Java序列化就是指把Java对象转换为字节序列的过程。Java反序列化就是指把字节序列恢复为Java对象的过程。 # 作用 a....序列化：在传递和保存对象时，保证对象的完整性和可传递性。对象转换为有序字节流,以便在网络上传输或者保存在本地文件中。 b. 反序列化：根据字节流中保存的对象状态及描述信息，通过反序列化重建对象。...#UDP的主要特点是： a.无连接。 b.尽最大努力交付(不保证可靠交付)。 c.面向报文。 d.无拥塞控制。 e.支持一对一、一对多、多对一和多对多的交互通信。
hack，为不同的样式添加不同的CSS前缀； link和@import的区别 link和@import的区别 link是XHTML标签，除了加载CSS外，还可以定义RSS，@import只能加载CSS...link引用CSS时，在页面载入时同时加载，@import需要页面网页完全载入以后加载，可能会出现闪屏 link是XHTML标签，无兼容性问题，@import是在CSS2.1提出的，低版本浏览器不支持...为父元素添加padding-top去控制子元素 给父元素设置溢出隐藏（overflow:hidden）触发bfc机制 给父元素或者子元素添加浮动，让其脱离标准流 将父元素转变为行内块元素，display...面向对象的三大特征 封装：把一种事物的方法和属性封装到对象中 继承：子对象可以继承父对象的属性和方法 多态：同一个方法，自定义和父定义的内容不同 面向对象编程的优势 易维护，易复用，效率高，易扩展（耦合性比较低...对DOM操作的理解 DOM的概念 DOM（Document Object Model，文档对象模型），是js为操作html和css，提供的api接口。
二是CSS，解析CSS会产生CSS规则树，它和DOM结构比较像。 ?...生成节点对象并构建DOM 事实上，构建DOM的过程中，不是等所有Token都转换完成后再去生成节点对象，而是一边生成Token一边消耗Token来生成节点对象。...所以就导致了一个现象，如果浏览器尚未完成CSSOM的下载和构建，而我们却想在此时运行脚本，那么浏览器将延迟脚本执行和DOM构建，直至其完成CSSOM的下载和构建。...布局流程的输出是一个“盒模型”，它会精确地捕获每个元素在视口内的确切位置和尺寸，所有相对测量值都将转换为屏幕上的绝对像素。...重绘和回流会在我们设置节点样式时频繁出现，同时也会很大程度上影响性能。回流所需的成本比重绘高的多，改变父节点里的子节点很可能会导致父节点的一系列回流。
$hello('hello world') Vue父组件传递props数据，子组件修改参数 父子组件传值时，父组件传递的参数，数组和对象，子组件接受之后可以直接进行修改，并且父组件相应的值也会修改。...单向数据流，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。...-> 父beforeMount-> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 子组件更新过程 父beforeUpdate...-> 子beforeUpdate -> 子updated -> 父updated 父组件更新过程 父beforeUpdate -> 父updated 销毁过程 父beforeDestroy -> 子beforeDestroy...webpack的 loader和plugin介绍，css-loader，style-loader的区别 loader 它就是一个转换器，将A文件进行编译形成B文件， plugin ，它就是一个扩展器，来操作的是文件
2D转换方法： rotate旋转 translate（x，y）指定元素在二维空间的位移 scale（n）定义缩放转换 3D转换方法： Perspective（n）为3D转换 translate rotate...1).设置子元素和父元素的行高一样 2).子元素设置为行内块，再加vertical-align：middle 3).已知父元素高度，子元素相对定位，通过transform：translateY（-50%...） 4).不知道父元素高度，子绝父相，子元素top：50%，transform：translateY（-50%） 5).创建一个隐藏节点，让隐藏节点的height为剩余高度的一半 6).给父元素display...怎么转换less为css 用node将less文件生成为css文件 2.用webstorm自动生成 echarts使用最多的是什么 图表及图表组合 For循环与map循环有什么区别 For遍历对象自身的和继承可枚举的属性...的单向数据流 父级prop的更新会向下流动到子组件中，每次父组件发生更新，子组件所有的prop都会刷新为最新的值 数据从父组件传递给子组件，只能单向绑定，子组件内部不能直接修改父组件传递过来的数据，（可以使用
Vue支持在渲染时和代码拆分时延迟加载组件。这些优化允许您的组件代码仅在需要时加载，从而减少您的HTTP请求，文件大小，并自动为您提供性能提升。...您可以传递表示prop名称的字符串数组，也可以传入一个带有键作为prop名称和配置对象的对象。 使用基于对象的方法允许您为单个 prop 修改一些配置，比如设置是否 required。...使用$emit触发自定义事件 子组件和父组件之间的通信可以通过使用组件内置函数 $emit 发出自定义事件来完成。 $ emit函数接收 事件名称的字符串 和 可选的值两个参数。...两者都有自己的优点和缺点。 当您想要在组件及其子组件之间进行相互依赖的测试时，mout技术非常有效。允许您测试父组件是否按预期正确地与其子组件交互。...调用时，Vue将自动构建单个文件组件，将CSS移动到外部CSS文件（可选，您也可以内联），以及创建 UMD 和 Common .js文件以导入到其他JS项目中。 ?
答案解析： 清除浮动是指的是父元素中的子元素设置float导致父元素的高度为0的情况 解决方案 父元素设置属性为：overflow:hidden (实质是触发BFC) 父元素中增加一个新的元素，添加属性...答案解析： link是XHML标签，除了加载css文件，还可以加载RSS得其他事务，而@import 只能加载css link无浏览器兼容问题，import在低版本浏览器下支持 link标签引用css文件的时候在页面载入同时加载...层叠上下文的产生方法有：设置定位元素position且非static值并设置z-index属性的具体数值、transform属性值不是none、父元素的display属性值为flex,子元素z-index...css不会阻塞dom树的解析 css会阻塞dom树的渲染 css加载会阻塞后面js的执行 原因如：浏览器渲染页面的过程分析 结构伪类选择器有哪些 选择器 功能描述 E:last-child 选择父元素的倒数第一个子元素...区别：伪元素的操作对象是新生的元素，而不是原来dom结构里就存在的；而伪类的操作对象是原来dom结构就存在的元素 css中那些属性可以继承 字体系列 font-family font-size font-style
DOM 定义了访问 HTML 和 XML 文档的标准： “W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。” ...initEvents：对父组件传入的事件添加监听，事件是谁创建谁监听，子组件创建事件子组件监听 initRender：声明[Math Processing Error]slots和slots和createElement..., 如果存在子元素，遍历子元素递归调用render方法，将生成的子元素依次添加到父元素中，并返回根元素。...：将SCSS/SASS代码转换成CSS css-loader：加载 CSS，支持模块化、压缩、文件导入等特性 style-loader：把 CSS 代码注入到 JavaScript 中，通过 DOM 操作去加载...、子类 子类的原型为父类的实例 子类.prootype = new 父类 修正子类原型为子类本身 子类.prototype.constructor=子类 new 子类即可调用父类方法 构造函数继承 写个父类
v-if 是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。...更好的调试功能：我们可以使用新的 renderTracked 和 renderTriggered 钩子精确地跟踪组件在什么时候以及为什么重新渲染。...加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted...子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated父组件更新过程父 beforeUpdate -> 父 updated销毁过程父beforeDestroy...->子beforeDestroy->子destroyed->父destroyedcomputed和watch有什么区别?
v-if 是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。...v-if 是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。...编译的最后一步是将优化后的AST树转换为可执行的代码。Vue.extend 作用和原理官方解释：Vue.extend 使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。...加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted...子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated父组件更新过程父 beforeUpdate -> 父 updated销毁过程父beforeDestroy
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
