- 博客(51)
- 收藏
- 关注
RSS订阅原创 高强度专攻Promise
具体表达2. 功能：promise对象用来封装一个异步操作并可以获取其成功/失败的结果值 1. 启动异步任务；2. 返回Promise对象；3. 给Promise对象绑定回调函数；（可以在异步任务结束后指定多个） 执行器：（resolve，reject）=> { }executor会在Promise内部立即同步调用，异步操作在执行器中执行2.1.2 resolve函数内部定义成功时调用 (value) => { }内部定义失败时调用（reason）=> { }指定用于得到成功value的成功回调和
2024-04-04 15:07:00
794
原创 robots.txt
1. **搜索引擎优化（SEO）**: 通过在robots.txt文件中设置合适的规则，网站所有者可以控制搜索引擎爬虫对网站内容的访问和索引。例如，可以阻止搜索引擎爬虫访问敏感页面、限制爬取频率，或指定特定的爬取规则，以提高网站在搜索引擎中的排名和可见性。需要注意的是，robots.txt文件只是一个指导性的文件，而不是强制性的限制。通过在robots.txt文件中设置相应的规则，网站所有者可以控制搜索引擎爬虫对网站的访问和索引行为，以保护敏感信息、限制爬虫访问频率或指定特定的爬取规则。
2024-04-01 00:35:44
364
1
原创 APP . vue
这样设置元信息后，Vue.js会根据这些信息来动态更新页面的标题。当`title`属性发生变化时，页面的标题将被更新为新的值。`titleTemplate`属性定义了一个模板，可以在页面标题中添加一些固定的内容（如应用名称）或格式化标题的显示方式。总而言之，这段代码中的`metaInfo()`方法用于设置页面的动态标题和标题模板，使得在不同条件下可以灵活地设置和显示页面的标题。
2024-04-01 00:22:45
392
原创 模块化是怎样的
在前端开发中，模块化是一种将复杂程序分解为独立、可重用的模块的做法。每个模块都是一个独立的功能单元，它们可以包含自己的逻辑、状态和界面。模块化有助于提高代码的可维护性、可读性和可测试性，同时也是组件化的基础。
2024-03-05 20:45:41
351
原创 原始数据类型和引用数据类型
例如，`Object.prototype.toString.call([])`将返回`"[object Array]"`，`Object.prototype.toString.call({})`将返回`"[object Object]"`。例如，`typeof 1`将返回`"number"`，`typeof "hello"`将返回`"string"`。通过比较这个属性，也可以判断对象的类型。例如，如果有一个数组`arr`，`arr instanceof Array`将返回`true`。
2024-03-04 12:52:03
376
原创 this指向问题
在回调函数中，`this` 的指向取决于回调函数的调用方式。// 在浏览器中输出 window 对象。在全局作用域中，`this`指向全局对象（在浏览器中是`window`对象）。// 在浏览器中输出 window 对象。// 输出 obj 对象。// 输出 obj 对象。当使用`new`关键字调用构造函数时，`this`指向新创建的对象。在箭头函数中，`this`指向其上下文中的`this`。当直接调用一个普通函数时，`this`指向全局对象。当通过对象的方法调用时，`this`指向该对象。
2024-03-03 19:40:57
854
原创 对作用域链和原型链的理解
作用域链是指JavaScript在执行过程中创建的可执行上下文的链式结构。每个函数在执行时都会创建一个可执行上下文，其中包含了对外部词法环境的引用，这些引用串联起来，一直指向全局的词法环境，形成了作用域链。。原型链是JavaScript中实现对象继承的机制。每个构造函数都有一个prototype属性指向其原型对象，所有由该构造函数创建的对象都有一个内部属性[[Prototype]]指向这个原型对象。
2024-03-03 19:24:06
434
原创 在Vue中如何减少组件的重复渲染
v-if`是条件渲染指令，当条件不满足时，不会渲染DOM元素，而`v-show`只是简单地切换CSS的`display`属性，无论条件是否满足，DOM元素都会被渲染。对于不需要立即加载的组件，可以使用动态`import()`语法进行按需加载，这样只有在需要的时候才会加载组件，避免了首页加载不需要的组件，同时也能提升应用的加载速度。通过代码层面的优化，可以减少不必要的组件渲染次数。在开发过程中，注意观察和分析组件的渲染次数，避免不必要的渲染，比如可以在开发环境中使用Vue的开发者工具来检查和优化。
2024-03-03 18:56:50
616
原创 Vue2和Vue3中组件间通信有哪⼏种⽅式
这是最基本的通信方式，父组件通过props向子组件传递数据，子组件通过$emit触发事件与父组件通信。props是单向数据流，只能由父组件传递给子组件，而且子组件无法修改这些数据。如果需要双向绑定，可以使用v-model指令，它实际上是语法糖，结合了props和$emit。
2024-03-03 18:47:50
950
原创 怎样理解vue2和vue3里的双向数据绑定
在 Vue.js 中，双向数据绑定意味着当数据变化时，视图会自动更新；反之，当用户通过视图交互导致数据变化时，数据本身也会被更新。这种机制极大地简化了用户界面和数据之间的同步过程。
2024-03-03 18:16:45
412
原创 vue是如何监听对象和数组变化的
Vue框架通过其响应式系统来监听对象和数组的变化。这个系统的核心在于追踪依赖关系，并在数据变化时通知所有依赖于该数据的观察者。
2024-03-03 16:23:47
765
原创 Vue中 computed 和 watch
在Vue框架中，computed和watch都用于响应数据的变化，但它们在使用上有着不同的侧重点和机制。
2024-03-03 16:01:50
529
原创 Http状态码里面的1xx/2xx/3xx/4xx/5xx主要应用场景
HTTP状态码是服务器对客户端请求的响应状态，1xx/2xx/3xx/4xx/5xx分别代表不同的响应状态。
2024-03-03 15:50:03
361
原创 为什么会出现跨域，有什么常见的解决方案
跨域问题的出现是因为浏览器的同源策略限制了Web页面脚本只能访问与自己同源的资源，即协议、域名和端口号都相同的资源。当一个网页试图访问不同源的资源时，就会遇到跨域问题。
2024-03-03 15:36:40
360
原创 什么是浏览器同源策略
浏览器同源策略是一种安全机制，用于限制一个网页的脚本与其他不同源的资源进行交互。这里的“源”指的是协议、域名和端口号，这三者必须完全一致。同源策略的主要目的是保证用户数据的安全性，防止恶意网站通过脚本获取用户在另一个网站上的敏感信息。例如，如果一个银行网站的脚本试图从一个不同源的网站上读取或发送数据，浏览器会阻止这种行为，因为它可能会暴露用户的财务信息。
2024-03-03 01:03:16
307
原创 前端项⽬⽂件很⼤，⽽且⻚⾯访问速度慢，如何在前端侧提⾼性能？
减少HTTP请求的数量，可以通过合并CSS和JavaScript文件来实现。使用CDN（内容分发网络）来加速静态资源的加载速度。对图片进行压缩，选择正确的格式，并实现懒加载技术，以减少页面初次加载时的数据量。
2024-03-03 00:53:24
409
原创 访问⾸⻚的速度很慢，有哪些⽅法可以提⾼访问速度？
可以通过简化页面设计，减少页面中图片、样式表、JavaScript等组件的数量来降低HTTP请求次数。此外，合并文件也是一个有效的方法，即将所有脚本或样式表文件合并为一个文件，和使用图片精灵以减少请求的数量。
2024-03-03 00:38:12
394
原创 JavaScript中的引用数据类型
JavaScript中常用的引用数据类型包括Object类型，Array类型，Date类型，RegExp类型，Math类型，Function类型；基本数据类型包括Boolean，Number，String，Undefined，Null和Symbol类型等。比如Object类型常用的实例函数和静态函数，比较重要的filter()，reduce()，map()函数。Array类型常用的filter()，reduce()，map()等函数，Array常见的算法等。Date类型常见的日期格式化，日期计算等。
2024-02-28 18:19:47
340
原创 JavaScript中的switch语句
若符合哪个条件，则执行相应的语句，并break跳出switch语句；若都不符合则执行默认的statement语句，并结束switch语句。
2024-02-20 20:10:06
319
原创 JavaScript中的运算符
在Java、C等强类型语言中，一个变量在使用前必须声明变量类型，所以在比较时无需判断变量类型，只需要有双等于==即可。对象类型（用valueOf（）和toString（）转换为基本数据类型） == 基本数据类型。通过new操作符得到的基本数据类型的包装类型对象（new Boolean（true））对象字面量、数组、通过new操作符实例化后的对象（除Function）、null、Boolean类型（转换数值） == 数值 == 字符串（转换数值）NaN、无穷大、无穷小、数值类型包装类型。
2024-02-20 17:16:27
334
原创 Number类型详解
2. 若转换为NaN，则调用toString（），再按照对象类型的规则进行转换；1. 调用valueOf（）返回原始值，按照对应类型的规则进行转换；3. 若有确定的Number类型返回值则返回；解析一个字符串并返回指定基数对应的整数值。解析一个字符串并返回对应的浮点数。按照上述类型进行相应转换。4. 否则返回NaN。
2024-02-20 14:43:29
332
原创 JavaScript重点概念
Undefined类型只有一个唯一的字面量undefined，表示一个变量不存在。Null类型只有一个唯一的字面量null，表示一个空指针对象。Undefined类型派生自Null类型，所以在非严格相等情况下，两者相等。两种类型转换为Boolean类型的值时，都会转换为false。
2024-02-20 13:42:40
311
原创 Vue回顾
在实习期间高强度的学习和应用vue的时候是掌握vue最好的时间段，因为某些原因又长时间没接触vue了，感觉有点忘记了，再次回顾下！
2024-02-13 16:40:46
322
1
原创 CSS中的盒模型
总是全局设置border-box，以便得到预期的元素大小。避免明确设置元素的高度，以免出现溢出问题。使用现代的布局技术，比如display: table或者Flexbox实现列等高或者垂直居中内容。如果外边距的行为很奇怪，就采取措施防止外边距折叠。使用猫头鹰选择器全局设置堆叠元素之间的外边距。
2024-01-25 00:31:04
843
原创 CSS中的相对单位——长度和视口相对单位
提示：如果知道字号的像素值，但是想用em声明，可以用一个简单的公式换算：用想要的像素大小除以父级（继承）的像素字号。对大多浏览器而言，默认字号大小为16px。准确地说，medium关键字的值是16px。当视口大小变化时，元素大小会逐渐过渡，而不是在某个断点突然改变。但是在视口越来越大或者越来越小之后，元素大小会出现极端情况，不能很好适应视口。calc()函数内可以对两个及其以上的值进行基本运算。在根节点用calc（）设置字号可以使得不用媒体查询就实现了大部分的响应式策略。
2024-01-20 22:03:35
934
原创 CSS中的Cascade——层叠
控制选择器的优先级不要混淆层叠和继承继承的一般是与文本、列表、表格相关的部分属性不要混淆initial和auto，auto只是某些属性的默认值，比如width简写属性注意顺时针方向和笛卡尔坐标系方向。
2024-01-16 13:09:24
840
1
原创 CSS初级阶段
严格来讲，CSS不是编程语言，却要求抽象思维。它不是纯粹的设计工具，却要求创造力。 尽管了解一些“小技巧”或者具体的实现方式很有用，真正掌握CSS却需要理解这些实践背后的原理，一知半解不能让人走得更远，需要不断深入了解。
2024-01-14 22:35:41
370
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人