- 博客(19)
- 收藏
- 关注
RSS订阅原创 面试题html和浏览器部分
说一下http和httpstcp三次握手TCP和UDP区别WebSocket的实现和应用http的请求方式，HEAD方式一个图片url访问后直接下载怎样实现说一下web Quality（无障碍）几个很实用的BOM属性对象方法说一下html5 drag api说一下http2.0说一下状态码fetch发送2次请求的原因cookie和sessionStorage和localStorage区别说一下web worker对html语义化标签的理解iframe是什么，有什么缺点Doc.
2021-10-28 15:58:01
97
原创 面试题css部分
说一下css盒模型画一条0.5px的线link标签和import的区别transition和animation的区别Flex布局BFC垂直居中方法js动画和css3动画的差异性说一下块元素和行元素多行文本的省略号visibility=hidden，opacity=0，display=none双边距折叠问题，外边距折叠position相关属性清除浮动css3新特性css选择器有哪些，优先级呢怎样让一个元素消失css3动画如何实现如何实现图片在某个容器里居中css3对溢出的
2021-10-28 15:57:13
77
原创 面试JS部分
get请求参数长度的误区补充get和post请求在缓存方面的区别说一下闭包说一下类的创建和继承如何解决异步回调地狱说说前端中的事件流如何让事件先冒泡后捕获说一下事件委托说一下图片的懒加载和预加载mouseover和mouseenter的区别js的new操作符做了什么事改变函数内部this指针指向的函数js的各种位置的区别，clientHeight等js拖拽功能的实现异步加载js的方法ajax解决浏览器缓存问题节流和防抖垃圾回收机制eval是做什么的如何理解前端模块化说
2021-10-28 15:41:15
89
原创 异步脚本和延迟脚本
传统的做法，所有的script元素都应该放在页面的head元素中，这样做的目的是吧所有的外部文件的引用都放在相同的地方。意味着页面必须等到全部的引用文件都下载执行完成以后，才能开始呈现内容（浏览器在遇到body标签才开始呈现内容），这时候页面就会出现明显的延迟，浏览器一片空白现代的做法是会吧JavaScript引用放在body元素后面而延迟脚本和异步脚本就是HTML为<script>标签定义的属性，用于改变处理脚本的行为。延迟脚本-defer属性：表明脚本在执行时不会影响
2021-07-17 16:52:37
220
原创 TS的学习记录二
接口????接口就好像一个契约，它定义了需要包括的变量和变量类型 当然接口里面的属性也可以不说必须的Interface Name1 { //Name1接口 name:string; //必须要有name属性且类型必须是字符串 age?:number;//加了?的age是可选属性 readonly size:number //加了readonly表示这个属性是可读属性 [propName: string]: any;//表示剩余的其它属性（额外的属性检查） .
2021-06-04 15:41:00
197
原创 TS里的基础类型
布尔值：boolean( true / false )数字：number( 0xf00d / 0o744 / 123 )字符串：string( 'a'/ "a"/ `模板字符串 ${a}` )数组：arraylet arr:number[]=[1,2]let arr:Array<number>=[1,2]letarr2: Array<number>=[1, 2]letarr3: Array<number | string> = [1,...
2021-06-01 11:13:00
736
原创 ES6学习二
扩展的对象功能可以直接写入变量和函数，作为对象的属性和方法 对象的方法扩展????is()：比较两个值是否严格相等(和===差不多)Object.is(NaN，NaN) '/输出true，这是和===的不同点????assign()：对象的合并，浅拷贝Object. assgin(newobj,obj1,obj2,obj3,obj4)//obj为要合并的对象，它返回的就是合并以后的新对象，也就是newobj数组的扩展数组的方法????from():能将伪数组转换成真正的
2021-05-29 17:54:40
117
原创 ES6学习一
var let constvar定义的变量，会进行变量提升let和const相同点：没有变量提升，是一个块级作用域，不会污染全局变量，不能重复声明不同点：const一般用来声明常量模板字符串它是用的是tab键上面的反引号，在插入变量的时候使用$｛变量名｝apply和call和bind这三个能挟持另外一个对象的方法，继承另外一个对象的属性var name = ''var xw = { name:'小王', say(){ console.log(...
2021-05-29 15:37:09
101
原创 表单输入绑定的学习
<div class="hello"> <div> <div> <p>.number修饰符：</p> <input type="text" v-model.number="msg" placeholder="请输入"> <label>{{msg}}</label> <p>.lazy修饰符：</p> ...
2021-05-29 11:57:24
83
原创 @ViewChild
ViewChild父子组件中通过ViewChild调用子组件的方法ViewChild 装饰器用于获取模板视图中的元素或直接调用其组件中的方法Demo：//yhao-bi-special-price.component.ts父组件import{BiFuckBase}from'@shared/bgeComponent/widget/bi-fuck/bi-fuck-page.base';exportclassBISpecialPriceComponentextendsBi...
2021-05-24 17:53:40
131
原创 对象的方法
对象的数据属性和访问器属性数据属性【Configurable】:表示能否通过delete删除属性，或者能否修改属性的特性，或者能否把属性修改为访问器属性。在直接对象上定义的属性，默认是true.【Enumerable】：表示能否被枚举，for-in 或者Object.keys().默认是true.【Writable】：表示能否改下属性的值，默认是true。【Value】：包含这个属性的值。访问器属性【Configurable】【Enumerable】【Get】:读取属性时调用的方法
2021-05-24 14:57:03
783
原创 前端学习之路一
==和===的区别？它们都是用来比较两个操作数的，==在比较的时候会先进行类型转换在比较注：一般是字符串转换成数字。true转成1之类的。null==undefined，但是null和undefined不能转换成任何其它东西，所以会==任何操作数。而NaN是不等于任何数的，包括它本身。因为NaN是not a number它表示的是一个描述性的变量，而是没有变量值的，也就是没有存储在内存中的。然后这里会涉及到js的2种变量类型，基本类型（null，undefined，string，Boolean，nu
2021-05-15 17:13:29
107
原创 CSS伪类的学习记录
css伪类概念：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。伪类选择器分为两种：1 静态伪类：只能用于超链接的样式，如下：:link：超链接点击之前 :visited：链接被访问过之后2 动态伪类：针对所有标签都适用的样式:hover：悬停，鼠标放在标签上的时候 :active：激活，鼠标点击标签，但是不松手时 :focus：是某个标签获得焦点时的样式，（比如某个输入框获得焦点）超链接的美化：a{ }定义了超链接的属性，而伪类a:link{ ..
2021-05-12 11:33:12
64
原创 Flex布局学习记录
Flex布局Flex是Flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为flex布局display: flex注：设为Flex布局以后，子元素的float,clear,vertical-align属性将失效。基本概念采用flex布局的元素，称为flex容器，它的所有子元素自动称为容器成员，称为flex项目。容器默认存在两根轴，水平轴（主轴main axis）和垂直轴（交叉轴cross axis）。主轴的开始位置(与边框的交叉点)叫做main
2021-05-11 17:33:34
283
原创 数组的方法
本文介绍的数组一共有以下这些：isArray(a)～toString()～toLocaleString()～join()～valueOf()～push()～unshift()～pop()～shift()～reverse()～sort()～concat()～slice()～splice()～copyWithin()～fill()～indexOf(search,start)～lastIndexOf()～reduce()～reduceRight()～map()～forEach()～keys()～values(
2021-05-07 16:37:09
105
原创 angular学习记录
1 angular项目文件解析创建一个angular项目ng new demo，会比较慢，等等组件可以理解为一段带有业务逻辑和数据的html2 组件文件的解析组件控制屏幕上被称为视图的一小片区域。组件通过一些由属性和方法组成//从angular核心库导入Component装饰器import{Component}from'@angular/core';//为组件类加上@Component装饰器。//它是一个装饰函数。用于为该组件指定angular所需的元数据（m...
2021-05-07 15:50:49
901
原创 ES7-11新特性
ES7-11新特性ES7新特性Includes()：表示某个数组是否包含给定的值，返回true和false indexOf()是之前的写法，返回1和-1**幂运算：2**4 = 2*2*2*2*2 Math.pow(2,4)是之前的写法ES8新特性async和await：这2个结合可以让异步代码像同步代码一样async函数：async函数的返回值为promise对象 promise对象的结果由as...
2021-05-07 14:59:16
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人