自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(86)
  • 问答 (30)
  • 收藏
  • 关注

原创 Python

Python是一种高级编程语言,创建它的初衷是为了简化代码编写,使开发者能够更高效地编写软件代码。Python是一门功能强大的语言,被广泛应用于网络编程、数据分析、人工智能等领域。

2024-05-16 10:05:48 110

原创 Playwright

个人理解,其实跟css选择器一样。2、某个类的第一个子元素。

2024-04-25 16:53:35 387

原创 前端现网问题定位/调试

2、全局搜索(ctrl+shift+f)关键词,定位到问题文件。或者Sources板块手动找到资源文件。3、找有个图片是大括号的按钮({}),格式化代码。4、搜索文件中的相关关键词,定位到代码位置。1、chrome打开F12调试模式。

2024-03-28 11:37:07 125

原创 网页加载过慢优化

3、如果页面展示内容过多,使用分模块的骨架屏替换整体loading。2、页面懒加载,初始化时只加载首屏的接口,下拉滚动条时再加载剩余接口。1、前端缓存公共区域数据,如搜索区域的下拉框枚举值。4、接口过多时,过滤重复请求的接口。

2024-03-27 09:04:48 331

原创 js截取网址参数值方法

token 值出现在 URL 的 hash 部分,所以你需要使用 window.location.hash 来获取 hash 部分,然后使用 URLSearchParams 对象来解析 token 值。console.log(token) //打印 ceshiToken。console.log(token) //打印 ceshi。token 值出现在 URL 的查询参数部分。//hash截取网址参数方法。//获取token值。//截取网址参数方法。//获取token值。

2024-03-20 15:55:40 447

原创 前端常用入门算法

好像很适合原地调换数组的位置,一个下标移动的快,一个移动的慢。快的指针用来往前走,慢的用来停在目标数据上。移动到数组的末尾,同时保持非零元素的相对顺序。,编写一个函数将所有。

2023-12-27 15:41:04 982

原创 JS常用方法总结

1、改变原数组pop()push()shift()unshift()2、不改变自身concat()join()slice()filter()map()

2023-12-10 11:22:24 410

原创 Let和Var的区别

因为for循环每次迭代,{}里面都是互相隔离的新的作用域。但也可以只声明不赋值,默认赋值undefined;Let不能重复声明,且必须先声明再调用;但是不同作用域下,可以重复声明。

2023-12-10 10:09:31 206

原创 JS判断相同

如上是两个object对比,是不相同的。

2023-11-30 18:25:33 82

原创 js的静态方法

在 JavaScript 中,静态方法是指在类本身上定义的方法,而不是在类的实例上定义的方法。静态方法不能通过类的实例直接访问,而是通过类本身来调用。对于继承,父类的静态方法通常会被子类所继承。即子类可以通过类本身来调用父类的静态方法。但需要注意的是,子类只能继承父类的静态方法,而不能访问父类的实例方法或实例属性。另外,如果子类定义了同名的静态方法,则会覆盖父类的同名静态方法。通常,静态方法被用于类相关的工具函数或者运算符重载。比如Math.ceil();

2023-11-30 14:38:16 94

原创 call/apply的区别

call,从第二个参数起,可以有多个参数。apply的第二个参数是个数组,是固定的。

2023-11-30 14:23:50 49

原创 闭包的使用

但是data数组的项,是匿名函数每次返回的新函数,且是闭包。闭包中的变量被存在内存中。如上代码中,for循环生成了一个保存着三个函数的数组。本来var i是全局变量,循环完以后i应该为3。

2023-11-30 10:37:05 40

原创 this的用法

最后,需要注意的是,使用闭包函数的原因是为了保留对`this`对象的引用。因为在`func()`方法中`this`的指向可能会发生变化,而使用闭包函数可以让变量`self`持有对`this`的引用,避免了指向被改变造成的问题。方法内部,但是在对象作用域中。方法中定义了一个闭包函数,函数体中也有两个。这个闭包函数的执行时机是在。关键字指的是全局对象(浏览器中的。,方法内部定义了一个闭包函数。方法中,首先定义了一个变量。对象或者node.js的。关键字定义了一个名为。

2023-11-30 10:19:36 33

原创 关于switch

1、因为逻辑分支较多,很容易遗忘某个分支。故switch中应有一个default分支。2、每个case分支中都必须有break语句,否则会一直往下面的case执行;3、case中声明遍历时,为了避免变量污染,不应省略{};switch-case的case项可以加{},也可省略。

2023-11-29 16:22:04 58

原创 关于webpack

3."file-loader":把文件输出到一个文件夹中,在代码中通过相对 "URL" 去引用输出的文件。1."eslint-loader":通过 "ESLint" 检查 "JavaScript" 代码。2."babel-loader":主要是把 "ES6" 转换成 "ES5",当然也可以转化TS。4."css-loader":加载 "CSS",支持模块化、压缩、文件导入等特性。

2023-11-29 15:25:48 24

原创 关于JSON

JSON 具有自验证性可以理解为,JSON 数据本身包含了足够的信息,可以通过解析和验证 JSON 数据自身的结构、完整性和语法正确性。在解析过程中,如果遇到结构错误或者语法错误,解析过程会自动抛出异常,并告知出错位置和具体原因。此,JSON 具有自验证性一特性,使得 JSON 数据结构在数据传输和解析过程中变得更加安全、可靠和高效。例如,我们得到一个包含 JSON 数据的字符串时,我们可以使用 JavaScript 内置的。2、JSON是一种简化的传输方式。1、JSON不是一种语言。

2023-11-29 15:17:43 225

原创 浏览器缓存

是由服务器生成的用于标识资源的字符串,在协商缓存起作用。它通常是一个基于资源内容的哈希值或随机字符串。是协商缓存的标志,它是由服务器在响应中提供的资源的最后修改日期。1. 浏览器是先使用强制缓存,再进行协商缓存。

2023-11-29 15:13:35 42

原创 js的严格模式

严格模式下有如下注意点。

2023-11-29 14:55:59 104

原创 defineProperty的使用

以下代码,控制台输出结果是9527 TypeError。

2023-11-29 14:19:31 51

原创 JS的执行过程

如果代码存在语法错误,在代码执行之前就会被浏览器报错,并且不再执行代码。所以语法错误用try catch是拦截不到的,有些场景要特别注意。比如开发中可能有些JSON数据是动态配置的,如果配置的JSON串格式有问题。可能生产环境就直接报错了,把JSON.parse操作放在try catch里也无法避免JS中断执行。

2023-09-15 15:48:31 237

原创 二级评论列表功能

体验用数据库语句查询出双层留言列表的感觉~~~

2023-08-22 23:15:25 386

原创 到底什么是CLI?

了解了这么多,我理解的vue-cli等各种所谓的cli,其实就是一套用shell已经写好的程序。只是这套程序不像网页,它没有界面。不通过鼠标点击交互,执行下一步,而是通过命令行输入交互往下执行。最终给我们的电脑上完成文件、文件夹创建,组件下载安装等动作。比如执行vuecli,最终我们就得到了一套现成的代码框架。

2023-07-30 19:15:33 305

原创 Nginx安装与基础部署

面向全栈小白的Nginx服务器安装、部署参考

2023-07-10 16:49:26 358

原创 模块化规范

常用模块化有两种规范,commonJS和ES6。

2023-07-08 19:06:27 805

原创 Nuxt2+echarts5报错Unexpected token export?

当在Nuxt.js中使用ECharts 5时出现"Unexpected token export"错误通常是由于Nuxt.js默认使用的是CommonJS模块系统,而ECharts 5使用ES模块语法所致。在nuxt.config.js中设置。

2023-07-08 18:11:13 667 1

原创 node-sass报错

我们安装vue项目时,经常遇到nade-sass报错。然后切换到某个node版本后不再报错,原因见下文。

2023-06-28 00:07:46 759

原创 Nuxt重构填坑

vuecli的nuxt重构

2023-06-26 15:32:51 1256 4

原创 字符串拼接换行

1、JQ的话,使用html方法,不可使用text方法。2、字符串里拼接'</br>'

2023-06-16 16:21:58 156

原创 前端问题总结

上面两句代码的效果是完全不同的,第1句是真正给input赋值,通过val()可以获取到值。第2句是给input标签添加一个叫value的属性,并将该属性设置为sq,通过val()获取不到sq。

2023-06-12 17:30:37 98

原创 chartGpt

工具来源一:CSDN。

2023-06-03 19:21:51 137

原创 vue-cli

main.js: 用于创建 Vue 实例,将其挂载到 DOM 上,并添加路由器和其他插件。

2023-06-03 18:54:28 85

原创 vue2的SSR改造

中创建Vue实例,并在其中引入路由器,然后将Vue实例挂载到DOM上。但是,在SSR中,我们需要将Vue实例和路由器作为导出函数的一部分来创建,以便服务器端能够执行和呈现应用程序。中,我们需要将路由器定义为导出函数,以便服务器端能够访问路由器并根据请求路径渲染相应的组件。因此,为了将Vue 2应用程序改造为SSR应用程序,我们需要修改。在传统的SPA应用程序中,我们在。

2023-06-03 17:41:37 443 4

原创 关于爬虫技术

爬虫是一种自动化程序,它能够模拟人类用户访问网站的行为,从网站上抓取数据并保存到本地或者进行进一步处理。爬虫是一种非常常用的网络数据采集工具,可以用于搜索引擎、电商数据采集、舆情监测等多个领域。通过使用爬虫,可以自动化地获取大量的数据,这对于分析和研究数据具有很大的帮助。但是,爬虫也有可能会对被爬取网站的服务器造成过大的负荷,甚至触犯法律法规,因此在使用爬虫时需要遵守相关规定和道德准则。

2023-06-03 17:32:01 459

原创 如何新建一个vue项目?

截止目前新建一个vue项目,有多种选择,比如1、vue版本,vue2 / vue3其中,Vue-cli = Vue + 一堆的js插件,@vue/cli是Vue-cli的最新版本不同vue-cli安装的vue版本不同,vue-cli 4.5以下,安装的是Vue2。vue-cli 4.5及以上,安装的Vue3。vite是vue官方提供的新一代脚手架,搞清楚这些弯弯绕绕,那么。

2023-06-02 14:15:59 813

原创 vue打包时报错

1、首先执行下npm run serve,看下是不是语法错误。如果语法错误,vscode该行代码会飘红,直接修改即可。npm run build时报错,英文意思大概是不是npm的问题,让查看日志。build报错信息中并没有说明具体原因,此时不要惊慌。

2023-05-28 10:38:48 202

原创 JS中Array的forEach、map、filter方法区别?

函数用于对数组中的每个元素执行给定的函数,而它不返回任何值,它只是对每个元素调用传入的函数。这个函数可以接受三个参数:当前元素的值、当前元素的索引和整个数组。方法中的回调函数在遍历数组时是只读的,也就是说,它们不能修改原数组元素的值。函数也用于对数组中的每个元素执行给定的函数,但它返回一个新的数组,其中包含该函数的返回值。方法中,是无法直接修改遍历的数组元素的,因为。返回一个新数组,其中包含了传入函数的返回值。循环来遍历数组并直接修改元素的值。一样,但返回值被添加到新的数组中。的主要区别在于它们的返回值。

2023-05-21 10:51:38 757

原创 JS好用的方法

一:获取对象的key为数组。

2023-05-16 21:00:26 89

原创 前端常见方法名

1、polyfill 兼容浏览器的差异。

2023-05-16 15:44:29 73

原创 js的map方法

在 JavaScript 中,map()是一个数组方法,可以将一个数组中的每个元素转换为另一个值,并返回一个新的数组,新数组的元素个数与原数组相同。map()其中,array是要操作的数组,function是用来操作每个元素的函数,thisValue是可选参数,用来指定函数中的this值。functionindexarr在 ES6 中,map()

2023-05-16 15:41:48 1525

原创 ES6解决对象取值时多层if判断问题

ES6引入了可选链操作符(Optional Chaining Operator),可以简化多层if判断的问题。可选链操作符是一个问号(?)后跟一个点(.)或两个点(..),用于访问可能不存在的属性或方法,避免出现TypeError错误。如果person或address不存在,city将会是undefined,而不会抛出TypeError错误。如果array不存在或index超出了数组范围,item将会是undefined。

2023-05-15 18:23:11 287

空空如也

mac版webstorm能同时打开两个preject吗?

2019-01-10

prerender-spa-plugin只能预渲染静态页面吗?

2019-01-09

webstorm可以链接两个地址相同、端口不同的FTP吗?

2018-12-25

看不懂Vue的SSR文档咋办?

2018-12-24

webstorm FTP连接设置报错?

2018-12-23

vue-cli3 build后报正则表达式非法?

2018-12-16

鼠标悬停,边框动画 是什么实现原理?

2018-12-06

为什么w3school的Dom对象列表中没有onscroll属性了?

2018-11-26

Para._id = ObjectId(Para._id),为何不能改变_id的值?

2018-11-22

前端开发 背景图片如何适配不同设备?

2018-11-19

Vue cli 3.0 执行命令时报错,如下图?

2018-11-19

Wangeditor如何实现代码高亮?

2018-11-11

wangeditor如何集成lighhight?

2018-11-11

vue.js实现翻页组件,请求接口部分封装在子组建中,还是在父组件中写?

2018-11-06

Vue的锚链接可以转成固定链接吗?

2018-11-03

如何将锚链接转为固定链接,vue.js开发的?

2018-11-02

如何为弹框添加淡入淡出效果?

2018-11-01

node.js用mongodb模块的MongoClient,文档在哪里查?

2018-10-31

Access-Control-Allow-Headers需要手动设置吗?如何设置?php语言

2018-10-31

ajax post方式请求接口,只有options请求,没有post请求。怎么办?

2018-10-31

jquery ajax的文档里没有headers参数,为什么可以直接在settings里面放headers参数?

2018-10-30

ajax post方式请求接口,只有options请求,没有post请求。怎么办?

2018-10-30

vue输入域名自动加载index.vue?

2018-10-30

vue-cli 3.0 keywords和discription写在哪里?

2018-10-23

服务器上ping二级域名IP是127.0.0.1,一般电脑ping出服务器ip,怎么办?

2018-10-18

鼠标移到div上时,div缩小。离开时恢复,如何做到?

2018-10-18

Apache如何配置二级域名?

2018-10-18

80端口被system占用?听说关闭IIS就可以了,关了IIS FTP是不是就不能用了?

2018-10-17

var a = undefined; var data2 = a ? a.b : '' + a ? a.c : ''; 为什么会报错?

2018-10-17

GET请求提示跨域,ajax不执行success方法。但调试接口显示200,且有数据返回。这是什么情况?

2018-10-16

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

TA关注的人

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