- 博客(84)
- 问答 (30)
- 收藏
- 关注
RSS订阅原创 前端现网问题定位/调试
2、全局搜索(ctrl+shift+f)关键词，定位到问题文件。或者Sources板块手动找到资源文件。3、找有个图片是大括号的按钮({})，格式化代码。4、搜索文件中的相关关键词，定位到代码位置。1、chrome打开F12调试模式。
2024-03-28 11:37:07
112
原创 网页加载过慢优化
3、如果页面展示内容过多，使用分模块的骨架屏替换整体loading。2、页面懒加载，初始化时只加载首屏的接口，下拉滚动条时再加载剩余接口。1、前端缓存公共区域数据，如搜索区域的下拉框枚举值。4、接口过多时，过滤重复请求的接口。
2024-03-27 09:04:48
313
原创 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
414
原创 前端常用入门算法
好像很适合原地调换数组的位置，一个下标移动的快，一个移动的慢。快的指针用来往前走，慢的用来停在目标数据上。移动到数组的末尾，同时保持非零元素的相对顺序。，编写一个函数将所有。
2023-12-27 15:41:04
839
原创 JS常用方法总结
1、改变原数组pop()push()shift()unshift()2、不改变自身concat()join()slice()filter()map()
2023-12-10 11:22:24
406
原创 Let和Var的区别
因为for循环每次迭代，{}里面都是互相隔离的新的作用域。但也可以只声明不赋值，默认赋值undefined；Let不能重复声明，且必须先声明再调用；但是不同作用域下，可以重复声明。
2023-12-10 10:09:31
197
原创 js的静态方法
在 JavaScript 中，静态方法是指在类本身上定义的方法，而不是在类的实例上定义的方法。静态方法不能通过类的实例直接访问，而是通过类本身来调用。对于继承，父类的静态方法通常会被子类所继承。即子类可以通过类本身来调用父类的静态方法。但需要注意的是，子类只能继承父类的静态方法，而不能访问父类的实例方法或实例属性。另外，如果子类定义了同名的静态方法，则会覆盖父类的同名静态方法。通常，静态方法被用于类相关的工具函数或者运算符重载。比如Math.ceil();
2023-11-30 14:38:16
75
原创 闭包的使用
但是data数组的项，是匿名函数每次返回的新函数，且是闭包。闭包中的变量被存在内存中。如上代码中，for循环生成了一个保存着三个函数的数组。本来var i是全局变量，循环完以后i应该为3。
2023-11-30 10:37:05
36
原创 this的用法
最后，需要注意的是，使用闭包函数的原因是为了保留对`this`对象的引用。因为在`func()`方法中`this`的指向可能会发生变化，而使用闭包函数可以让变量`self`持有对`this`的引用，避免了指向被改变造成的问题。方法内部，但是在对象作用域中。方法中定义了一个闭包函数，函数体中也有两个。这个闭包函数的执行时机是在。关键字指的是全局对象（浏览器中的。，方法内部定义了一个闭包函数。方法中，首先定义了一个变量。对象或者node.js的。关键字定义了一个名为。
2023-11-30 10:19:36
28
原创 关于switch
1、因为逻辑分支较多，很容易遗忘某个分支。故switch中应有一个default分支。2、每个case分支中都必须有break语句，否则会一直往下面的case执行；3、case中声明遍历时，为了避免变量污染，不应省略{}；switch-case的case项可以加{}，也可省略。
2023-11-29 16:22:04
54
原创 关于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
20
原创 关于JSON
JSON 具有自验证性可以理解为，JSON 数据本身包含了足够的信息，可以通过解析和验证 JSON 数据自身的结构、完整性和语法正确性。在解析过程中，如果遇到结构错误或者语法错误，解析过程会自动抛出异常，并告知出错位置和具体原因。此，JSON 具有自验证性一特性，使得 JSON 数据结构在数据传输和解析过程中变得更加安全、可靠和高效。例如，我们得到一个包含 JSON 数据的字符串时，我们可以使用 JavaScript 内置的。2、JSON是一种简化的传输方式。1、JSON不是一种语言。
2023-11-29 15:17:43
223
原创 浏览器缓存
是由服务器生成的用于标识资源的字符串，在协商缓存起作用。它通常是一个基于资源内容的哈希值或随机字符串。是协商缓存的标志，它是由服务器在响应中提供的资源的最后修改日期。1. 浏览器是先使用强制缓存，再进行协商缓存。
2023-11-29 15:13:35
38
原创 JS的执行过程
如果代码存在语法错误，在代码执行之前就会被浏览器报错，并且不再执行代码。所以语法错误用try catch是拦截不到的，有些场景要特别注意。比如开发中可能有些JSON数据是动态配置的，如果配置的JSON串格式有问题。可能生产环境就直接报错了，把JSON.parse操作放在try catch里也无法避免JS中断执行。
2023-09-15 15:48:31
228
原创 到底什么是CLI？
了解了这么多，我理解的vue-cli等各种所谓的cli，其实就是一套用shell已经写好的程序。只是这套程序不像网页，它没有界面。不通过鼠标点击交互，执行下一步，而是通过命令行输入交互往下执行。最终给我们的电脑上完成文件、文件夹创建，组件下载安装等动作。比如执行vuecli，最终我们就得到了一套现成的代码框架。
2023-07-30 19:15:33
282
原创 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
645
1
原创 前端问题总结
上面两句代码的效果是完全不同的，第1句是真正给input赋值，通过val()可以获取到值。第2句是给input标签添加一个叫value的属性，并将该属性设置为sq，通过val()获取不到sq。
2023-06-12 17:30:37
92
原创 vue2的SSR改造
中创建Vue实例，并在其中引入路由器，然后将Vue实例挂载到DOM上。但是，在SSR中，我们需要将Vue实例和路由器作为导出函数的一部分来创建，以便服务器端能够执行和呈现应用程序。中，我们需要将路由器定义为导出函数，以便服务器端能够访问路由器并根据请求路径渲染相应的组件。因此，为了将Vue 2应用程序改造为SSR应用程序，我们需要修改。在传统的SPA应用程序中，我们在。
2023-06-03 17:41:37
418
4
原创 关于爬虫技术
爬虫是一种自动化程序，它能够模拟人类用户访问网站的行为，从网站上抓取数据并保存到本地或者进行进一步处理。爬虫是一种非常常用的网络数据采集工具，可以用于搜索引擎、电商数据采集、舆情监测等多个领域。通过使用爬虫，可以自动化地获取大量的数据，这对于分析和研究数据具有很大的帮助。但是，爬虫也有可能会对被爬取网站的服务器造成过大的负荷，甚至触犯法律法规，因此在使用爬虫时需要遵守相关规定和道德准则。
2023-06-03 17:32:01
456
原创 如何新建一个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
801
原创 vue打包时报错
1、首先执行下npm run serve，看下是不是语法错误。如果语法错误，vscode该行代码会飘红，直接修改即可。npm run build时报错，英文意思大概是不是npm的问题，让查看日志。build报错信息中并没有说明具体原因，此时不要惊慌。
2023-05-28 10:38:48
183
原创 JS中Array的forEach、map、filter方法区别？
函数用于对数组中的每个元素执行给定的函数，而它不返回任何值，它只是对每个元素调用传入的函数。这个函数可以接受三个参数：当前元素的值、当前元素的索引和整个数组。方法中的回调函数在遍历数组时是只读的，也就是说，它们不能修改原数组元素的值。函数也用于对数组中的每个元素执行给定的函数，但它返回一个新的数组，其中包含该函数的返回值。方法中，是无法直接修改遍历的数组元素的，因为。返回一个新数组，其中包含了传入函数的返回值。循环来遍历数组并直接修改元素的值。一样，但返回值被添加到新的数组中。的主要区别在于它们的返回值。
2023-05-21 10:51:38
749
原创 js的map方法
在 JavaScript 中，map()是一个数组方法，可以将一个数组中的每个元素转换为另一个值，并返回一个新的数组，新数组的元素个数与原数组相同。map()其中，array是要操作的数组，function是用来操作每个元素的函数，thisValue是可选参数，用来指定函数中的this值。functionindexarr在 ES6 中，map()
2023-05-16 15:41:48
1328
原创 ES6解决对象取值时多层if判断问题
ES6引入了可选链操作符（Optional Chaining Operator），可以简化多层if判断的问题。可选链操作符是一个问号（?）后跟一个点（.）或两个点（..），用于访问可能不存在的属性或方法，避免出现TypeError错误。如果person或address不存在，city将会是undefined，而不会抛出TypeError错误。如果array不存在或index超出了数组范围，item将会是undefined。
2023-05-15 18:23:11
267
原创 学习vue（可与知乎合并）
组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用：声明组件// 定义一个名为 button-counter 的新组件 Vue . component('button-counter' , {return {使用组件（把组件当作自定义元素）引入组件new Vue({
2023-05-12 12:03:52
498
空空如也
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
ajax post方式请求接口，只有options请求，没有post请求。怎么办？
2018-10-31
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
TA创建的收藏夹 TA关注的收藏夹
TA关注的人