- 博客(18)
- 收藏
- 关注
RSS订阅原创 uniapp项目初始化开发模板(vue3+vite+uniapp+sard-uniapp+pinia)
uniapp项目初始化开发模板: 便捷极简的小程序开发模板，助力开发者。只关注业务开发即可，已经集成好了常见配置【根据分支获取vue版本】
2024-10-25 17:58:36
211
原创 面试题总结(vue)：(第十七天 完结)
在使用 Vuex 的过程中，我遇到了一些问题，例如在 Vue 2.x 和 3.x 版本中，Vuex 的使用方式有所不同。总结一下，对于 Vue 项目的优化，可以从减少不必要的全局状态、使用响应式数据、使用计算属性、使用过滤器、使用指令、使用第三方库、优化代码、使用服务端渲染、优化静态资源和使用 CDN 等方面进行。虚拟 DOM（Virtual DOM）是一种模拟真实 DOM 的技术，它将浏览器中的 DOM 结构转换为 JavaScript 对象，然后在内存中进行操作，最后再将操作应用到真实 DOM 上。
2024-10-16 17:31:05
849
原创 面试题总结(vue)：(第十六天)
Object.defineProperty 是 ES5 中引入的一个方法，它可以用来定义一个对象的属性，并设置该属性的相关属性，例如 get、set、enumerable、configurable 等。但是，它们都提供了集中式存储管理应用状态的方法，使得状态可以被任何组件访问，并且都采用了响应式设计思想，使得状态可以被任何组件订阅和更新。proxy 是 ES6 中引入的一个新特性，它可以用来创建一个代理对象，该代理对象可以拦截对原对象的属性访问，并可以对属性进行一些操作，例如修改、添加、删除等。
2024-10-16 17:19:27
1029
原创 面试题总结(vue)：(第十五天)
当组件被切换时，keep-alive 会记录组件的实例，当再次切换到该组件时，keep-alive 会直接使用之前的实例，而不是重新创建一个新的实例。当组件被切换时，keep-alive 会记录组件的实例，当再次切换到该组件时，keep-alive 会直接使用之前的实例，而不是重新创建一个新的实例。组件是 Vue.js 的核心特性，它使得我们可以将一个复杂的应用分解为多个小的、可复用的单元，从而提高代码的可维护性和可扩展性。在实际项目中，可以根据需要为 Vue 实例添加生命周期钩子，以实现一些特定的功能。
2024-10-16 17:08:34
773
原创 面试题总结(vue)：(第十四天)
在 Vue.js 中，组件中的 data 为什么是一个函数？这是因为 Vue.js 的组件是可复用的，当我们在多个组件中使用同一个组件时，每个组件都需要拥有自己的数据。如果 data 不是一个函数，那么所有的组件都会共享同一个数据，这会导致数据混乱。通过将 data 设置为一个函数，每次创建一个新的组件实例时，都会调用这个函数，从而为每个组件实例创建一个新的数据对象。这样，每个组件实例都有自己的数据，可以独立地操作数据，而不会影响其他组件实例。
2024-10-16 17:00:44
698
原创 面试题总结(vue)：(第十三天)
在 Vue 中，当 data 中某个属性的值发生改变后，视图是否会立即执行重新渲染取决于虚拟 DOM 和 DOM 渲染的效率。在这个示例中，当我们调用 updateMessage 方法时，message 的值会发生变化，但是由于虚拟 DOM 和实际 DOM 相等，视图不会立即执行重新渲染。mixin 中的属性或方法会按照它们在组件中的顺序进行覆盖，而 extends 中的子组件会覆盖父组件的方法或属性。当多个 mixin 中有相同的方法或属性时，它们的优先级是按照 mixin 在组件中的顺序进行覆盖的。
2024-10-16 16:50:57
991
原创 面试题总结(vue)：(第十二天)
在这个示例中，我们定义了一个 observe 函数，它接收一个对象作为参数，然后使用 Object.defineProperty() 方法将对象的每个属性转换为 getter 和 setter。在MVVM中，Model表示数据模型，View表示用户界面，ViewModel负责将Model的数据映射到View上，并处理用户交互。单页应用只有一个主页面，所有内容都加载在这个页面上。MVVM的核心思想是数据的双向绑定，即Model的数据变化会自动更新到View上，View上的数据变化也会自动更新到Model上。
2024-10-16 16:33:21
604
原创 面试题总结(JavaScript)：(第十天 完结)
在这个示例中，task1、task2 和 task3 是三个任务。Webpack 是一个 JavaScript 模块打包器（module bundler），它能够将多个 JavaScript 文件打包成一个文件，并提供一些优化措施，例如代码压缩和优化。在 JavaScript 中，引用数据类型（Object）是一种特殊的变量，它存储的是一个对象的引用。在这个示例中，我们使用了一个名为 add 的函数，它接受两个参数 a 和 b，并将它们乘以 10^10，然后进行整数加法运算，最后再将结果除以 10^10。
2024-09-30 16:49:20
871
原创 面试题总结(JavaScript)：(第九天)
JavaScript 中的包装类型指的是 Number、String 和 Boolean 这三种基本数据类型的包装对象。包装类型是一种特殊的对象，它可以将基本数据类型转换为对象，从而提供更多的方法和属性。// 基本类型// 包装类型// 输出 "number"// 输出 "object"在上面的代码中，我们首先创建了一个数字 num，然后使用 Number 包装类型将其转换为对象 numObj。通过 typeof 操作符，我们可以看到 num 是基本类型，而 numObj 是对象类型。
2024-09-30 16:34:31
1885
原创 面试题总结(JavaScript)：(第八天)
总结：async/await 是 JavaScript 中一种基于 Promise 的异步编程模式，它可以将异步代码编写成同步代码，提高代码的可读性。总结：Promise 是 JavaScript 中一种基于 Promise/A+ 规范的异步编程模式，它提供了一种简洁的语法来处理异步操作，避免了回调函数的嵌套。Promise 是 JavaScript 中一种基于 Promise/A+ 规范的异步编程模式，它提供了一种简洁的语法来处理异步操作，避免了回调函数的嵌套。
2024-09-30 15:42:17
794
原创 面试题总结(JavaScript)：(第七天)
ES6 模块使用 import 和 export 关键字进行模块的导入和导出，而 CommonJS 模块使用 require 和 module.exports 进行模块的导入和导出。call() 和 apply() 方法用于临时改变函数的执行上下文并执行函数，而 bind() 方法用于创建一个新函数，该函数的执行上下文被绑定到指定的对象。通过原型对象，可以实现属性和方法的继承。apply() 方法与 call() 方法类似，也是用于将一个函数的执行上下文设置为指定的对象，并执行该函数。
2024-09-30 15:21:59
825
原创 面试题总结(JavaScript)：(第六天)
在 JavaScript 中，包装类型是一种特殊的数据类型，用于表示基本类型值的大小写。JavaScript 中有两种包装类型：String 和 Number。String 包装类型：String 包装类型表示字符串值。当将一个字符串值赋值给一个变量时，JavaScript 会自动将字符串值转换为 String 对象。// 输出 "object"// 输出 "true"Number 包装类型：Number 包装类型表示数值。
2024-09-30 15:11:23
1558
原创 面试题总结(JavaScript)：(第五天)
Symbol 类型的值不能与其他类型的值进行比较，即使是相同的 Symbol 值。需要注意的是，instanceof 操作符只能检查对象的构造函数，不能检查基本类型（如 string、number、boolean 等）。总结：JavaScript中的数据类型主要分为对象类型、数组类型、字符串类型、布尔类型、数字类型、函数类型、空值类型和未定义类型。否则返回 false。需要注意的是，typeof对于对象类型会返回"object"，对于函数类型会返回"function"，并不会具体到是哪一种对象或函数。
2024-09-30 15:00:10
1651
原创 面试题总结(HTML+CSS)：(第四天 完结)（浏览器部分:仅需了解）
(1)概念XSS 攻击指的是跨站脚本攻击，是一种代码注入攻击。攻击者通过在 网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信 息如 cookie 等。XSS 的本质是因为网站没有对恶意代码进行过滤，与正常的代码混合 在一起了，浏览器没有办法分辨哪些脚本是可信的，从而导致了恶意 代码的执行。攻击者可以通过这种攻击方式可以进行以下操作: 获取页面的数据，如 DOM、cookie、localStorage;DOS 攻击，发送合理请求，占用服务器资源，从而使用户无法访问服 务器;破坏页面结构。
2024-09-27 18:00:48
794
原创 面试题总结(HTML+CSS)：（第三天）
JavaScript 的加载、解析与执行会阻塞文档的解析，也就是说，在 构建 DOM 时，HTML 解析器若遇到了 JavaScript，那么它会暂停文 档的解析，将控制权移交给 JavaScript 引擎，等 JavaScript 引擎 运行完毕，浏览器再从中断的地方恢复继续解析文档。在 HTML 页面中， 标签用于定义文档的元数据，如文档的标题、关键字、描述等。总之，事件循环是浏览器中处理异步任务的核心机制，它使得浏览器可以在等待异步任务执行的同时，继续处理其他任务，从而提高网页的性能和响应速度。
2024-09-27 16:40:22
703
原创 面试题总结(HTML+CSS)：（第二天）
如果已经 访问过页面并且资源已经进行离线存储了，那么浏览器就会使用离线 的资源加载页面，然后浏览器会对比新的 manifest 文件与旧的 manifest 文件，如果文件没有发生改变，就不做任何操作，如果文 件改变了，就会重新下载文件中的资源并进行离线存储。localStorage在所有同源窗口中都是共享的，同浏览器无法共享local和session的信息，同浏览器下，local可以在不同页面 (指的是相同域名和端口的下的不同页面) 共享相同的local数据；这样可以在不同设备上保持边框的清晰和完整。
2024-09-27 15:29:59
891
原创 面试题总结(HTML+CSS)：（第一天）
总结：href用于建立当前页面与引用资源之间的关系（链接），而src则会替换当前标签。而src则不同，浏览器需要加载完毕src的内容才会继续往下走。important > 内联样式 > ID选择器 > 类选择器（属性选择器、伪类选择器）> 元素选择器（伪元素选择器）> 通配符选择器。使用语义化标签可以提高内容的可读性和可访问性，有助于搜索引擎优化（SEO），同时方便开发人员理解和维护代码。1、Doctype描述了html文档的类型，对不同的Doctype类型，浏览器会使用不同的方法来解析。
2024-09-27 15:22:25
375
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人