自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 JavaScript继承的方法和优缺点

在一个函数A内部创建一个临时性的构造函数,然后将传入的对象作为这个构造函数的原型,最后返回这个临时类型的一个新实例。在父类型构造函数中定义的引用类型值的实例属性,会在子类型原型上变成原型属性被所有子类型实例所共享。在父类型的原型中定义的方法,对子类型而言也是不可见的,结果所有类型都只能使用构造函数模式。本质上,就是使用寄生式继承来继承超类型的原型,然后再将结果指定给子类型的原型。无论在什么情况下,都会调用两次超类型构造函数:一次是在创建子类型原型的时候,另一次是在子类型构造函数内部。

2024-05-03 17:03:28 738 1

原创 apply、call、bind作用与区别

call、apply、bind的作用都是改变函数运行时的this指向。bind和call、apply在使用上有所不同。

2024-04-26 20:33:08 311 1

原创 JavaScript数组去重方法

对象属性、new Set() 、indexOf、hasOwnProperty、reduce+includes等实现数组去重

2024-04-26 12:56:11 218 1

原创 ES6新特性之let和const

ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

2024-04-25 20:09:49 233 1

原创 三栏布局实现

左右两边盒子宽度固定,中间盒子宽度自适应,盒子的高度都是随内容撑高的,一般都是中间盒子内容较多,为了保证页面渲染快,在写结构的时候,需要把中间盒子放在左右盒子的前面。实现三栏布局的方法通常是圣杯布局和双飞翼布局。

2024-04-25 20:03:23 297 1

原创 CSS盒模型

就是用来装页面上的元素的矩形区域。CSS 中的盒子模型盒子大小的计算方式不同包括IE 盒子模型(怪异盒模型)和标准的W3C 盒子模型。CSS盒模型定义了盒的每个部分包含 margin, border, padding, content。

2024-01-18 15:27:48 443 1

原创 html语义化

内容较简单

2024-01-18 14:32:00 330 1

原创 UML——用例图

如果在两个或更多的基本用例中存在类似的行为,并且这些类似的行为又可独立地构成一个用例,那么就可以把这些行为提炼出来构成一个被包含的用例。包含用例与衍生它的多个基本用例之间就属于包含关系,包含关系在用例图中的表示:使用一条带箭头的虚线,并在虚线附近加上,箭头的方向由基本用例指向包含用例。在基本用例的基础上,思考基本用例在处理自身行为之外,还能做什么有易于业务需求的事情,如果存在,那么就把这个事情委托给其他用例(扩展用例),表示该事情被扩展了,以此在基本用例和扩展用例之间就形成了扩展关系。

2024-01-04 12:09:49 385 1

原创 JavaScript的常见设计模式——迭代器模式

迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。

2024-01-02 10:08:57 352

原创 JavaScript常见的设计模式——代理模式

为一个对象提供一个代用品或占位符,以便控制对它的访问。

2023-12-31 16:49:25 615 1

原创 react为什么要使用JSX

JSX是一个JavaScript语法扩展,或者说是一个类似于XML的ECMAScript语法扩展。

2023-12-31 10:49:51 364 1

原创 http与https

使用https时,服务器和客户端会建立一个安全通道,服务端传输给客户端一个未上锁的盒子,这个盒子的钥匙在服务器手里,客户端将要传输的东西放入盒子里,然后将盒子传输给服务器,服务器再使用钥匙打开。超文本传输协议,是互联网上应用最广泛的一种网络协议,是一个客户端和服务端请求和应答的标准(TCP),用于从www服务器传输超文本到本地浏览器的传输协议,使浏览器更高效,使网络传输减少。http 传输的数据都是未加密的,也就是明文的,网景公司设置了SSL 协议来对http 协议。

2023-12-30 11:34:01 350

原创 JavaScript设计模式——策略模式

定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。核心将算法的使用和算法的实现分离开来。一个基于策略模式的程序至少由两部分组成:第一个部分是一组策略类,策略类封装了具体的算法,并负责具体的计算过程。第二个部分是环境类Context,Context接受客户的请求,随后把请求委托给某一个策略类。要做到这点,说明Context 中要维持对某个策略对象的引用。

2023-12-30 10:37:17 316

原创 JavaScript常见设计模式——单例模式

保证一个类仅有一个实例,并提供一个访问它的全局访问点。

2023-12-29 21:43:44 695 1

原创 js事件循环

包括:process、nextTick、promise.then()、object.observe、MutationObserver。包括:script、setTimeout、setInterval、setImmeditate、I/O、UI、rendering。js是单线程的,但是又需要一种机制来处理多个块的执行,且执行每个块时调用js引擎,这种机制称为事件循环。事件循环分为3部分:主线程,宏队列,微队列。

2023-12-29 17:43:41 364 1

原创 说一下闭包

闭包 一个函数和词法环境的引用捆绑在一起,这样的组合就是闭包(closure)。一般就是一个函数A,return其内部的函数B,被return出去的B函数能够在外部访问A函数内部的变量,这时候就形成了一个B函数的变量背包,A函数执行结束后这个变量背包也不会被销毁,并且这个变量背包在A函数外部只能通过B函数访问。

2023-12-28 17:57:56 359 1

原创 原型与原型链

原型链查找规则:从当前实例属性去查找,如果找到了就返回,否则顺着原型链一层一层往上面找。原型链:_proto_ => [[prototype]] =>大家都有。原型:prototype =>函数特有。

2023-12-27 11:45:34 431 1

原创 JavaScript防抖与节流

以监听输入表单和鼠标移动事件为例,使用闭包实现。(也可以通过时间戳实现)防抖:固定时间内,事件只允许发生一次。节流:一定时间内的多个事件合为一个。应用场景:提交表单,高频监听事件。

2023-12-27 10:39:38 1016 1

原创 util.promisify太优雅了

使用util.promisify之后promise太简洁了!

2023-07-15 17:45:11 58 1

原创 MyBatisPlus中Unknown column ‘XXX‘ in ‘field list‘

距离课设验收还有两天,我困在Unknown column 'XXX' in 'field list'中一整天,无法自拔,全网搜索解决办法,一个一个的试过去,感觉各种办法都有,总结来说就是数据库字段和实体类发生冲突,但是我是真的一点冲突都没有啊...然后我终于试出来了解决办法,就是实体类中的没有一个字段添加了 @TableField注解,可能是我mybaitsPlus设置的问题,还是它本身的问题,我也不清楚,小白一个...

2023-06-28 23:22:28 482 1

原创 JavaScript期约1

在执行函数中,解决的值和拒绝的理由是分别作为resolve()和reject()的第一个参数往后传的。在返回新期约实例方面,Promise.prototype.catch()的行为与 Promise.prototype.then()的onRejected处理程序是一样的。拒绝期约的错误并没有抛到执行同步代码的线程李,而是通过浏览器异步消息队列来处理,代码一旦开始以异步模式执行,则唯一与之交互的方式就是使用异步结构,就是期约的方法。如果给它传一个期约对象,则这个期约会成为它返回的拒绝期约的理由。

2023-05-07 21:16:21 73 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除