2021年1月22日
组件之间传值
摘要： props规范：尽量使用短横线命名，props不区分大小写，如果使用驼峰的话可能会报错，如果要用驼峰话，在HTML中药用短横式如：props：[MenuList] 适用中<div menu-list='nihao'></div> 阅读全文
posted @ 2021-01-22 16:01 小破的博客 阅读(56) 评论(0) 推荐(0) 编辑
局部组件注册方式
摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <t 阅读全文
posted @ 2021-01-22 15:27 小破的博客 阅读(93) 评论(0) 推荐(0) 编辑
学习组件与模板
摘要： 1.注册组件 <body> <div class="app"> <button_i></button_i> </div> <script> Vue.component('button_i', { data: function () { return { count: 0 } }, template: 阅读全文
posted @ 2021-01-22 15:03 小破的博客 阅读(68) 评论(0) 推荐(0) 编辑
2021年1月21日
如何实现new，call,apply,bind的底层原理。
摘要： new做了什么？ new是用来实例化对象的，当new了一个对象后 1.创建一个新对象 2.将构造函数的作用域赋值给新对象（this指向新对象） 3.执行构造函数里面的代码（为这个新对象添加属性） 4.返回新的对象 call,apply,bind的用法 三个都可以改变函数的this指向 代码示例： l 阅读全文
posted @ 2021-01-21 11:07 小破的博客 阅读(96) 评论(0) 推荐(0) 编辑
2021年1月18日
前端面试题
摘要： 最近正在找前端工作，把面试中考官问的以及自己总结的问题及答案成列如下： HTML篇： 页面导入样式时，使用link和@import有什么区别？ 本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的区别 1老祖宗的差异。链接属于XHTML标签，而@import完全是CSS提供的一种方式。 li 阅读全文
posted @ 2021-01-18 10:31 小破的博客 阅读(95) 评论(0) 推荐(0) 编辑
2021年1月17日
构造函数和原型对象
摘要： prototype：原型，每一个构造函数都有一个原型，prototype的存在主要是为了共享方法，在单纯使用构造函数时，相同的数据会开辟不同的空间，造成浪费资源的情况，原型的弧出现正弥补了这一点缺陷。而prototype里面又有一个constructor，这个属性有指向了自己的构造函数 __prot 阅读全文
posted @ 2021-01-17 19:08 小破的博客 阅读(84) 评论(0) 推荐(0) 编辑
设置一个两边固定中间自适应的css
摘要： 1.两边浮动，中间自动宽度 给左右两个盒子设置左右浮动，中间的盒子不设置宽度，左右两边边距为左右盒子的宽度，中间盒子的位置必须写在右盒子下面，不然会把右盒子挤下去 如： <div class="left"></div> <div class="right"></div> <div class="ce 阅读全文
posted @ 2021-01-17 15:28 小破的博客 阅读(168) 评论(0) 推荐(0) 编辑
让绝对定位的div居中
摘要： 最近看到一个问题就是让绝对定位的div居中，在尝试了top：50%；left：50%；后发现，居中是有问题的并不是想象中的样子 需要再加两句margin-top：-盒子高度的一般px margin-left:-盒子宽度的一般px； 就这样让一个绝对定位的盒子居中就实现了，但是有一个缺点就是，必须要知 阅读全文
posted @ 2021-01-17 14:55 小破的博客 阅读(336) 评论(0) 推荐(0) 编辑
2021年1月16日
浅拷贝与深拷贝
摘要： 浅拷贝 浅拷贝就是创建一个新的对象，用来接受要复制和引用的值，如果要拷贝的值为数字，则进行赋值运算，如果是引用对象，则将拷贝的对象路径分享给新的对象 而使用对象路径的话，其实就是引用了它得属性，值会跟着拷贝对象改变，这就是浅拷贝。 浅拷贝的方法： 1.Object.assign() 这个方法是es6 阅读全文
posted @ 2021-01-16 21:05 小破的博客 阅读(141) 评论(0) 推荐(0) 编辑
数据类型的转换
摘要： 数据类型的转换主要分为，强转换，和隐式转换 1.强转换 Number（） 如果为布尔值，true为1，false为0 如果是null返回0 undefined 返回NaN 如果是字符串，其中只包含数字，或者有浮点数，会返回数字并且保留浮点值，其中的会报NaN toString（） parseInt( 阅读全文
posted @ 2021-01-16 19:01 小破的博客 阅读(162) 评论(0) 推荐(0) 编辑