- 博客(14)
- 收藏
- 关注
RSS订阅原创 前端面经整理三
js实现new方法首先我们肯定需要知道new方法干了什么：1.新建一个空对象2.将新对象的原型设置到函数的原型对象3.让函数的this指向这个新对象，执行构造函数也就是设置对象的属性4.返回新对象代码实现： var mynew=function(){ let constructor=[].shift.call(arguments); if (typeof constructor !== "function") { console.error("type erro
2021-04-03 15:22:42
105
原创 前端学习笔记四——面向对象和异步
目录面向对象异步面向对象一道经典题目理解： function Foo(){ getName=function(){ console.log(1); } return this; } Foo.getName=function(){ console.log(2); } Foo.prototype.getName=function(){
2021-03-28 16:38:17
112
原创 前端学习笔记三——堆栈、闭包、深浅克隆
目录堆栈闭包堆栈一、先来看一道简单的题目let a={},b='0',c=0; a[b]="第一"; a[c]="第二"; console.log(a[b]);输出：“第二”先理解一下堆和栈的概念：栈：存放基本数据类型的内存空间堆：存放引用数据类型的内存空间在定义a={}时会将a这个引用数据类型存到一个堆中，而a指向的则是这个堆的一个16进制内存地址，而b和c都存在栈中,在进行a[b]="第一"这个操作时相当于给堆空间添加了一个属性名为‘0’的属性，但是由于对象的属
2021-03-27 15:13:36
110
原创 前端学习笔记二——CSS常见面试题盒子水平居中
目录盒子水平垂直居中的方法盒子水平垂直居中的方法一、定位1<style> .box1{ width: 1000px; height: 1000px; overflow: hidden; background: blue; } .box{ box-sizing: border-box; width: 200px; height: 200px;
2021-03-26 16:56:56
106
原创 面经问题笔记一
一、三次握手四次挥手先了解TCP报文包含了哪些东西：序号seq：表示发送的数据字节流，确保TCP传输有序，对每个字节编号确认序号ack：发送方期待接收的下一序列号，接收成功后的数据字节序列号加 1。只有ACK=1时才有效。确认ACK：确认序号的标志，ACK=1表示确认号有效，ACK=0表示报文不含确认序号信息同步SYN：连接请求序号标志，用于建立连接，SYN=1表示请求连接终止FIN：结束标志，用于释放连接，为1表示关闭本方数据流三次握手简单分析：第一次：客户端发送请求到服务器，服务器知道客
2021-03-25 20:38:04
110
1
原创 前端学习笔记——call、apply、bind
目录callapplybind拓展一：严格模式和非严格模式拓展二:with语句拓展三：monkey-patching拓展四：arguments参数拓展五：改变this指向的方法calllet fn = function(a,b){ console.log(this,a,b); } let obj = {name:"obj"};fn.call()通过在原型链上查找到function.prototype.call方法然后执行执行方式：fn.call(【this】,pa
2021-03-22 15:17:38
204
原创 前端笔试整理一
目录一、px、em、rem的区别二、CSS选择器三、浏览器储存四、跨域和解决方法一、px、em、rem的区别px为绝对单位，em为相对于父级单位的相对单位，rem为相对于HTML根元素的相对单位，%号也为相对于父级单位的相对单位，这里注意的是em和rem是用于文本，而%一般用于height、width等元素二、CSS选择器1.{ :通用选择器2. #X ：id选择器3. .X： 类选择器4. X ：元素选择器5. X Y ：后代选择器6. X:visited and X:link ：
2021-03-19 16:48:06
81
原创 JS demo4.数码时钟
这里是作者学习JS的小demo4.数码时钟参考来源JSdemo实现效果body部分<body> <div id="clock"> <img src="./images/0.png" alt=""> <img src="./images/0.png" alt=""> <span>:</span> <img src="./images/0.png" a
2021-01-03 14:12:44
125
原创 JS demo3.钟表
这里是作者学习JS的小demo3.钟表参考来源JSdemo实现效果学习笔记CSS3 transform 属性：Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。语法：transform: none|transform-functions;示例：<html><!DOCTYPE html><html><head><style> #div1{width:120px;heigh
2020-12-30 14:13:29
130
原创 JS demo2.复选框实现全选、反选
这里是作者学习JS的小demo2.复选框实现全选、反选参考来源JSdemo页面实现效果：body部分<body> <dl> <dt> <input type="checkbox" id="checkAll"><label>全选</label><a href="javascript:" id="checkReverse">反选</a> <
2020-12-29 20:00:08
169
原创 JS demo1.实现信息切换
这里是作者学习JS的小demo1.信息切换参考来源JSdemo页面实现效果：body部分<body> <div id="container"> <ul id="header"></ul>//切换栏 <div id="listContent"></div>//信息列表 </div> <div id="tips"> <span id="arro
2020-12-29 14:40:57
164
原创 JS变量提升以及var和let的区别
JS变量提升以及var和let的区别变量提升JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。JavaScript 只有声明的变量会提升，初始化的不会。比如：var x = 5; // 初始化 xelem = document.getElementById("demo"); // 查找元素 elem.innerHTML = x + " " + y; // 显示 x 和 yv
2020-12-20 21:45:47
160
原创 QT的调试
QT 的调试第一次使用QT调试一个案例来简单说明调试模式单步调试使用qDebug函数第一次使用QT调试这是本人第一篇博客，主要关于QT如何调试的问题一个案例来简单说明将主函数内容更改如下：#include #include int main(int argc, char *argv[]){QApplication a(argc, argv);QWidget widget;in...
2019-07-08 14:56:52
778
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人