- 博客(83)
- 收藏
- 关注
RSS订阅原创 js 续篇
强制数据类型转换，将其他类型转化为string类型：toString()方法、String(argu)，toString不能住转换null、undefined，String能转换null、undefined类型的数据，直接将两者转化为‘null’、‘undefined’区分方法、函数。Number()将字符串转化为数字，字符串中只要有非数字的就转化为NaN。null==>0、undefined==>NaNparseInt将字符串中有效的整数内容解析出来，能够解析带有非数字的字符串，可以转.
2021-12-20 11:33:40
235
原创 又一次面经
闭包settimeout那道题，click青蛙跳台阶（动态规划）现实生活中例子m个苹果放在n个相同的盘子里，有多少种方法最长不重复子串最小路径和forEach和map区别find返回结果是什么类型、没有符合条件结果返回什么（undefined）filter一个由数组组成的json文件，现取出每个元素的id，使用promise请求该id对应的内容，再将结果进行拼接，使用foreach如何实现，伪代码。首页白屏是否有处理所有数据加载进度条怎么实现的？封装好的工具？使用的UI框架（Muse.
2021-12-20 11:33:12
85
转载 js继承与java继承
一，先来说说javascript的继承机制的几种方式：1，原型链继承：优点：从instanceof关键字来看，实例既是父类的实例，又是子类的实例，看起来似乎是最纯粹的继承。缺点：子类区别于父类的属性和方法，必须在Sub.prototype = new Base();这样的语句之后分别执行，无法被包装到Sub这个构造器里面去。例如：Sub.prototype.name = “sub”；无法实现多重继承。2，构造继承：优点：可以实现多重继承，可以把子类特有的属性设置放在构造器内部。缺点：使用inst
2021-12-01 10:33:18
619
原创 记录一次面经
ts中实现接口（interface）、扩展类clickts相对js优势js实现继承方法clickjs数据类型，基本数据类型（null、undefined、string、number、boolean）没有object，引用数据类型为object、array、function闭包及其应用js变量类型及解释（var、let、const）var变量实现位置，读代码场景题：一个图片点击便发送ajax请求，发送请求后不可点击，返回结果后才可以继续点击，如何实现（我回答是css实现不可点击状态，面试官说c.
2021-11-22 17:26:29
1628
转载 同步+异步
理解同步异步click异步的使用场景：1、不涉及共享资源，或对共享资源只读，即非互斥操作2、没有时序上的严格关系3、不需要原子操作，或可以通过其他方式控制原子性4、常用于IO操作等耗时操作，因为比较影响客户体验和使用性能5、不影响主线程逻辑**同步的使用场景：**不使用异步的时候同步的好处：1、同步流程对结果处理通常更为简单，可以就近处理。2、同步流程对结果的处理始终和前文保持在一个上下文内。3、同步流程可以很容易捕获、处理异常。4、同步流程是最天然的控制过程顺序执行的方式。异步的
2021-11-22 10:57:21
118
原创 题目第五波
方法原型为function，原型的原型为ObjectCanvas 可以正常的渲染跨域图片，但是在跨域图片没有设置跨域响应头或没有设置 crossOrigin = ‘anonymous’ 的时候，使用 canvas.toDataURl 会抛出错误。media queries实现了响应式布局块级元素才有padding不支持冒泡的事件：UI事件（load、unload、scroll、resize）焦点事件（blur、focus）鼠标事件（mouseleave、mouseenter）。...
2021-10-22 17:07:29
83
原创 MVVM & MVC & 双向数据绑定
MVC和MVVM有什么区别 click都是为了解决Model和View耦合的问题1、mvvm各部分的通信是双向的，而mvc各部分通信是单向的；2、mvvm是真正将页面与数据逻辑分离放到js里去实现，而mvc里面未分离。MVC：主要应用于后端，前端早期也有应用，有点事分层清晰，缺点是数据流混乱，灵活性带来维护性问题MVP：MVC的进化，presenter作为中间层负责MV通信，解决了耦合问题，大P层过于臃肿导致维护问题MVVM：不仅解决了MV耦合问题，还解决了维护两者映射关系的大量繁杂代码和D.
2021-10-20 17:15:29
646
原创 题目第四波
position属性值，五个！sticky：粘性布局，relative+static，在阈值（top，right、bottom、left）之前为相对定位，相对于正常文档流进行定位，超过阈值后固定定位，相对于市口进行定位。.h-item{ width: 250px; height: 30px; background: royalblue; position: sticky; top: 0; /*top大于零时相对定位，小于零时绝对定位，top为零*/}.
2021-10-15 09:12:20
126
原创 数据类型判断 & 原型 & 原型链 & 手写new
类型判断注意：typeof能判断除null外的所有基本数据类型，引用类型需要使用instanceOf进行判断。Object和object进行区别，Object是功能完整的对象，object只是一个字符串万物皆对象！！！typeof :返回一个表示数据类型的字符串。"number"， "string"，"boolean"，"object"，"function"，"undefined"。所有引用类型（对象）返回都是object，例如对象、数组、时间，还有nullinstanceof ：用来测试一个
2021-10-15 09:10:16
321
原创 两栏布局*6
方法1：float:left;margin-left:xxpx;<style type="text/css"> .container{ width: 100%; height: 500px; } .one{ width: 200px; height: 100%; float: left; background-color:brown; } .two{
2021-10-12 19:23:11
66
原创 VScode debug
下面配置解决：exited with code 134 Visual Studiolaunch.json文件可以通过图一小齿轮调出。{ "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Node", "program": "${file}",.
2021-10-07 22:29:48
126
转载 HTTP & HTTPS
其最终目的是得到一个用户唯一的k（会话密钥），但k不能在信道上传输。以下来源于：clickclient向server发送请求https://baidu.com，然后连接到server的443端口，发送的信息主要是随机值1和客户端支持的加密算法。（获取CA认证的证书）server接收到信息之后给予client响应握手信息，包括随机值2和匹配好的协商加密算法，这个加密算法一定是client发送给server加密算法的子集。随即server给client发送第二个响应报文是数字证书。服务端必须要有一套数
2021-09-27 19:11:15
74
原创 三栏布局-双飞翼模式、圣杯模式、flex
先决知识：margin-letft的值为百分数的时候，是父元素宽度的百分比；为负值的时候是向左移动，若一个元素在第二行的开始，此时向左移动是去到上一行（文档是从左向右绘制，一行不够的情况下会换行，word-wrap:break-all就是允许长单词换行到下一行）。margin-right为负值的时候是向右移动。圣杯模式和双飞翼模式都是将中间宽度自适应，左右宽度固定。都将中间dom放在前面，以便先行渲染。圣杯模式：中、左、右在同一个container中，container设置左右padding，留给左
2021-09-27 15:33:27
179
原创 js千分位返回一个数
//转化为数组，添加逗号，再串起来function thousand(num){ let arr = String(num).split('.') //分离整数和小数部分，split是字符串方法，需要使用String将其转化 let len = arr[0].length let result=arr[0].split('') //将string转化为数组 let index=3 while(len>index){ //添加位置必须
2021-09-25 11:42:34
109
原创 transform、transition、animation
transform是变换，静态的，没有动画，展示效果是变换后的，包括位移（相对中心点进行位移）、缩放（0-无数）、扭曲（或倾斜，deg）、旋转（单位是deg）、矩阵转换（matrix）。默认中心点是中心，可以通过transform-origin变换中心点。transform 文档：click需要进行区分的是transition和animation，它们两个都是实现动画。区别transitionanimation开始条件需要触发，即focus、hover、被点击等delay结束
2021-09-25 10:38:04
109
原创 BFC规范的理解
视频：click【理解】：块格式化上下文（block formatting context），一个新的BFC盒子是独立布局，盒子内子元素样式不会影响到外面的元素，【触法BFC】：浮动元素 float ＝ left | right 或 inherit（≠ none）绝对定位元素 position ＝ absolute 或 fixeddisplay ＝ inline-block | flex | inline-flex | table-cell 或 table-captionoverflow ＝ h
2021-09-24 16:02:22
654
原创 nginx
并发请求很多的时候，需要多个服务器才能防止服务器崩掉，但服务器之间session不共享，所以需要反向代理服务器管理用户与服务器的连接。反向代理服务器代表外部网络用户向内部服务器发出请求，即接收来自Internet上用户的连接请求，并将这些请求转发给内部网络上的服务器，然后将从内部服务器上得到的响应返回给Internet上请求连接的客户。对于用户而言，反向代理服务器就相当于目标服务器，即用户直接访问反向代理服务器就可以获得目标服务器的资源。用户不需要知道目标服务器的地址，作为Web服务器的前置机来降低网络
2021-09-23 21:25:25
174
原创 promise中主任务+微任务
主任务>微任务>宏任务。执行完所有主任务才会执行微任务，微任务顺序执行。promise(主任务)！！！！和Promise外主任务同等优先级。then会加入临时微任务队尾，遇到一个加一个，并不会将某一个promise后所有then一次性加入微任务队列，优先级还是大于宏任务。resolve，reject把任务放进微任务队列中， new promise(主任务).then(result,err).then(result,err).then(…) //每一个Promise.then也是一个Prom
2021-09-23 16:13:34
677
1
原创 笔记本PhotoCaptureStartTimoout
开启相机后画面内漆黑一片，点击拍摄功能，报错0XA00F4292这是一篇硬核维修记录。。。。网上方案：打开 注册表编辑器，在如下位置添加 EnableFrameServerMode文件，值默认为0即可，设置完重启电脑。无果打开设备管理器，相机右键===>卸载设备，重启电脑，电脑会重新安装驱动。无果2中卸载设备不管用，右键===>更新驱动程序 ===>下图，我的是已是最新驱动。无果下载驱动人生、或驱动精灵（说是针对dell笔记本电脑），检测驱动是否有损坏。
2021-09-22 14:59:47
2814
1
原创 javascript查缺补漏*41
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。不会修改数组。...
2021-09-17 21:48:23
91
原创 js实现二叉树各种操作
创建一棵树//树的结构function atree(value){ this.value=value this.left=null this.right=null}//构造一棵树let a = new atree(4)let b = new atree(6)let c = new atree(8)let d = new atree(5)let e = new atree(9)let f = new atree(1)let g = new atree(2)l.
2021-09-17 20:56:49
133
原创 netease
斐波那契改编 F(0)=0；F(1)=1；F(2)=2；F(n)=F(n-1)+F(n-2)+F(n-3)function fibnaqu(num){ if(num==0 || num==1 || num==2){ return num }else{ result = fibnaqu(num-1)+fibnaqu(num-2)+fibnaqu(num-3) return result }}console.log(fibnaq.
2021-09-17 19:44:55
312
原创 笔试题错题整理 *89
形参、全局变量var a = 1;function fn1(a){ //之声明没有赋值，为undefined alert(a); //形参为undefined a = 2; //局部变量赋值为2，改变window中变量需要使用 this }fn1(); //undefined //调用的时候没有传入实参alert(a); //1，使用this：window指向中的aconsole.log(a) //1 改变的时局部变量，并没有改变this指向的a.
2021-09-16 21:22:14
131
原创 js实现各种排序 + 查找 *6
排序算法的稳定性（即，两个相同的数在排序前和排序后前后位置相同）堆排序、快速排序、希尔排序、直接选择排序是不稳定的排序算法，而冒泡排序、直接插入排序、折半插入排序、归并排序是稳定的排序算法。直接插入排序function quicksort(arr){ for(let i=1;i<arr.length;i++){ //保存最后一个位置的数字 let currentnum=arr[i] //不断进行移动的元素下标从当前元素前一个开始
2021-09-16 21:20:29
90
原创 函数节流throttle+防抖dobounce *2
解决频繁触发事件的操作。性能优化 clickonmousemove、resize、onscroll时触发防抖：事件响应函数在一段时间后才执行，如果在这段事件内再次调用，则重新计算执行时间。当在预定时间内没有再次调用该函数，则执行响应逻辑//dobounce//在触发响应逻辑的时候触发debounce函数//container.onmousemove = debounce(dosomethig,wait)//原理：通过settimeout的方式，在一定时间间隔内将多次触发变成一次触发//debo
2021-09-16 19:07:13
143
转载 伪类+伪元素
转自==> click所有伪类选择器例子例子描述:activea:active选择活动的链接。:checkedinput:checked选择每个被选中的 <input> 元素。:disabledinput:disabled选择每个被禁用的 <input> 元素。:emptyp:empty选择没有子元素的每个 <p> 元素。:enabledinput:enabled选择每个已启用的 <inpu
2021-09-15 11:27:45
51
原创 分页存储管理*3
分页存储管理定义：click例题：click分页存储：讲逻辑地址进行分块，逻辑地址包括（页号和页内偏移），将内存空间换绯闻同样大小的块，每个块为一个页面，页号与块号（或页面好）相对应。逻辑地址为A，页面大小为L，页号：A/L（向下取整），页内偏移：A%L数值后缀（二进制：B；八进制（三个二进制表示一个八进制，111=>7O）：O；十进制：D；十六进制（四个二进制表示一个十六进制,1111=>FH）：H；因二进制过长，计算机中内存单元一般使用十六进制进行表示。）数值前缀（二进制：0.
2021-09-15 09:35:25
2869
原创 执行顺序+变量值*4
形参、全局变量var a = 1;function fn1(a){ //只声明没有赋值，为undefined alert(a); //形参为undefined a = 2; //局部变量赋值为2，改变window中变量需要使用 this }fn1(); //undefined //调用的时候没有传入实参alert(a); //1，使用this：window指向中的aconsole.log(a) //1 改变的是局部变量，并没有改变this指向的a.
2021-09-15 09:32:27
47
原创 vue生命周期函数
vue生命周期函数（声明周期钩子） clickcreated、mounted、updated、destroyed、四个before首先需要了解模板与挂载点：click创建期间的生命周期函数：beforecreated：实例刚在内存中被创建出来，还没有初始化好data和methods属性created：data、methods已经创建，尚未开始编译模板beforeMounted：完成模板编译，但还没有挂载到页面mounted：将编译好的模板挂载到页面指定容器中显示运行期间生命周期函数：bef
2021-09-11 11:11:00
144
原创 手写Promise
仅到链式调用阶段<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>prototypemodel</title> <style type="text/css"> </style> <script src="HD.js"></script> </he
2021-09-10 19:03:09
62
原创 前端框架 & diff算法优化 & vue中的key
使用前端框架（angular/vue/react）带来哪些好处，相对于使用jQuery clickjquery通过操作dom进行完成视图更新，vue通过改变数据来完成更新视图；过程是数据改变 =====> 虚拟DOM计算变更 ====> 操作真实DOM ===> 视图更新；从改变数据到视图更新不直接操作dom，操作dom的过程是由框架来完成的。虚拟DOM：js模拟，如下题图一右侧vue框架中的diff算法是如何优化渲染的计算或者优化效率的 click使用虚拟DOM模拟真.
2021-09-08 14:22:20
270
原创 常见设计模式
常见的设计模式//一定要可维护性强，长远问题。根据设计模式想该怎么写方便维护、套路【构造器模式】class Student(){ constructor(name,gender,score){ this.name = name this.gender = gender this.score = score this.qulity = 100 //方法也可以写成 /*this.sumScore=function(){//每个人都创建一个方法，性能不好 return th
2021-09-07 16:20:10
42
转载 正则表达式 & Unicode编码
正则表达式：click一、直接给出字符，就是精确匹配；用 \d 可以匹配一个数字；\w可以匹配一个字母或数字;.可以匹配任意字符;\s可以匹配一个空格（也包括Tab等空白符）;特殊字符用‘\’转义，例如‘-’，正则是 -例如：‘00\d’可以匹配’007’，但无法匹配’00A’；‘\d\d\d’可以匹配’010’；‘\w\w\d’可以匹配’py3’或’p33’；'py.‘可以匹配’pyc’、‘py0’、'py!'等等;‘py\s-\s\d’可以匹配’py - 2’。二、长字符匹.
2021-09-07 10:49:20
2783
原创 跨域解决方法 &简单请求 & 非简单请求
为什么会有跨域的问题以及解决方式视频： click文章：click协议、域名、端口有一个不一样就构成了跨域。同源策略：从同一个源加载文档或脚本js中自带跨域技能的标签：1. CORS：跨站资源共享。使用自定义的HTTP头部让浏览器与服务器进行沟通。浏览器自动进行CORS通信，后端配置消息头：res.header(“Access-Control-Allow-Origin”,"*")该属性表示那些域名可以访问资源，通配符*表示所有网站都可以访问。2. JSONP：是JSON with Pad
2021-09-06 20:43:10
1152
原创 继承的实现
类继承的时候可以继承属性和方法，//ES6语法，同javaclass Person{ constructor(name){ this.name = name; } drink(){ console.log('drink') }}class Student extends Person{//使用extends继承 constructor(name,score){ super(name)//使用super关键字执行父类的构造函数 this.score = score }}
2021-09-06 16:57:59
48
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人