
javascript
文章平均质量分 87
落日九号
去码头整点薯条
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue组件通信的 `$attrs`与`$listeners`的优先级
Vue透传属性与事件的优先级陷阱:在Vue开发中,v-bind="$attrs"和v-on="$listeners"常用于组件透传,但存在显式绑定优先级的隐藏规则。当中间组件显式声明同名属性或事件时,会覆盖透传内容(属性:显式值>$attrs>默认值;事件:显式绑定>$listeners)。Vue3将$listeners整合到$attrs中,但优先级规则不变。建议避免显式绑定同名内容,或通过计算属性/手动调用实现可控透传。掌握这一机制能有效避免数据流向异常,确保组件行为符合预期。(149字)原创 2025-05-24 19:11:25 · 879 阅读 · 0 评论 -
HTTP Header 中的 cookie 和 set-cookie
在 HTTP 协议中,Cookie和Set-Cookie是两个不同的头部,分别用于发送 cookie 和 设置 cookie。CookieSet-CookieSet-Cookie是一个HTTP响应标头用于将cookie由服务器发送到用户代理(即浏览器),以便用户代理在后续的请求中可以将其发送回服务器。要发送多个cookie,则应在同一响应中发送多个Set-Cookie标头。Set-Cookie。原创 2025-03-22 15:46:17 · 2022 阅读 · 0 评论 -
VS Code 的Tasks 功能介绍
VS Code 的 tasks 功能允许开发者在编辑器内直接运行自定义脚本或命令。无论是编译代码、运行测试、启动服务器,还是执行其他任何与项目相关的重复性任务,都可以通过tasks进行配置和管理。tasks功能主要通过位于项目根目录下.vscode文件夹中的tasks.json文件来实现。通过对该文件进行配置,开发者可以定义多个任务,每个任务都有特定的功能和执行方式。VS Code 的 tasks 功能通过灵活的配置选项,为开发者提供了强大的任务自动化能力。通过对tasks.json。原创 2025-03-19 00:22:57 · 1057 阅读 · 0 评论 -
ES Module 的 import 导入和 import () 动态导入
ES Module 的import导入和import()动态导入为开发者提供了强大的模块管理能力。import的静态特性使得代码的依赖关系更加清晰,便于优化;import()的动态特性则为代码的灵活性和性能优化提供了更多可能。在实际开发中,我们应根据具体的需求选择合适的导入方式,以构建高效、可维护的 JavaScript 应用。原创 2025-03-07 20:43:57 · 1379 阅读 · 0 评论 -
ESLint的配置
为什么要使用eslint?原创 2023-04-09 12:15:25 · 7957 阅读 · 0 评论 -
ES3、ES5、ES6、ES2016、ES2017、ES2018、ES2019
JavaScript版本区分,原创 2021-12-03 11:14:10 · 3434 阅读 · 0 评论 -
JavaScript作用域链与JavaScript闭包
函数是一种行为,它接受输入经过处理之后输出。假设函数f1它接受A处理之后输出B,默认情况下函数就只知道A,对A操作之后返回一个B,AB是一一对应的关系,在操作过程中函数可能需要Z,这个Z是不变的,那么我们还需要提供Z;函数f2它接受C处理之后输出D,默认情况下函数就只知道C,对C操作之后返回一个D,CD也是一一对应的关系,在操作过程中函数可能需要Z,这个Z是不变的,那么我们还需要提供Z;f1(A1,Z); // ===> B1f1(A2,Z); // ===> B2f2(C1,Z);原创 2021-03-22 14:06:51 · 126 阅读 · 0 评论 -
node-sass安装问题,nrm 在window下报错的问题
安装node-sass的时候报错Downloading binary from https://github.com/sass/node-sass/releases/download/v4.13.1/win32-x64-83_binding.nodeCannot download "https://github.com/sass/node-sass/releases/download/v4.13.1/win32-x64-83_binding.node":HTTP error 404 Not Foun原创 2021-03-20 13:56:02 · 372 阅读 · 0 评论 -
关于Promise的一些理解
关于Promise一个 Promise 必然处于以下几种状态之一:pending: 初始状态,既没有被兑现,也没有被拒绝。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。Promise 对象是由关键字 new 及其构造函数来创建的。该构造函数会把一个叫做“处理器函数”(executor function)的函数作为它的参数。这个“处理器函数”接受两个函数——resolve 和 reject ——作为其参数。const p = new Promise((resol原创 2020-11-27 00:05:44 · 513 阅读 · 0 评论 -
前端小知识
2020-09-05IOS在低电量的模式下,会把 CSS animation 从 60fps限制到30fps;webkit(Safari) 在iframe中运行动画会降低帧率,鼠标点击过后会恢复原样,可能是为了防止广告占据太多系统资源。firefox(火狐)的隐私设置resistFingerprinting (抗指纹)开启的时候,JavaScript的时间精度会变为 100ms,也会造成一些问题,如动画卡顿,解决方案print.js 打印组件...原创 2020-09-27 14:07:35 · 204 阅读 · 0 评论 -
函数值传递和引用传递与栈内存和堆内存的关系
值传递和引用传递按值访问和按引用访问栈内存和堆内存原创 2020-05-20 23:36:26 · 1091 阅读 · 0 评论 -
Javascript的 __proto__和 prototype和原型链
__proto__JavaScript的每一个对象(null除外)都和另一个对象关联,而这里说的另一个对象便是原型。每个对象都从原型继承属性以及方法。如何确定一个对象关联的另一个对象是哪个呢?这就涉及到JavaScript对象的一个内部属性[[Prototype]] ,这个属性指向的便是当前对象关联的(或者说继承的)另一个对象。我们是不能访问内部属性的,我们可以通过 __proto__来访问...原创 2020-04-01 15:19:57 · 359 阅读 · 0 评论 -
JS 从重写toString 方法开始
项目中为了缓存请求结果,将请求参数转成ID存储返回结果,组织参数代码如下,const param = { a, ...getBC(), toString(){ return `${this.a}+${this.b}+${this.c}` }}cache[param.toString()] = {};在Chrome浏览器上运行正常,在IE8上却发现,参数变化的时候,...原创 2020-03-23 16:49:51 · 1647 阅读 · 0 评论 -
JavaScript闭包+函数内部的this指向
关于闭包, 什么是闭包? 看了不少博客没理解明白,百度百科写的是,闭包就是能够读取其他函数内部变量的函数(虽然这个也是引用的)。如果我们把 闭包 改称做 闭包函数 这样理解起来可能更容易一些。闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接...原创 2020-03-07 11:20:37 · 704 阅读 · 0 评论 -
JavaScrit包装对象
包装对象包装对象JavaScript数据类型包装对象原始类型和实例对象的自动转换自定义方法包装对象JavaScript数据类型谈到包装对象,首先要说JavaScript的数据类型 基本类型和引用类型,基本类型 指得是简单数据段,而引用类型是指那些可能由多个值构成的对象。基本数据类型有5种:undefined、null、Boolean、Number和String,这五种基本数据类型是按值访...原创 2019-03-29 10:23:04 · 321 阅读 · 0 评论 -
JavaScript程序设计(二)-变量、作用域和内存
原创 2019-04-08 23:17:36 · 152 阅读 · 0 评论 -
JavaScript程序设计(四)-面向对象的程序设计
文章目录属性类型数据属性访问器属性同时定义多个属性创建对象工厂模式构造函数模式原型模式简洁的原型语法组合使用构造函数和原型模式动态原型模式寄生构造函数模式稳妥构造函数模式继承原型链继承借用构造函数继承组合继承属性类型数据属性特性可以理解为对象的属性的属性var person = {};Object.defineProperty(person, 'name' ,{ writable...原创 2019-04-15 22:29:19 · 484 阅读 · 0 评论 -
JavaScript程序设计(三)-引用类型
引用类型引用类型的值(对象)是引用类型的一个实例,ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起,他们常被称为类,但是并不太准确,因为它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型也被称为对象定义。它描述的是一类对象所具有的属性和方法。对象是某个特定引用类型的实例。...原创 2019-04-13 11:05:51 · 360 阅读 · 0 评论 -
JavaScript高级程序设计(六)--BOM
BOMBOMwindow对象框架窗口位置窗口大小导航和打开窗口安全限制弹出窗口屏蔽间歇调用和超时调用系统对话框BOM BOM(Browser Object Model)即浏览器对象模型。BOM的核心对象是window,它表示浏览器的一个实例。它是JavaScript访问浏览器的接口,也是ECMAScript中规定的Global对象。window对象 由于window对象同时扮演者ECM...原创 2019-04-21 18:37:50 · 154 阅读 · 0 评论 -
JavaScript高级程序设计(五)-函数表达式
函数表达式函数表达式定义函数函数声明函数表达式递归闭包闭包与变量this函数表达式定义函数函数声明function functionName(arg0,arg1){ // 函数体}// Firefox Safari Chrome,Opera 有效 就是IE不行呗console.log(functionName.name) // functionName关于函数声明,最重要的特征...原创 2019-04-17 00:18:44 · 363 阅读 · 0 评论 -
JavaScript模块管理
Uncaught TypeError: Cannot assign to read only property ‘exports’ of object ‘#<Object>’webpack打包的是报了这个错误,webpack本身维护了一套模块系统,它兼容这前端所有的模块系统,当然包括CommonJS和es6 的模块系统require/exports属于CommonJS 规范出......原创 2019-04-18 19:57:07 · 439 阅读 · 1 评论 -
babel在webpack 中使用和配置
babel webpackbabel 7.4@babel/core babel-corecore-js@babel/plugin-transform-runtime@babel/preset-envbabel-loader@babel/runtime-corejs3在vue中使用babel原创 2019-08-18 20:55:32 · 5753 阅读 · 0 评论 -
vscode 下使用eslint和prettier行代码格式化
vscode 下代码格式化以及检查eslintprettier语法检查代码风格JavaScript原创 2019-08-21 19:13:14 · 19209 阅读 · 1 评论 -
JavaScript程序设计(一)-基本概念
原创 2019-04-07 12:12:21 · 227 阅读 · 0 评论