- 博客(732)
- 收藏
- 关注
原创 typescript零基础教程-2|降级,严格模式,strictNullChecks,常见类型,原始类型,数组,变量上的类型注解,函数,参数类型注解,返回值类型注解,对象类型,联合类型,匿名函数
第一种组合类型的方式是使用联合类型,一个联合类型是由两个或者更多类型组成的类型,表示值可能是这些类型中的任意一个。这其中每个类型都是联合类型的成员(members)。
2024-03-28 07:28:15 4
原创 typescript零基础教程-1|基础,静态类型检查,非异常失败,类型工具,编译器,报错时仍产出文件,显示类型,类型抹除,
TypeScript 的官方文档早已更新,但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理,并开启了 TypeScript 系列文章的写作。TypeScript 系列文章由官方文档翻译、重难点解析、实践技巧与总结三个部分组成,预计 40 篇左右。目前已完成了官方文档 Handbooks 的翻译,正在准备重难点解读部分。
2024-03-28 06:45:49 3
原创 实现Array.prototype.map 实现Array.prototype.reduce 实现Array.prototype.reduceRight 实现Array.prototype.filte
遍历原始数组,对于调用map方法的数组会遍历每一个元素对于每一个元素应用回调函数,对于每一个元素都会调用传递给map的方法的回调函数,并且传入三个参数:当前元素的支,当前元素的索引和原始数组本身,回调函数用来对每一个元素进行处理构建新的数组,将回调函数返回的结果存储在新的数组当中,这些结果按照原始数组的顺序排列返回新的数组,当遍历万所有的数组并且处理完成以后,map方法返回包含处理结果的新的数组。
2024-03-27 14:56:38 3
原创 字符串出现的不重复最长长度,无限累加的一个函数,
em和rem属于与font-size有关的长度单位,大小不固定,个人体验在多设备上优于px但不如视图系列单位。vw,vh 属于与视图大小有关的长度单位,vw为当前视图宽度的 1%.vh为当前视图高度的 1%px属于绝对长度单位,类似的还有cm,mm。在不同设备上表现的宽度可能不一致,但相对长度固定。[css] 第10天 对比下px、em、rem有什么不同?默认情况下: 1em = 10px;【Q198】如何实现类似 lodash.get 函数。【Q421】如何实现无限累加的一个函数。
2024-03-27 12:59:58 3
原创 react零基础到精通-1|基础概念,主要特性,s6语法,react相关的开发环境和工具,react简介,箭头函数,模板字符串,解构赋值,rest参数,扩展运算符,class,
前端UI的本质问题是如何将来源于服务器端的动态数据和用户的交互行为高效地反映到复杂的用户界面上。React另辟蹊径,通过引入虚拟DOM、状态、单向数据流等设计理念,形成以组件为核心,用组件搭建UI的开发模式,理顺了UI的开发过程,完美地将数据、组件状态和UI映射到一起,极大地提高了开发大型Web应用的效率。React的特点可以归结为以下4点:(1)声明式的视图层。使用React再也不需要担心数据、状态和视图层交错纵横在一起了。React的视图层是声明式的,基于视图状态声明视图形式。
2024-03-26 00:44:05 452
原创 大厂前端面试手写题目详解|算法题|实现并发api请求的额函数传入一个组件让你计算得到组件render期间的耗时
返回新创建的类组件不会影响原先的组件直接修改返回的react内容利用反向继承实现复用性的抽象。
2024-03-10 01:41:24 10
原创 大厂前端面试手写题目详解|算法题|手写跨域,fetch,jsonp,nginx,this指向判断经典题目
不预先指定类型,而是在使用的时候再指定理性的一种类型。再次打开恶意网站,不能读取cookie浏览器安全性。其他类可以访问mixin类的方法而不必成为其子类。obj.f1()实际就是fn()没有调用者,指向的是window。
2024-03-10 00:50:54 9
原创 大厂前端面试手写题目详解|算法题|找出m字串最小和,输出合理的打包顺序, 依据版本号和依赖结构确定打包顺序
【代码】大厂前端面试手写题目详解|算法题|找出m字串最小和,输出合理的打包顺序, 依据版本号和依赖结构确定打包顺序。
2024-03-09 23:45:52 11
原创 大厂前端面试手写题目详解|算法数据机构,面试题目|call,apply,bind详解,设计一个格式化函数,generator改造成async,await,
call,apply运行的时候改变函数的指针。
2024-03-09 23:15:56 9
原创 大厂前端面试手写题目详解|算法数据机构,面试题目,websocket双向通信,vue当中组件通信,vue源码,mixin,cookie,异步通信,同步异步,vue生命周期,
let num=0;num++;})},2000);num++;})})})
2024-03-09 22:08:39 5
原创 大厂前端面试手写题目详解|算法数据机构,面试题目|柯里化dfs算法一个带有并发限制的异步调用其scheduler手写promise.race,anykoa中间件allSettled,
微任务:需要异步执行的函数,执行实际是再主函数执行结束以后,当前宏任务结束之前,宏任务:宏任务的时间粒度比较大,执行的时间间隔是不能精确控制的,对于一些高实时性的需求就不大符合常见的微任务:Object.observe(已经废弃)常见的宏任务:script外层同步代码UI rendering/UI事件。
2024-03-09 19:54:50 6
原创 大厂前端手写题目详解|前端最重要的面试题目|手写call,apply,bind,手写promise,实现promise.all
数据类型基本数据类型:栈内存当中引用数据类型:堆内存当中,指向堆内存当中实际对象的引用浅拷贝:只拷贝一层引用类型拷贝的内存地址扩展运算符。
2024-03-09 18:05:20 368
原创 大厂面试前端手写题目,数组去重三种方法,如何提取url当中的参数,手写发布订阅,实现 unshift函数给a,b,c三个请求,希望c在a,b获取后再请求
virtual dom跨平台能力rn,weexjs用对象的属性描述节点,映射到真实环境当中vdom节点,和真实的dom属性一一对应2为什么需要虚拟dom?dom操作引起的性能问题api,jqueryvdom,vnode,diff,js对象抽象原本的渲染过程,实现跨平台的能力。
2024-03-09 16:16:13 327
原创 React学习教程,介绍,基础概念,简介
格式化配置目标任务: 基于vscode配置格式化工具,提高开发效率安装vsCode prettier插件修改配置文件 setting.json{ "git.enableSmartCommit": true, // 修改注释颜色 "editor.tokenColorCustomizations": { "comments": { "fontStyle": "bold", "foreground": "#82e0aa" } }, //
2024-03-07 21:43:51 10
原创 Koa框架-javascript学习
script>// 小程序开发中使用 获取匹配元素集中第一个元素的自定义属性的值 为每个匹配元素设置一个或多个自定义属性 会删除data()函数给匹配元素属性添加的数据 和 data()函数绑定的自定义属性。 data函数添加的属性会被移除,但是如果属性同时在签上定义了就不会被移除。
2024-03-07 21:43:03 11
原创 HTTP|面试官:说说 HTTP 常见的请求头有哪些? 作用?nodejs|面试官:如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?
http常见请求头
2024-03-07 21:40:50 5
原创 前端性能优化,http缓存,srvice worker,http2优势,服务器渲染ssr,小程序的基础概念
WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的 HTML。WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,类似于网页开发中的 CSS。什么是宿主环境宿主环境(host environment)指的是程序运行所必须的依赖环境。例如:Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的,所以,
2024-03-07 21:39:26 5
原创 好客租房app,字符串的操作,原始类型,对象操作this指向问题
对象到原始值的转换,是由许多期望以原始值作为值的内建函数和运算符自动调用的。这里有三种类型(hint):“string”(对于 alert 和其他需要字符串的操作)“number”(对于数学运算)“default”(少数运算符,通常对象以和 “number” 相同的方式实现 “default” 转换)规范明确描述了哪个运算符使用哪个 hint。转换算法是:调用 obj如果这个方法存在,否则,如果 hint 是 “string”
2024-03-07 21:37:43 3
原创 前端面试经典题目
要成为可迭代对象, 一个对象必须实现 @@iterator 方法。这意味着对象(或者它原型链上的某个对象)必须有一个键为 @@iterator 的属性,可通过常量 Symbol.iterator 访问该属性yield1;},// 正常执行,结果:// [1]一个普通对象中,必须包含一个 Symbol.iterator 属性,并规定是一个无参数的函数,其返回值为一个符合 迭代器协议 的对象。迭代器协议 属于 迭代协议。迭代协议 并不是新的内置实现或语法,而是协议。
2024-03-07 21:35:43 7
原创 前端设计模式,工厂模式,JSON,SOLID,单例模式,适配器模式,代理模式,组合模式
单例模式:确保一个类只有一个实例工厂模式:定义一个用于闯将对象的接口,让子类决定实例化哪一个类,建造者模式:将一个复杂的对象的构建和他的表示分离,使得同样的构建过程可以创建不同的表示,建造者模式:将一个复杂对象的构建和他的表示分离,使得同样的构建过程可以创建不同的表示,工厂模式:不暴露创建对象的具体逻辑而是将逻辑封装在一盒函数当中简单工厂模式又称为静态工厂方法模式,可以根据不同的参数返回不同类型的实例不同的参数返回不同类型的实例。
2024-03-07 21:35:17 5
原创 279-day17-移动端适配方案javascript正则表达式
◼ 移动端的屏幕尺寸通常是非常繁多的,很多时候我们希望在不同的屏幕尺寸上显示不同的大小; 比如我们设置一个100x100的盒子✓ 在375px的屏幕上显示是100x100;✓ 在320px的屏幕上显示是90+x90+;✓ 在414px的屏幕上显示是100+x100+; 其他尺寸也是类似,比如padding、margin、border、left,甚至是font-size等等;◼ 这个时候,我们可能可以想到一些方案来处理尺寸: 方案一:百分比设置;
2024-03-07 21:34:10 6
原创 前端面试题目deefer,async,动态脚本。DOMContentLoaded,express方法,中间件
简单说,中间件(middleware)就是处理HTTP请求的函数。它最大的特点就是,一个中间件处理完,再传递给下一个中间件。App实例在运行过程中,会调用一系列的中间件每个中间件可以从App实例,接收三个参数,依次为request对象(代表HTTP请求)、response对象(代表HTTP回应),next回调函数(代表下一个中间件)。每个中间件都可以对HTTP请求(request对象)进行加工,并且决定是否调用next方法,将request对象再传给下一个中间件。
2024-03-07 21:33:17 5
原创 javascript面试题目,undefind,null,原型链,this,new,原型,整数,NaN,事件,跨域
已在作用域中声明但还没有赋值的变量,是 undefined 的。相反,还没有在作用域中声明过的变量,是 undeclared 的。对于 undeclared 变量的引用,浏览器会报引用错误,如 ReferenceError: b is not defined。但是我们可以使用 typeof 的安全防范机制来避免报错,因为对于 undeclared(或者 not defined )变量,typeof 会返回 “undefined”。
2024-03-07 21:31:29 6
原创 电商项目基本业务概述
1. 登录业务流程① 在登录页面输入用户名和密码② 调用后台接口进行验证③ 通过验证之后,根据后台的响应状态跳转到项目主页2. 登录业务的相关技术点 http 是无状态的 通过 cookie 在客户端记录状态 通过 session 在服务器端记录状态 通过 token 方式维持状态不存在跨域问题推荐cookiie,session,存在跨域问题用token。
2024-03-07 21:30:28 4
原创 华为od机考题目-1.最长连续子序列,2.判断字符串的子序列,3.服务器广播
题目描述:有N个正整数组成的一个序列,给定一个整数sum求长度最长的的连续子序列使他们的和等于sum返回次子序列的长度,如果没有满足要求的序列 返回-1备注:输入序列仅由数字和英文逗号构成,数字之间采用英文逗号分割序列长度 1<=N<=200,输入序列不考虑异常情况由题目保证输入序列满足要求示例1.输入:1,2,3,4,26输出:3解析:1,2,3和4,2两个序列均能满足要求,所以最长的连续序列为1,2,3 因此结果为32.输入:1,2,3,4,220。
2024-03-07 21:29:49 10
原创 大厂前端面试整理题目听课笔记汇总
优点:更好管理状态,无状态的,减少出错的情况,更简单的复用固定输入,固定的输出,没有副作用,不需要考虑内部实现外部影响,更优雅的组合。geneator代码执行权转移出去,再转移回来,同步顺序书写,和是将函数控制权转移回来,自动执行机制async函数的方式。编译模块,通过entry对应的dpendece创建odule对象,调用对应的leader去将模块转为js内容。watch没有缓存的,监听到值的变化就会执行回调,在回调当中进行一些逻辑的操作。
2024-03-03 15:42:39 10
原创 前端面试八股文,代码执行上下文,作用域,this/call/bind/apply/异步编程,promise的基本用法,finally,then,async/await,面向对象,
全局上下文的变量对象初始化是全局对象, 而函数上下文的变量对象初始化只有Arguments对象;EC创建阶段分为创建阶段和代码执行阶段;在进入执行上下文时会给变量对象添加形参、函数声明、变量声明等初始的属性值;在代码执行阶段,会再次修改变量对象的属性值.后语参考文章:《聊一聊javascript执行上下文》《木易杨前端进阶-JavaScript深入之执行上下文栈和变量对象》ec创建阶段分为创建阶段和代码执行阶段。
2024-02-23 10:11:15 18
原创 面试官:如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?
通过上面的分析,可以看到分页查询的关键在于,要首先确定每页显示的数量pageSize,然后根据当前页的索引pageIndex(从1开始),确定LIMIT和OFFSET应该设定的值:● LIMIT 总是设定为 pageSize● OFFSET 计算公式为 pageSize * (pageIndex - 1)确定了这两个值,就能查询出第 N页的数据。
2024-02-10 09:10:12 29
原创 面试官:说说对 Node 中的 fs模块的理解? 有哪些常用方法
● 第三个参数为 options,默认值为 null,其中有 encoding(编码,默认为 utf8)、 flag(标识位,默认为 w)和 mode(权限位,默认为 0o666),也可直接传入 encoding。● 第三个参数为 options,默认值为 null,其中有 encoding(编码,默认为 utf8)、 flag(标识位,默认为 a)和 mode(权限位,默认为 0o666),也可直接传入 encoding。● 第二个参数为写入的数据,类型为 String 或 Buffer。
2024-02-10 09:04:17 18
原创 面试官:说说对 Node 中的 process 的理解?有哪些常用方法?
一般我们会在 process.env 上挂载一些变量标识当前的环境。当我们启动一个js文件,实际就是开启了一个服务进程,每个进程都拥有自己的独立空间地址、数据栈,像另一个进程无法访问当前进程的变量、数据结构,只有数据通信后,进程之间才可以数据共享。● 三个标准流: process.stdout 标准输出、 process.stdin 标准输入、 process.stderr 标准错误输出。● process.env:环境变量,例如通过 `process.env.NODE_ENV 获取不同环境项目配置信息。
2024-02-08 03:39:52 88
原创 面试官:说说你对Node.js 的理解?优缺点?应用场景?
事件驱动就是当进来一个新的请求的时,请求将会被压入一个事件队列中,然后通过一个循环来检测队列中的事件状态变化,如果检测到有状态变化的事件,那么就执行该事件对应的处理代码,一般都是回调函数。例如在执行了访问数据库的代码之后,将立即转而执行其后面的代码,把数据库返回结果的处理代码放在回调函数中,从而提高了程序的执行效率。Nodejs采用了非阻塞型I/O机制,在做I/O操作的时候不会造成任何的阻塞,当完成之后,以时间的形式通知执行操作。● 大量并发的I/O,应用程序内部并不需要进行非常复杂的处理。
2024-02-07 13:59:22 91
原创 前端八股文|浏览器存储 #25
cookie指某些网站为了辨别用户身份而储存在用户本地终端上的数据(通常经过加密)。cookie是服务端生成,客户端进行维护和存储,存储在内存或者磁盘中。通过cookie,可以让服务器知道请求是来源哪个客户端,就可以进行客户端状态的维护,比如登陆后刷新,请求头就会携带登陆时response header中的Set-Cookie,Web服务器接到请求时也能读出cookie的值,根据cookie值的内容就可以判断和恢复一些用户的信息状态。
2024-02-03 11:12:35 14
原创 从URL输入到页面展现到底发生什么? #24
打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解!总体来说分为以下几个过程:DNS 解析:将域名解析成 IP 地址TCP 连接:TCP 三次握手发送 HTTP 请求服务器处理请求并返回 HTTP 报文浏览器解析渲染页面断开连接:TCP 四次挥手。
2024-02-03 10:06:17 23
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人