- 博客(54)
- 收藏
- 关注
RSS订阅原创 TS类型断言、函数重载踩过的坑
重载允许 一 个函数接受不同数量或类型的参数时，作出不同的处理。这样表达更加精确，前两次表示函数定义，最后一次是函数调用。
2023-07-18 16:08:19
395
原创 Nodejs中的require.resolve机制
从 node_modules 中查询文件并生成绝对路径。清除缓存，不使用清除则会保留上一次的数据或操作。
2023-07-18 14:07:21
405
原创 前端面试高频精讲（二）Vue篇
防止两个组件的数据污染如果都是对象的话，会在合并的时候，指向同一个地址。而如果是函数的时候，合并的时候调用，会产生两个空间。单向数据流：数据的流向是单向的，数据修改影响视图，视图改变不会修改到数据中双向数据绑定：数据流相是相通的，数据修改影响视图，视图改变了也会影响到数据。
2023-05-27 11:13:54
535
原创 前端面试高频精讲（三）React 篇
一个组件作为参数传入另一个组件中，返回一个新的组件，这个新的组件拥有这两个组件的功能和优点。例如 withRoute兼容所有浏览器，更好的跨平台;将事件统一存放在一个数组，避免频繁的新增与删除 (垃圾回收)方便 react 统一管理和事务机制。
2023-05-26 17:29:18
964
原创 MobX使用讲解
MobX 通过响应式编程实现简单高效，可扩展的状态管理库。常用 API makeAutoObservable ：自动转换 直接在构造函数中使用 makeAutoObservable 来实现 observable和 action、computed修饰器功能 // target: 将目标对象中的属性和方法设置为 observable state 和 action // overrides: 覆盖默认设置, 将 target 对象中的某些属性或者方法设置为普通属性
2023-05-26 15:56:58
1745
原创 前端面试高频题精讲（一）
用正确的标签做正确的事情。例如：段落用 p 标签，标题用 h 系列标签。便于团队的开发和维护，我见过用div走天下的，但不利于看清页面结构。在没有加载 CSS 的情况下也能呈现较好的内容结构与代码结构，易于阅读。方便其他设备的解析（如屏幕阅读器、盲人阅读器等）article，利于无障碍阅读，提高可访问性。有利于 SEO ，搜索引擎的爬虫依赖于标签来确定上下文和各个关键字的权重。BFC 全称 "Block Formatting Context", 中文为"块级格式化上下文"。
2023-05-17 11:42:11
330
2
原创 React 路由
withRouter 是一个高阶组件，可以将一个非路由组件包裹返回一个新的路由组件，使这个非路由组件也能访问到当前路由的 match、location、history 对象，同时还拥有非路由组件的特点。可以看做 一个特殊版本的 Link，当它与当前 URL 匹配时，为其渲染元素添加样式属性。
2023-05-10 21:45:05
699
1
原创 React 中 TypeScript 和装饰器及 Hooks
如果一个函数是永远也执行不完的，就可以定义返回值为never，那什么样的函数是永远也执行不完的那？我们先来写一个这样的函数（比如执行执行的时候，抛出了异常，这时候就无法执行完了）。TypeScript 是强类型语言，相对于JavaScript 弱类型语言，它具有类型检测的功能，扩展了JavaScript 的语法。当我们没有定义类型时，TS 会自动实现一个类型推断的过程，当 TS 无法类型推断时，需要手动使用类型注解。赋值的类型、位置、个数需要和定义（声明）的类型、位置、个数一致。
2023-05-10 20:05:56
1437
原创 React的生命周期及Redux状态管理器等
将组件的 props 渲染出来。实际上是让组件的 props 接收函数，由函数来渲染内容。将通用的逻辑抽象在该组件的内部，然后依据业务逻辑来调用函数（props内渲染内容的函数），从而达到重用逻辑的目的。把数据都放在 store 公共存储空间，一个组件改变了 store 里的数据内容，其他组件就能感知到 store 的变化，再来取数据，从而间接的实现了这些数据传递的功能。
2023-05-08 11:23:39
394
原创 React初识
Vue 会遍历 data 数据对象，使用 Object.definedProperty() 将每个属性都转换为 getter 和setter，每个 Vue 组件实例都有一个对应的 watcher 实例，在组件初次渲染的时候会记录组件用到了那些数据，当数据发生改变的时候，会触发 setter 方法，并通知所有依赖这个数据的watcher 实例调用 update 方法去触发组件的 compile 渲染方法，进行渲染数据。Vue采用 MVVM 架构。
2023-05-05 14:10:28
385
原创 Vue3及其优点
hook 相当于 mixin 的使用，它是为了抽取对应的公共逻辑业务代码作为 hook 形成复用，一般都是对应功能代码造轮子：封装对应的组件及抽取对应的hooks（公共逻辑业务代码），行话就叫造轮子先创建一个hooks文件夹，里面创建一个index.js，在index.js内封装的hook代码// 自定义hook函数console.log('修改了hook封装的username');// 自己封装一个readOnly} else {throw new Error('传参错误 ')
2023-04-13 20:47:29
1610
原创 ``三阶段：Vue的生命周期及相关信息``
bind ：绑定的时候调用的inserted ：插入的时候调用update ：数据更新的时候调用componentUpdated ：组件更新的时候调用unbind ：解绑调用//directive方法 传递的是对应的指令名 传递一个对象(包含五个生命周期)//全局自定义指令bind(el, binding, vnode) {}, //绑定的时候//当前的元素// binding对应的绑定的相关数据 得到对应的传过来的数据 :数据//拿到变量名//拿到值。
2023-03-30 22:04:58
191
1
原创 插槽slot
使用slot来定义插槽一个组件中只能有一个匿名插槽。匿名插槽又称为默认插槽，内容默认传递给对应的具名插槽slot标签中通过name属性来指定对应的插槽名字访问的时候通过slot属性来指定需要插入到的插槽名字具名插槽建议使用template标签包起来调用作用域插槽是扩大了对应的组件作用域，通过对应的插槽中数据的绑定来传递数据给对应的父组件v-slot不要和slot的写法混用（区分版本来使用，不要一起使用）
2023-03-30 21:41:31
116
原创 ``三阶段``：Vue的动画和组件
因为抽取组件是复用，如果复用多个组件，里面的data如果被设计成一个对象，那么对应的组件的地址就会共享。这个时候对应的数据就会被污染。所以设计为一个函数，以函数返回对象的形式可以保证每个返回的对象的地址都是独立不会相互的影响。保证了数据的唯一性和隔离性。父传子是利用属性进行传值，子组件利用props来接收子传父是利用观察者模式进行传值，子组件通过$emit来派发对应的事件，父组件通过事件监听的处理函数来接收数据。
2023-03-30 21:25:54
286
原创 Nodejs
url：模块用于读取对应的url的内容querystring：可以将对应的参数字符串变成一个对象http：模块中获取 get 请求传递的参数通过 query 来获取。模块中获取 post 请求传递的参数通过监听 data 事件，因为 post 的内容是在 body 中分段传递的，需要进行拼接【示例】})【示例】//Url {',// }//?
2023-03-26 21:56:55
468
原创 数据库 Mysql 和 mongoDB
关系型数据库遵从 sql1999 协议，内部采用 sql 语句来进行相关操作非关系型数据库采用指令化操作。
2023-03-26 20:02:44
1767
原创 mock数据
Json Web Token，是基于Json的一个公开规范，这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息，他的两大使用场景是：认证和数据交换由服务端根据规范生成一个令牌（token），并且发放给客户端。此时客户端请求服务端的时候就可以携带者令牌，以令牌来证明自己的身份信息。作用：类似session保持登录状态的办法，通过token来代表用户身份。
2023-03-18 14:15:44
558
原创 Vue的路由和sass讲解
单页应用程序 （single page application），顾名思义只有一个页面，通过控制渲染内容来完成对应的。react和vue都是为了减少对应的重绘和回流提高对应的性能，所以。它一般都是采用对应的单页页面应用。所以主要采用的路由的模式为hash路由、history路由。一个页面的设计的好处在于对应的页面切换的操作不再依赖于刷新（减少了页面的重。绘和回流操作），单独只有一个页面那么打出来的包的大小也相对较小。单页应用的坏处在于不利于。根据对于的url地址来渲染不同的内容。况下为hash模式。
2023-03-14 22:17:32
215
原创 Object方法讲解
Object 这个类是所有类的父类，也就是说它的方法和属性所有的对象都可以使用。Object的相关方法和属性是提供给其他的对象进行使用的。
2023-03-14 14:29:01
713
原创 VUE你知多少
vue 是一个前端的js库，也是一个mvvm的框架。它简化对应的js原生的操作，提高了对应的浏览器性能（虚拟dom，diff算法）vue作者：尤雨溪，vue2诞生于2015年，vue3诞生于2020年6月，被阿里巴巴维护。
2023-03-14 14:27:51
324
原创 你了解集中设计模式
设计模式是用于解决某个问题的一种固定模式（原理都是一样的）,不区分语言。常用的设计模式有23种，主要分为三大类：创建型、结构型、行为型代理模式是在原有对象的基础上利用代理对象来增强对应的对象 ，代理对象通常访问的是实际的对象。off 是用于取消事件on 是用于监听事件emit 是用于执行事件，传入的参数可以被对应的 on 接收off 调用一定要 emit 之前存储使用的对象进行存储（key：事件名，value：处理函数集合）
2023-03-09 21:27:28
91
原创 走进Ajax
异步的 JavaScript（脚本语言） 和 xml（扩展标记语言：用于传输和存储数据 ，是树状结构），是非同源的接口数据。Ajax 是用于发送 http 请求也可以发送异步请求，还可以完成页面的局部刷新功能（在整个页面不刷新的前提下，发送对应的请求改变对应的部分dom）核心对象为 XMLHttpRequest（xhr）。优先使用强制缓存 ，如果没有强制缓存， 使用协商缓存如果强制缓存了， 那么协商缓存就不会被使用且不会有请求发送。
2023-03-08 21:51:20
144
原创 JSONP及同源策略
同源策略SOP（Same Origin Policy），它是由Netscape提出的一个著名的安全策略。所谓同源是指域名、协议、端口相同。指的是浏览器限制当前网页只能访问同源的接口资，禁止页面加载或执行与自身来源不同的域的任何脚本。用于保护数据安全，防止浏览器受到XSS、CSFR等攻击。
2023-03-08 21:31:36
192
原创 day19-原型和继承
prototype 是函数内的一个对象空间（公共空间），每个函数都有一个，被称为显示原型，用于解决构造函数内存浪费（在调用方法时调用几次就会创建多少次内存空间）的问题。将 contructor 外部声明的函数自动加入到原型中。
2023-03-03 20:51:44
127
原创 day15-ECMAScript和ES5新增
ECMAScript 是对应 js 的基础语法，里面包含 js 中除 dom 操作和 bom 的所有内容。ECMAScript主要拆分为俩个单词 ECMA (欧洲计算机协会) 、Script (脚本)。ECMAScript 简称（es）他主要的版本有 ES3、ES5、ES6...对应的版本管理以及切换是由不同兼容问题产生的。低版本的兼容就比较好，高版本的兼容性较差。在项目中我们可以使用bable.js来进行生成代码的版本切换（后续框架中必然使用的）。
2023-02-25 11:22:57
129
原创 day13-cookie
那么cookie既然存储在对应的浏览器上那么对应的他不应该被销毁，那么时间一长对应的cookie就会越来越大，这点来说对我们是不好的。，一般用于网络传输（一般是对应的数据交互），一般交互的数据为JSON格式数据（字符串）、xml（类似于html）。JSON 格式是一种数据交互格式，一般后台给我们返回的都是 json 格式的字符串，但是在 js 中可以将 json 格式的字符串变为对象。name=value;主要是通过对应的session（存储在服务端上的）来解决的，每个连接的建立都会存在一个对应的。
2023-02-24 20:32:22
80
原创 day14-正则表达式
正则表达式是运用于验证一种表达式，他在 js 中是一个对象，被称为正则对象，对应的正则对象存在对应相关的元字符。我只需要了解相关元字符及对应的可以书写一些简单的正则进行验证就可以了。
2023-02-23 20:17:56
112
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人