欢莱-CSDN博客

原创 vscode 提取扩展时出错。XHR failed

检查电脑系统环境变量，是否设置了 http_proxy 和 https_proxy，如果有设置，则删除这两项，下载完想要的扩展后，若怕影响其他功能则再将删除的环境变量恢复添加上。清空 vocode 中的 Proxy，我黄线框的部分，内容清空。检查 vscode 设置中的代理服务器，位置如下图。

2024-02-14 23:11:26 625

原创 JS 二维数组修改某元素，而其他元素也修改的问题

JS 二维数组修改某元素，而其他元素也修改的问题。发现修改某元素，而其他元素也修改的问题。解决：原因是需要去定义二维数组：

2022-10-31 18:27:25 768 1

原创 Vue 项目通过 electron 转为桌面应用

将已有 Vue 项目打包。将打包生成的 index.html、js、css、然后再和新建的 main.js、package.json 文件放至一个目录下。并命令行切换至这个目录。运行成功且效果正常就行）

2022-10-30 00:37:36 597

原创 Object.defineProperty() 详解

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。## 语法 Object.defineProperty(obj, prop, descriptor)参数 obj：要定义属性的对象。prop：要定义或修改的属性的名称或 Symbol 。descriptor：要定义或修改的属性描述符。返回值：被传递给函数的对象。

2022-09-13 11:22:22 995

原创 JS 手写防抖和节流

防抖（`debounce`）：在时间 n 秒内多次触发事件，则以最后一次触发开始， n 秒后才会执行事件的回调函数。应用场景：搜索框，输入后1000毫秒搜索节流（throttle）：在单位时间内只执行一次回调函数，而在单位时间内多次触发还是只能执行一次。

2022-09-09 16:06:18 393

原创 JS 全局属性 Infinity

在 ES5 规范中， Infinity 是只读的。，展开任意深度的嵌套数组。应用：`flat` 使用 `Infinity`，展开任意深度的嵌套数组。

2022-08-26 10:30:43 656

原创 ES6 扩展运算符的实践

扩展运算符（spread）是三个点 `...`。将一个数组转为用逗号分隔的参数序列。`...`将 arguments 参数列表转为数组。所有定义了 Iterator接口的对象，都可用扩展运算符转为真正的数组。返回的是个NodeList对象，是个类数组对象。因NodeList对象实现了 Iterator ，所以扩展运算符可将其转为真正的数组。打印出：其中数组元素就是 dom如打印以下。

2022-08-25 16:35:50 249

/ mw 是中间件缩写 const mw = function(req , res , next) {console . log('这是一个简单的中间件函数') // 注：在当前中间件的业务处理完毕后，必须调用next()函数，把流转关系转交给下一个中间件或路由 next() }可以使用app.use()连续定义多个全局中间件。客户端请求到达服务器之后，会按照中间件定义的先后顺序依次进行调用。...

2022-08-24 16:16:50 509

原创近期遇到的 JS API（持续更新）

如果指定的属性在指定的对象或其原型链中，则in 运算符返回true。静态方法 Reflect.has() 作用与 in 操作符相同。`Reflect.has(target, propertyKey)`target：目标对象。propertyKey：属性名，需要检查目标对象是否存在此属性。

2022-08-24 16:10:39 124

原创码云贡献者显示个人账户

将本地git用户邮箱改为和 gitee 账户的邮箱一样。

2022-08-24 14:46:16 335

原创 JS 数组、字符串常用 API（持续更新）

toString() 方法返回一个表示该对象的字符串。返回 `[object type]` 其中 type 是对象的类型。使用 toString() 检测对象类型 String.prototype.split() Array.prototype.reduce()

2022-08-18 16:13:32 483

原创经典 JS 题集合（包括频繁笔试题）（持续更新）

循环后，设置了 3 个定时器，他们在 1 s 后触发。而循环后，其后的代码是立即执行。4、用 ES6 的 let 设置局部变量（但外部不可用此变量，会报错）因为 i 是全局变量，循环后，包括 1 s 后都变为了 3。2、利用 JS 中基本类型的参数传递是按值传递。1、利用 setTimeout API。2、ES7 的 async/await。1、用 ES6 的 Promise。以上参考作者：王仕军。...

2022-08-17 18:15:20 369

原创 JS 数据类型检测

二、instanceof理解：判断在其原型链中能否找到该类型的原型。语法：优点：能区分、和，适用于判断自定义的类实例对象缺点：不能判断，，基本数据类型String 对象和 Date 对象都属于 Object 类型和一些特殊情况：...

2022-08-16 11:44:28 191

原创 JS 数据类型

基本数据类型：** - 字符串 (String）- 数字 (Number) - 布尔 (Boolean) - 空 (Null） - 未定义 (Undefined） - Symbol 独一无二的值 - Bigint 任意大小的整数

2022-08-16 09:37:49 141

原创 Vue3 获取 dom

Vue3 获取 dom，使用 ref

2022-08-15 15:24:06 230

原创 Vue3 + Vite 使用 Less 配置

- 安装 less `npm install less -D`（Vite 和 Webpack 不同，不需要 less-loader 等，只需安装 less）- 在 vite.config.js 中加入：

2022-08-12 17:25:59 7658

原创 JS 关于 this、new、bind、call、apply

一句话：this 指向最后调用它的那个对象。this 的绑定规则：默认绑定、隐式绑定、显式绑定（硬绑定）、new 绑定

2022-07-21 16:21:40 207

原创 JS深拷贝和浅拷贝

对于引用类型数据，浅拷贝后，因为浅拷贝只拷贝了引用地址，所以两个对象均使用同一个引用地址，此引用地址指向同一个内存即数据值。对其中任何一个对象操作会改变引用地址对应的数据的值。而深拷贝将一个对象从内存中完整的拷贝一份出来，从堆内存中开辟一个新的区域存放新对象，且修改新对象不会影响原对象。...

2022-07-20 15:49:41 378

原创 Node.js 简单了解

Node.js® 是一个基于 Chrome V8 引擎的 JavaScript 运行时。 (JavaScript引擎是一个专门处理JavaScript脚本的虚拟机，一般会附带在网页浏览器之中。)

2022-07-16 15:26:48 323

原创 JS基础补充之 throw语句

throw 语句会抛出一个错误。当错误发生， JavaScript 会停止执行并抛出错误信息。技术术语是：抛出异常。异常可以是 JavaScript 字符串、数字、逻辑值、对象。

2022-06-30 17:41:41 376

原创 JS基础补充之 label 语句

当遇到多层循环，若想直接跳到最外层循环，此时用label就很方便啦！（或者想跳到某个循环，用label标记这个循环，然后break label名，即可跳。）

2022-06-30 16:56:14 285

原创了解 uni-app

参考官方文档教程：https://uniapp.dcloud.io/tutorial/uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。为了实现多端兼容，综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范：uni-app支持通过可视化界面HBuilderX、vue-cli命令行

2022-06-27 11:15:49 713

原创 Vue 之 slot 插槽

作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件。分类：默认插槽、具名插槽、作用域插槽父组件中使用了多个相同的子组件，若想只在foods所在子组件中放入其他结构，以下就麻烦了。Category.vue可以用插槽解决：Category.vue二、具名插槽Category.vue三、作用域插槽当数据在子组件中，但是父组件中，所用数据一样，但插入结构不一样，要拿到子组件的数据，就用到了作用域插槽。Category.vue......

2022-06-12 22:58:32 142

原创 CSS 的 position（定位）属性

position 属性指定了元素的定位类型。position 属性有五个值：静态定位。是默认值。即没有定位。正常的文档流。不受 top、bottom、left、right属性影响。相对定位。相对于其原本的位置的定位。移动相对定位元素，但它原本所占的空间不会改变。绝对定位。相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于脱离正常文本流。固定定位。相对于浏览器窗口的固定位置。即使窗口滚动元素也不会移动。粘性定位。sticky 英文是粘，粘贴。在 position:relative 与

2022-06-04 22:12:23 215

原创实现水平垂直居中

一、实现水平垂直居中最便捷的方法HTML：<div class="container"> <div class="box"></div></div>CSS：.container { width: 100px; height: 100px; background: #eee; display: flex; // display: grid; // display: inline-fle

2022-05-21 15:59:43 109

原创 JS冒泡排序复习

一、冒泡排序对于要排序的数组，从第一位开始从前往后比较相邻两个数字，若前者大，则交换两数字位置，然后比较位向右移动一位。每一轮的比较将当前未排序数字中的最大者被排序，未排序数字总数减1。第 arr.length - 1 轮结束后排序完成。看图，更容易理解（未应用优化）。1）优化提前结束优化当某一轮比较均未发生交换，说明排序已完成，可设置一个布尔值记录一轮排序是否有发生交换，若无则提前退出循环结束程序。冒泡界优化记录前一轮交换的最终位置，说明该位置之后的元素为已排序状态，下一轮的交换只需执行到

2022-05-21 15:25:54 198

原创动态组件及tab切换高亮和多个组件间过渡

实现下图效果：动态组件在不同组件之间进行动态切换。通过 Vue 的 <component> 元素加一个特殊的 is attribute 来实现：<component v-bind:is="currentTabComponent"></component>例：<div class="login-tab"> <a href="" @click=

2022-05-11 18:23:52 881

原创 Vue 中 element ui 修改组件默认样式

例：<style lang="less" scoped> /deep/ .el-backtop { background-color: red; color: red; }</style>element ui 的默认类名前加/deep 即可。即样式穿透。注意：若修改后，组件样式并没有改变，可以重新运行下项目后，样式穿透起作用。（我遇到的坑！）...

2022-05-02 14:00:57 552

原创 Vue中使用自定义字体

为了美观效果，不想使用默认字体，使用其他好看的字体，此时在项目中就需要：创建 assets/fonts/font.less@charset "UTF-8";@font-face { font-family: 'zkwyt'; src: url('./zkwyt.ttf');}将字体文件 zkwyt.ttf 放 assets/fonts 文件夹中。在 App.vue 引入 font.less<style>@import './assets/fonts/font.

2022-04-24 18:46:13 4153

原创 Vue CLI4 自动化引入 less 全局变量或 Sass、Stylus

在 Vue CLI4中：（注意看下版本，3版本不是此配置）若想在组件中使用 less文件中的变量、mixin等，若不全局引入，我们在每个组件中一个个引入，会非常麻烦。如：<style lang="less" scoped>@import '~@/assets/less/imports.less';若想在App.vue 导入，但会出错。设置全局引入(即自动化导入)：使用 webpack 的 style-resources-loader插件可自动化导入less.

2022-04-24 18:38:35 1376 1

原创 Vue的Prop配置

文章目录1、Prop 的大小写2、Prop 类型3、Prop验证4、传递静态|动态 Prop5、修改Prop数据适用于：父子组件通信。如果父组件给子组件传递(函数)数据：本质是子组件给父组件传递数据；如果父组件给子组件传递的(非函数)数据：本质就是父组件给子组件传递数据。路由组件也可以传递 props数据。1、Prop 的大小写HTML 中的属性名大小写不敏感，浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需

2022-04-18 21:36:25 1891

原创 Vue的mixin混入

mixin 实现 Vue 组件中配置项的可复用功能。把多个组件共用的配置提取成一个混入对象。一个混入对象可以包含任意组件选项。1、用法定义混入：创建 src/mixin.js// 一个混入对象export const mixin1 = { methods: { showName() { alert(this.name); }, }, mounted() { console.log('哈哈') },}// 一个混入对象export const mixin2 .

2022-04-18 20:47:13 311

原创 Vue之全局事件总线$bus

全局事件总线：可以实现任意组件间通信关于VueComponent：school组件本质是一个名为 VueComponent 的构造函数，且不是程序员定义的，是 Vue.extend 生成的，即 Vue.extend({ })的返回值。我们只需要写或，Vue解析时会帮我们创建school组件的实例对象，即Vue帮我们执行的：new VueComponent(options )。特别注意：每次调用 Vue.extend 返回的都是一个全新的 VueComponent。关于this指向：(1)

2022-04-17 19:32:29 1494

原创 Vuex统一管理状态

1、vuex 是什么实现数据共享是实现组件全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享。概念：在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。不使用Vuex和使用Vuex：使用Vuex统一管理状态的好处：①能够在 vuex中集中管理共享的数据，易于开发和后期维护②能够高效地实现组件之间的数据共享, 提高开发效率③存储在vuex中的数据都是响

2022-04-17 19:10:12 840

原创 vue实战项目-电商商城前台-（学习尚硅谷的）尚品汇

目录文章目录目录最好使用视频上的账号密码，13700000000 密：111111一、脚手架使用创建项目脚手架默认目录：脚手架下载的项目稍微配置一下浏览器自动打开关闭 eslint 校验工具，以防写代码时没错也报错。src文件夹的别名的设置二、项目分析（1）项目路由分析（2）Header、Footer非路由组件完成使用非路由组件步骤：使用路由组件步骤：路由的跳转有两种形式:路由元信息：路由传递参数重写push与repalce方法（3）TypeNav三级联动组件完成（4）Home首页拆分静态组件完成（

2022-04-15 21:05:08 10657 18

空空如也

vscode easyless不起作用是为什么