- 博客(16)
- 收藏
- 关注
RSS订阅原创 Eslint实现原理
今天阅读了“神光的编程秘籍”公众号上的关于Eslint实现原理，为了加深印象，接下来对相关的内容以自己的语言进行复述一、什么是EslintEslint实质上用自己的cli或者api对代码进行错误检查和格式检查二、linter1、linter是Eslint最核心的库，主要功能是在verify和verifyAndFix里实现2、如何实现verify和Fix三、实现原理实现过程如下：preprocess：把非js文本处理为js确定parser(解析器)，默认是espree调用parser，
2021-11-02 00:09:25
548
原创 关于this指向问题
一、指向window的情况直接函数调用,既最后是通过函数调用的情况//情况一function foo(){ console.log(this) //window }//情况二function info(Fn){ Fn() }const obj = { bar:function(){ console.log(this) //window } }info(obj.bar)//情况三function foo(){ console.log(this) //window
2021-10-30 23:07:56
165
原创 Javasript和Typescript
Javascript的缺点JavaScript的数据类型并不是连续的内存空间使用var作用域的问题JavaScript没有加入类型检测的机制Typescript的特点有数据检测机制能够编译出简洁JavaScript代码，并在各个浏览器中使用...
2021-10-28 23:17:13
150
原创 实例题出现的问题
做实例题遇到的问题1.element.offsetTop是相对于父元素的的偏移量2.行内标签都有默认的外边距，如果想取消默认，只需要把标签的display：block即可3.如果要是元素的里边的内容撑满整个元素，那么直接对内容的标签的宽高都设置成和父元素的宽高一摸一样的4.要实现元素在页面自由的拖拽和移动，要将元素设置position：absolute，还不能设置有关margin的属性值...
2021-03-03 15:30:40
117
原创 总结CSS样式居中
CSS样式居中包括文本样式和元素居中文本样式居中有水平和垂直
2021-02-18 22:24:12
244
1
原创 2021.2.13解决浏览器兼容问题
解决浏览器兼容性问题获取元素的样式 function getstyle(obj,name){ if(window.getComputedStyle){ return getComputedStyle(obj,null)[name] //这个不支持IE8及以下的 } else{ return obj.currentStyle.name //支持IE8及以下 }事件对象由于事件的响应函数被触发时，浏览器都会将一个事件对象作为实参传递给响应函数，但是不同的浏
2021-02-13 22:36:02
543
原创 2021.2.5
今天总结创建函数、对象、数组的一些方式一、创建函数方式var fun=new function(){ }function fun(){ } //常用类型var fun=new function(参数，所要执行的代码)二、创建对象方式var obj =new Object();var obj={ }JS中一切皆为对象，所以如果要创建其他类型的对象，基本的语法类似 var obj=new Object(),这个时候不是Object，而是其他对象名称三、创建数组方式**var
2021-02-06 15:58:34
73
原创 2021.2.4总结
归纳总结几种JS继承的类型具有继承性的是面向对象语言的特点，继承的方式有两种，接口继承和实现继承。接口继承只需要继承方法签名，实现继承要继承事件的方法。1、原型链：由于JS中函数没有签名，所以只有实现继承，这个过程就是利用原型链实现； 代码: <script> function Person(name,age){ this.name=name; this.age=age; this.fun=function(){ console.log("中公
2021-02-04 23:40:08
93
原创 2021.1.26总结
**今天介绍一下基本数据类型和引用数据类型相关内容，typeof操作符，undefined类型，Null类型，Number类型，boolean类型，string类型。内容有点多…**1.定义一个基本数据类型或者是引用数据类型的变量的方式是相同的，创建一个变量并为该变量赋值2、对变量赋值后，对变量的操作却是不同的；对于引用数据类型变量，我们还可以对其进行增添、删除、修改属性或者变量。3、对变量进行复制（1）如果是基本数据类型之间进行复制时，是对将值复制到新变量的存储空间里，变量之间时相互独立的，互
2021-01-30 22:32:27
60
原创 2021.1.25
昨天搬家，忘记了写1.24的内容了，刚刚已经把24号的补上了，现在正式写25号的1.JS区分大小写：对于JS，它是严格区分大小写的，这一点与HTML不同，HTML它是不区分大小写的，JS则要，所以在使用JS时，要记得这一点2.标识符:标识符指得是变量、函数，属性的名字，或者函数的参数。 标识符的命名规则 1：开头不能是数字，可以是$ 、____、字母 2：除了开头特殊外，其他的什么都可以 3：命名按照驼峰法命名3.保留关键字:JS自身拥有的一些词，这些词有着特
2021-01-25 23:50:15
129
1
原创 2021.1.24总结
今天主要学习弹性容器这个属性，用处很多在父元素当中的:1.开启弹性容器 display：flex2.指定弹性元素的排列顺序:flex-direction3.指定弹性元素是否在容器当中换行:flex-wrap4.指定元素在主轴如何排列（主轴在空白空间的分布）justify-content5.指定元素在辅轴如何排列align-items7.指定在辅轴的空白空间如何分布align-content在子元素当中的1.指定弹性元素的伸展系数:flex-grow2.指定弹性元素的收缩系数:flex-s
2021-01-25 23:08:48
97
原创 2021.1.23总结
今天做了京东导航条的一部分内容，学习表格和表单的运用 1、要使子元素在父元素的控制下，实现出现和隐藏的效果，需要子元素设置 display none；在父元素:hover 子元素{ display：block} 2、如果父元素开启了相对定位，子元素开启了绝对定位，那么子元素的移动是以父元素来进行定位的 3、由于在设计的时候，触发hover效果时，可能会使得内容出现移动的现象，这个时候就要考虑是什么问题导致 比如设置了边框大小后，就会有可能触发hover之后，就有出现移动，这
2021-01-23 23:00:12
99
原创 2021.1.22总结
今天做了两种类型的开关指示灯，有些收获总结：1.块父元素与子元素在不同的情况下，不设置子元素的宽度的情形，只要是子元素设置了position:absolute/fixed 子元素的宽度就为零（在不设置宽度的前提下）2.对于相对定位和绝对定位也有更近一步理解，元素设置了相对定位，如果该元素移到别的地方去了，它原来的地方还是占位置的。而绝对定位是真正上的脱离了文档流的，不占居位置的总得来说，学前端要想使知识点更近一步的掌握，更进一步的深入了解，了解了相应的知识点外，更多是需要多去实操。...
2021-01-22 23:12:44
162
2
原创 2021.1.21知识点总结
字体1.添加图标时，记得在head模块中写上link属性连上图标链接语法：class = “fa 图标名称"2.文本样式text-align水平对齐vertical-align 垂直对齐text-decoration 网页修饰white-space 网页空白处理text-flow 文本内容溢出处理text-shadow 文本实现阴影3.变化属性transform属性实现元素变换translate 位移scale 缩放rotate 旋转skew 倾斜origin 变化的参照点
2021-01-21 23:22:55
132
原创 21.1.20知识点总结
解决高度塌陷的方法：方法一：在父元素中添加overflow:hidden;方法二：创建伪元素语句：.父元素名：：after{ content：‘ ’； display：block；clear：both；}方法三：使用clearfix首先在类赋值时，一起赋值上clearfix在style中，写上 .clearfix::before,.ckearfix::after{ content:’ '; display: block; clear:both; }这个方法也可以解决外..
2021-01-20 23:16:32
76
原创 css布局注意事项的解决方法
css布局注意事项的解决方法父元素未设置高度大小时，其子元素的高度会将其撑开上述会出现溢出现象，解决方法是：在父元素中加上属性overflow:hidden即可高度塌陷问题解决方法：（1）在父元素加上overflow：hidden；(2)建立一个after伪元素语法：属性值::after{content:" ";display:block;clear:both;注意使用box-shadow，outline时，参数之间是没有逗号的...
2021-01-19 23:02:40
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人