![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端知识点
记录学习过程中容易忘记或者常用的知识点。
react_in
小小前端研发
展开
-
【Vue】父子组件通信的方法
vue父子组件通信方法原创 2022-09-19 10:45:13 · 230 阅读 · 0 评论 -
【HTML】z-index大的元素一定在小的上面吗?
z-index生效规则与层叠上下文原创 2022-09-08 17:13:09 · 792 阅读 · 0 评论 -
e.target和e.currentTarget的区别
参考链接:e.target与e.currentTarget的区别结论:target指向 事件触发的对象;currentTarget指向 事件绑定的对象;帮助理解:首先,两者都为触发事件的对象引用,即某个dom元素的引用target一般可以用来实现事件委托,即通过冒泡和捕获原理给父元素添加事件监听,这时的target指向引发触发事件的元素。由于冒泡,子元素的触发事件就会传到父元素,因而实现监子元素事件的效果。...原创 2022-04-06 20:39:27 · 315 阅读 · 0 评论 -
【JavaScript】ES6
ES6 = ECMAScript6与JS的关系:JS = ES6+BOM+DOMES6的兼容性问题:主流支持,IE老版本用Babel转码let和const ->varlet 声明的范围是块作用域var声明的范围是函数作用域原创 2021-03-17 21:33:23 · 44 阅读 · 0 评论 -
【仿旅游网站】使用Promise改造封装好的Ajax
文章目录修改文件index.jsconstants.js导入修改文件index.jsimport Ajax from './ajax.js';// 常量import { ERROR_HTTP_CODE, ERROR_REQUEST, ERROR_TIMEOUT, ERROR_ABORT, ERROR_HTTP_CODE_TEXT, ERROR_REQUEST_TEXT, ERROR_TIMEOUT_TEXT, ERROR_ABORT_TEXT} from './c原创 2021-03-15 23:31:26 · 110 阅读 · 0 评论 -
【JavaScript】手写bind函数
先了解bind函数应用思路,使用Array.prototype.slice先将参数列表转换为数组,同时调用call,把arguments指向了Array.prototype.slice方法的作用域。换句话说,通过call方法,让Array.prototype.slice对arguments对象进行操作;因为bind的第一个参数会作为原函数运行时的this指向,假设fn1.bind,fn1的this指向bind的第一个参数,故取出数组第一项,数组剩余的就是传递参数;由于Function.prot.原创 2021-03-08 16:07:07 · 135 阅读 · 0 评论 -
【JavaScript】手写深拷贝
function deepClone(obj={}){ // 深拷贝针对对象或数组 if(typeof obj !== ‘object’ || obj == null){ return obj } let result if (obj instanceof Array) { retult = [] } else { result = {} } for (let key in obj){ // 保证key不是原型的属性 if(obj.ha原创 2021-03-07 19:30:32 · 80 阅读 · 0 评论 -
【CSS】代码规范
建议遵循以下顺序:布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)自身属性:width / height / margin / padding / border / background文本属性:color / font / text-decoration / text-align / vertical-align / white- space / break-word原创 2021-01-20 16:08:17 · 59 阅读 · 0 评论 -
【CSS】LOGO SEO优化
原创 2021-01-20 16:02:59 · 145 阅读 · 0 评论 -
【CSS】清除浮动四种方式
原创 2021-01-19 20:44:08 · 122 阅读 · 1 评论 -
【HTML】标签基础
居中问题文字和图片块内水平居中,vertical-align: middle。基线位置如下图所示:标签复合写法背景backgroundbackground: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置background-color: pink; background-image: url(images/bg.jpg);background-repeat: no-repeat | repeat;background-attachment: fixed |原创 2021-01-19 18:39:33 · 67 阅读 · 1 评论 -
期约(Promise)与异步函数(一)
文章目录前言Promise是什么?常用的方法构造函数方法Promise.resolve()Promise.reject()Promise.all()Promise.race()Promise.allSettled()实例方法Promise.then()Promise.catch()Promise.finally()注意事项Promise的应用异步加载图片Promise面试题本篇文章是学完Promise后自己的查漏补缺,因此知识点并不全面。前言先了解一下异步函数,看以下异步函数代码:functio原创 2021-01-19 10:47:11 · 926 阅读 · 0 评论 -
IIFE (Imdiately Invoked Function Expression)
Q1:IIFE是什么?A1:IIFE是立即调用表达式,即一旦定义后马上被调用。Q2:IIFE代码格式是什么?A2:(function(){ statements})();function左侧的那一对括号将函数变为表达式,因为函数必须转化为表达式才能被调用。Q3:IIFE有什么作用?A3:两个作用,分别为:为变量赋值<script>var iifeVar = (function(){ // 在这里可以输入一些条件语句,然后根据一些局部变量来设置该变量})();原创 2021-01-15 10:29:54 · 88 阅读 · 0 评论 -
【CSS】盒子模型外边距合并
使用margin定义块元素得垂直外边距时,可能会出现外边距的合并嵌套块元素垂直外边距的塌陷参考链接:[1]. 我对margin外边距合并的理解原创 2021-01-20 11:42:39 · 121 阅读 · 1 评论 -
【HTML】标签嵌套规范
div 可以嵌套任何标签 p只能嵌套行内标签 h1-h6可以嵌套非标题标签(推荐只嵌套文字或行内标签) 行内标签不嵌套块标签 ul和li、ol和li、dl和dt/dd(li和dd可以嵌套所有类型标签)CSS行块之分行内元素b、span、a、em、u、i块内元素div、h、li、dt、dd、p...原创 2020-12-20 21:47:38 · 275 阅读 · 0 评论